/*============= استایل نهایی و بهینه‌شده صفحه حساب کاربری سدنا =============*/

/* 📦 ساختار کلی داشبورد */
.sedna-dashboard {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  margin-top: 40px;
  direction: rtl;
}

/* 🔳 جعبه‌های تاشو (آکاردئون اصلی هر بخش) */
.sedna-dashboard .sedna-box {
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  width: 100%;
  transition: all 0.3s ease;
}

/* 🔺 عنوان آکاردئون */
.sedna-dashboard .accordion-header {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  color: #1a365e;
  position: relative;
  padding-right: 24px;
}

/* 🔻 فلش باز/بسته در کنار عنوان آکاردئون */
.sedna-dashboard .accordion-header::before {
  content: "\25BC";
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
.sedna-dashboard .accordion-header.active::before {
  transform: rotate(-180deg);
}

/* 📥 محتوای داخل آکاردئون (در حالت بسته) */
.sedna-dashboard .accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}

/* 📤 محتوای داخل آکاردئون (در حالت باز شده) */
.sedna-dashboard .accordion-content.open {
  max-height: none;
  opacity: 1;
  margin-top: 10px;
  transition: all 0.3s ease;
}

/* 🔘 دکمه‌ها (ذخیره، ارسال، ویرایش و...) */
.sedna-dashboard .sedna-btn,
.sedna-dashboard button,
.sedna-dashboard input[type="submit"] {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  padding: 10px 20px;
  border-radius: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 16px;
  background-color: #1A365E;
  color: #FFFFFF !important;
}
.sedna-dashboard .sedna-btn:hover,
.sedna-dashboard button:hover,
.sedna-dashboard input[type="submit"]:hover {
  background-color: #26518C;
}

/* 🎨 دکمه‌های آبی (مثلاً دکمه‌های ثانویه) */
.sedna-dashboard .sedna-btn.blue,
.sedna-dashboard .sedna-btn.primary {
  background-color: #0A9DC9;
  color: #FFFFFF !important;
}

/* 🔚 دکمه خروج بالا */
.logout-btn {
  padding: 2px 60px !important;
}

/* 📍 لیست آدرس‌ها و اطلاعات کاربر */
.sedna-address-list,
.sedna-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sedna-address-list li,
.sedna-box ul li,
.sedna-user-info li {
  margin-bottom: 6px;
  color: #444;
  font-size: 15px;
  line-height: 1.7;
}

/* ✏️ دکمه‌های ویرایش آدرس */
.sedna-address-buttons {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
/* 📬 فرم آدرس ارسال */
.sedna-address-form {
  margin-top: 20px;
}

/* 📦 چیدمان ردیف‌ها در فرم آدرس */
.sedna-address-form .form-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px; /* دو طرف منفی برای جبران padding داخلی */
}

/* 🧱 گروه هر فیلد شامل label و input */
.sedna-address-form .form-group {
  width: 50%;
  padding: 0 7.5px;
  box-sizing: border-box;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}

/* 💯 برای فیلدهای تمام‌عرض (مثل آدرس کامل) */
.sedna-address-form .form-group.full-width {
  width: 100%;
  padding: 0 7.5px;
}

.sedna-address-form .form-group.full-width input {
  width: 100%;
}

/* 🏷️ برچسب‌ها */
.sedna-address-form label {
  margin-bottom: 6px;
  font-size: 13px;
  color: #444;
  font-weight: 500;
}

/* 📱 موبایل: همه فیلدها تک ستونه */
@media (max-width: 768px) {
  .sedna-address-form .form-group {
    width: 100%;
  }
}



/* 🧾 استایل اینپوت‌ها */
.sedna-address-form input {
  flex: 1;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

/* 📦 جدول سفارش‌ها */
.sedna-orders-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sedna-orders-table {
  width: 700px;
  min-width: 100%;
}
.sedna-orders-table th,
.sedna-orders-table td {
  padding: 8px 10px;
}
.sedna-orders-table td a.sedna-btn {
  padding: 6px 18px;
  font-size: 13px;
  line-height: 1.4;
  max-width: none;
  width: auto;
}
.sedna-orders-table td:last-child {
  text-align: center;
  vertical-align: middle;
}

/* 👤 فرم اطلاعات کاربر */
.sedna-user-info {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
.sedna-userinfo-form input[type="text"],
.sedna-userinfo-form input[type="email"] {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-bottom: 12px;
  padding: 10px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
}
.sedna-userinfo-form .sedna-btn {
  margin-bottom: 24px;
}

/* 🔒 فرم تغییر رمز عبور */
.sedna-password-form input[type="password"] {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-bottom: 12px;
  padding: 10px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
}
.sedna-userinfo-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: flex-start;
}
.sedna-userinfo-form,
.sedna-password-side {
  flex: 1;
  min-width: 260px;
}
.sedna-password-side h4 {
  font-size: 14px !important;
  margin-bottom: 10px;
  color: #1a365e;
}


/* ============ پایان استایل صفحه کاربری نهایی ============ */

/*================   ساید بار صفحه فروشگاه ===========================    */
/* باکس سایدبار */
.sedna-shop-sidebar-box.sedna-capacity-filter {
  background: transparent;
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  margin-top: 24px;
}

/* عنوان "فیلترها" */
.filter-title {
  font-size: 17px;
  font-weight: bold;
  color: #1a365e;
  margin-bottom: 10px;
}

/* لینک "حذف فیلتر" زیر عنوان */
.clear-capacity-wrapper {
  margin-bottom: 16px;
  text-align: right;
}

.clear-capacity-link {
  font-size: 13px;
  color: #E53935;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.clear-capacity-link:hover {
  color: #c62828;
  text-decoration: underline;
}

/* آیکون × */
.clear-icon {
  font-size: 16px;
  color: #E53935;
  line-height: 1;
}

/* خط جداکننده محو */
.filter-divider {
  height: 1px;
  background-color: #eee;
  margin: 10px 0 16px;
}

/* عنوان زیرمجموعه (ظرفیت کولر) */
.filter-subtitle {
  font-size: 15px;
  font-weight: 600;
  color: #222;
  margin-bottom: 12px;
  border-bottom: 1px solid #eee;
  padding-bottom: 6px;
}

/* چک‌باکس‌ها */
.filter-checkbox-list label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #444;
  cursor: pointer;
}

.filter-checkbox-list input[type="checkbox"] {
  margin-left: 8px;
  transform: scale(1.1);
}
/*================ استایل بخش ویژگی اهی محصول در صفحه تک محصول======================*/
/* استیال جدول مشخصات محصول در صفحه تک محصول */
.sedna-attribute-table-wrapper {
    margin-top: 40px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.sedna-table-title {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #0A9DC9;
}

.sedna-attribute-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 2.4;
    color: #222;
}

.sedna-attribute-table th,
.sedna-attribute-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
    text-align: right;
}

.sedna-attribute-table th {
    background-color: #F9F9F9;
    color: #666;
    font-weight: 500;
    width: 35%;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .sedna-attribute-table th, 
    .sedna-attribute-table td {
        padding: 10px;
        font-size: 14px;
    }
}
/*پایان*/
/*فیلتر قیمت*/
/* ✅ استایل ساده برای سلکت مرتب‌سازی */
.sedna-capacity-filter .sedna-sort-select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  font-size: 14px;
  background: #fff;
  outline: none;
}

.sedna-capacity-filter .sedna-price-sort-section { margin-bottom: 16px; }

.sedna-capacity-filter .clear-capacity-link {
  display: inline-flex; align-items: center; gap:6px;
  font-size: 13px; color: #666; text-decoration: none;
}
.sedna-capacity-filter .clear-capacity-link:hover { color:#222; }
.sedna-capacity-filter .clear-icon { font-size: 18px; line-height: 1; }
/*پایان*/

/*===================================================بخش فیلتر محصولات در موبایل===================================*/
.sedna-mobile-capacity-filter {
  display: flex;
  flex-direction: column;
  gap: 8px; /* فاصله کلی کمتر شد */
  background: #fff;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
}

/* عنوان فیلتر */
.filter-title-mobile {
  font-size: 15px;
  font-weight: bold;
  color: #222;
  margin-bottom: 2px; /* فاصله کمتر از گزینه‌ها */
}

/* گزینه‌های ظرفیت افقی */
.capacity-options {
  display: flex;
  justify-content: space-between;
  gap: 4px; /* فاصله بین گزینه‌ها کمتر شد */
}
.capacity-options label {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 6px; /* کمی کوچکتر برای جا شدن در کادر */
  border-radius: 8px;
  font-size: 14px;
  white-space: nowrap;
}
.capacity-options input[type="radio"] {
  transform: scale(1.1);
}

/* ======== فیلتر موبایل ظرفیت (کامل) ======== */
.sedna-mobile-capacity-filter{
  display:flex; flex-direction:column; gap:8px;
  background:#fff; padding:10px; border-radius:12px; border:1px solid #e0e0e0;
  max-width:100%;
}

/* ردیف عنوان و حذف فیلتر */
.sedna-mobile-capacity-filter .filter-title-row{
  display:flex; align-items:center; gap:8px; margin-bottom:6px; direction:rtl;
}
.sedna-mobile-capacity-filter .filter-title-mobile{
  font-size:15px; font-weight:bold; color:#222; margin:0;
}

/* لینک حذف فیلتر: کوچک‌تر از عنوان + ضربدر قرمز */
.sedna-mobile-capacity-filter .mobile-clear-filter{
  display:inline-flex; align-items:center; gap:4px;
  font-size:12px; color:#E53935; text-decoration:none;
  padding:4px 6px; border-radius:8px;
}
.sedna-mobile-capacity-filter .mobile-clear-filter:hover{ text-decoration:underline; }
.sedna-mobile-capacity-filter .mobile-clear-filter .x-icon{
  font-size:12px; line-height:1; color:#E53935; transform:translateY(-1px);
}

/* گزینه‌ها */
.sedna-mobile-capacity-filter .capacity-options{
  display:flex; justify-content:space-between; gap:4px; flex-wrap:wrap; /* wrap برای جلوگیری از اسکرول افقی */
}
.sedna-mobile-capacity-filter .capacity-options label{
  display:flex; align-items:center; gap:4px;
  padding:4px 6px; border-radius:8px; font-size:14px; white-space:nowrap;
}
.sedna-mobile-capacity-filter .capacity-options input[type="radio"]{ transform:scale(1.1); }

/* ایمنی اسکرول افقی در موبایل */
@media (max-width:480px){
  .sedna-mobile-capacity-filter, .sedna-mobile-capacity-filter *{
    box-sizing:border-box; max-width:100%;
  }
}

/*پایان*/

/*مقایسه محصولات*/
/* ================= مقایسه محصولات: دکمه و نوار شناور (مرحله ۱) ================= */
/* ✅ چک‌باکس مقایسه – سبک، راست‌به‌چپ، بدون به‌هم‌ریختگی کارت‌ها */
.sedna-compare-control{
  display:flex; align-items:center; gap:8px;
  margin-top:8px; font-size:12px; color:#666666; line-height:1;
  min-height:24px; /* ارتفاع ثابت برای جلوگیری از بالا/پایین پریدن کارت‌ها */
}
.sedna-compare-control input[type="checkbox"]{
  width:16px; height:16px; /* ساده و سبک */
  accent-color:#1a365e; /* در مرورگرهای مدرن */
}
.sedna-compare-control .sedna-compare-label{ cursor:pointer; user-select:none; }
.sedna-compare-control .sedna-compare-label.added{ color:#1a365e; font-weight:600; }

/* نوار شناور "مقایسه کن" */
.sedna-compare-bar{
  position:fixed; bottom:20px; left:50%; transform:translateX(-50%);
  background:#1a365e; color:#fff; padding:10px 16px; border-radius:999px;
  box-shadow:0 6px 20px rgba(0,0,0,.2); display:none; z-index:9999;
  font-size:13px; gap:12px; align-items:center;
}
.sedna-compare-bar.show{ display:flex; }
.sedna-compare-bar .count{
  background:#0A9DC9; padding:2px 8px; border-radius:999px; font-weight:700;
}
.sedna-compare-bar .go{ color:#fff; text-decoration:underline; }
.sedna-compare-bar .go.is-disabled { opacity:.55 !important; pointer-events:none !important; cursor:default; }


/*پایان*/
/* دکمه افزودن به سبد – تیک کنار متن بیاد و دوخطی نشه */
.woocommerce ul.products li.product a.button,
.woocommerce a.button.add_to_cart_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;          /* فاصله بین متن و تیک */
  white-space: nowrap; /* نذار متن بشکنه */
  line-height: 1.2;
}

/* اگر تیک با ::after اضافه میشه، حاشیه RTL را رعایت کن */
.woocommerce ul.products li.product a.button.added::after {
  margin-inline-start: .35rem; /* چپِ متن در RTL */
  margin-inline-end: 0;
}

/* لینک «مشاهده سبد خرید» ریزتر و مرتب‌تر */
.woocommerce a.added_to_cart.wc-forward {
  display: inline-block;
  font-size: 13px;     /* کوچیک‌تر از دکمه اصلی */
  line-height: 1.8;
  margin-top: 8px;
  text-decoration: none;
  opacity: .9;
}
.woocommerce a.added_to_cart.wc-forward:hover { opacity: 1; }

/* اگر باز هم دوخطی شد، کمی عرض بده به دکمه */
.woocommerce ul.products li.product a.button {
  min-width: 140px; /* بسته به طرح شما قابل تغییر */
}
/* فقط دکمه اصلی افزودن به سبد خرید بعد از کلیک */
.woocommerce ul.products li.product .button.added {
    background-color: #0A9DC9 !important; /* رنگ پس‌زمینه */
    color: #fff !important; /* رنگ متن */