/* =====================================================================
 * بنا پلیمر — استایل بهبودهای فروشگاهی (سبد/تسویه/حساب/فروشگاه/مقایسه)
 * رنگ‌ها فقط از متغیرهای Global المنتور (هماهنگ با مدیریت متمرکز رنگ).
 * متغیرهای میان‌بر برای خوانایی:
 * ===================================================================== */
:root{
  --bana-bg:    var(--e-global-color-fd28aa9, #0E1116);
  --bana-card:  var(--e-global-color-e4067a1, #161A21);
  --bana-elev:  var(--e-global-color-3d02e89, #1E2530);
  --bana-sep:   var(--e-global-color-sep0001, #2A323D);
  --bana-volt:  var(--e-global-color-primary, #C6FF3D);
  --bana-volt-h:var(--e-global-color-vlt0001, #A8E024);
  --bana-text:  var(--e-global-color-text, #F2F4F7);
  --bana-text2: var(--e-global-color-8bbe986, #9AA3AF);
  --bana-ok:    var(--e-global-color-f11c98b, #3DDC84);
  --bana-warm:  var(--e-global-color-secondary, #FF6A2C);
}

/* =====================================================================
 * ★ رفعِ ریشه‌ای رنگ متن (یک‌بار، کلِ سایت) ★
 * Woodmart/WooCommerce به‌صورت پیش‌فرض متغیرهای روشن‌-تم دارند:
 *   --wd-text-color:#767676 · --wd-title-color:#242424 · --wd-link-color:#242424
 *   --nav-color:#333 · --sub-menu-color  → روی پس‌زمینه‌ی تیره دیده نمی‌شوند.
 * این‌جا همه یک‌جا به پالتِ بنا نگاشت می‌شوند تا دیگر صفحه‌به‌صفحه وصله نشود.
 * (Elementor خودش از --e-global-color-text روشن استفاده می‌کند و درست است.)
 * متغیرهای خاص با مقدار صریح در همان عنصر، این پیش‌فرض را override می‌کنند
 * (مثل متن تیره روی دکمه‌ی سبز Volt که عمدی است و از --btn-*-color می‌آید).
 * ===================================================================== */
body{
  --wd-text-color: var(--bana-text);
  --wd-title-color: var(--bana-text);
  --wd-link-color: var(--bana-text);
  --wd-link-color-hover: var(--bana-volt);
  --nav-color: var(--bana-text);
  --nav-color-hover: var(--bana-volt);
  --sub-menu-color: var(--bana-text);
  --sub-menu-color-hover: var(--bana-volt);
}

/* ---------- دکمه‌ی Volt مشترک ---------- */
.bana-btn-volt,
.woocommerce a.button.bana-btn-volt{
  background:var(--bana-volt); color:var(--bana-bg)!important; font-weight:700;
  border-radius:10px; padding:12px 26px; border:none; transition:background .25s ease;
}
.bana-btn-volt:hover{ background:var(--bana-volt-h); }

/* ---------- ۱) سبد: میکروکپی اعتماد ---------- */
.bana-trust-list{ list-style:none; margin:16px 0 0; padding:14px 16px; display:grid;
  grid-template-columns:1fr 1fr; gap:10px 18px; background:var(--bana-card);
  border:1px solid var(--bana-sep); border-radius:14px; }
.bana-trust-list li{ display:flex; align-items:flex-start; gap:9px; color:var(--bana-text2);
  font-size:13px; line-height:1.7; margin:0; }
.bana-trust-list li .bana-trust-ic{ flex:none; width:18px; height:18px; margin-top:1px;
  color:var(--bana-volt); display:inline-flex; align-items:center; justify-content:center; }
.bana-trust-list li .bana-trust-ic svg{ width:18px; height:18px; }
.bana-trust-list li i{ color:var(--bana-volt); font-size:14px; }

/* ---------- ۱.۲) نوار ارسال رایگان ---------- */
.bana-ship-bar{ background:var(--bana-card); border:1px solid var(--bana-sep);
  border-radius:14px; padding:14px 18px; margin-bottom:20px; }
.bana-ship-bar__msg{ color:var(--bana-text); font-size:14px; margin-bottom:10px; }
.bana-ship-bar__msg b{ color:var(--bana-volt); }
.bana-ship-bar__msg i{ color:var(--bana-volt); margin-left:6px; }
.bana-ship-bar__track{ height:8px; background:var(--bana-elev); border-radius:99px; overflow:hidden; }
.bana-ship-bar__track span{ display:block; height:100%; background:var(--bana-volt);
  border-radius:99px; transition:width .4s ease; }

/* ---------- ۱.۳) سبد خالی: کاشی دسته‌ها ---------- */
.bana-empty-extra{ margin-top:34px; }
.bana-empty-hint{ color:var(--bana-text); font-weight:700; font-size:16px;
  text-align:center; margin-bottom:18px; }

/* ---------- کاشی دسته‌ها (مشترک سبد خالی + فروشگاه) ---------- */
.bana-cat-tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.bana-cat-tile{ position:relative; display:flex; align-items:flex-end; min-height:120px;
  padding:14px; border-radius:14px; border:1px solid var(--bana-sep);
  background:var(--bana-card) center/cover no-repeat; overflow:hidden; transition:transform .25s ease,border-color .25s ease; }
.bana-cat-tile::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(14,17,22,.85), rgba(14,17,22,.15)); }
.bana-cat-tile.is-noimg::after{ background:var(--bana-elev); opacity:.4; }
.bana-cat-tile:hover{ transform:translateY(-4px); border-color:var(--bana-volt); }
.bana-cat-tile__name{ position:relative; z-index:2; color:var(--bana-text);
  font-weight:700; font-size:15px; }

/* ---------- ۳) حساب کاربری ---------- */
.bana-account-hero{ background:linear-gradient(135deg, var(--bana-elev), var(--bana-card));
  border:1px solid var(--bana-sep); border-radius:16px; padding:22px 24px; margin-bottom:22px; }
.bana-account-hero h3{ color:var(--bana-text); margin:0 0 6px; }
.bana-account-hero p{ color:var(--bana-text2); margin:0; font-size:14px; }
.bana-stat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:26px; }
.bana-stat-card{ display:flex; flex-direction:column; align-items:center; gap:8px;
  padding:22px 14px; background:var(--bana-card); border:1px solid var(--bana-sep);
  border-radius:14px; text-align:center; transition:border-color .25s ease,transform .25s ease; }
.bana-stat-card:hover{ border-color:var(--bana-volt); transform:translateY(-3px); }
.bana-stat-card i{ color:var(--bana-volt); font-size:20px; }
.bana-stat-card .bana-stat-ic{ width:30px; height:30px; color:var(--bana-volt);
  display:inline-flex; align-items:center; justify-content:center; }
.bana-stat-card .bana-stat-ic svg{ width:30px; height:30px; }
.bana-stat-num{ color:var(--bana-text); font-size:24px; font-weight:700; line-height:1; }
.bana-stat-label{ color:var(--bana-text2); font-size:13px; }
@media (max-width:600px){ .bana-stat-grid{ grid-template-columns:repeat(2,1fr); } }
.bana-account-section h3{ color:var(--bana-text); }
.bana-account-section p{ color:var(--bana-text2); }
.bana-empty-state{ text-align:center; padding:34px 20px; background:var(--bana-card);
  border:1px dashed var(--bana-sep); border-radius:16px; margin-top:14px; }
.bana-empty-state i{ font-size:34px; color:var(--bana-volt); opacity:.85; }
.bana-empty-state p{ color:var(--bana-text2); margin:12px 0 18px; }
/* منوی ناوبری حساب — وودمارت لینک‌ها را با --wd-link-color تیره (#242424) رنگ می‌کند */
body.woocommerce-account .woocommerce-MyAccount-navigation li a{ color:var(--bana-text)!important; }
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ color:var(--bana-volt)!important; }
/* لینک‌های ناحیه‌ی محتوا (سفارش‌ها/نشانی‌ها/...) قابل دیدن شوند */
body.woocommerce-account .woocommerce-MyAccount-content{ --wd-link-color: var(--bana-volt); }
/* خط خوش‌آمد پیش‌فرض ووکامرس — کم‌رنگ و کوچک (هیرو پیام اصلی است) */
.woocommerce-account .bana-account-greeting{ color:var(--bana-text2)!important; font-size:13px; margin:0 0 16px; }
.woocommerce-account .bana-account-greeting strong{ color:var(--bana-text); }

/* ---------- کاشی‌های ناوبری حسابِ وودمارت (wd-my-account-links) ----------
   پیش‌فرض: کاشی‌های چسبیده‌ی لب‌به‌لب با متن تیره (#333). اینجا به کارت‌های
   جدا، خوانا و حرفه‌ای تبدیل می‌شوند. */
.woocommerce-account .wd-my-account-links{
  display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:14px!important;
  margin:8px 0 0!important; padding:0!important; border:none!important;
  list-style:none!important; box-shadow:none!important; background:transparent!important;
}
.woocommerce-account .wd-my-account-links > li{
  margin:0!important; padding:0!important; border:none!important; background:transparent!important;
}
.woocommerce-account .wd-my-account-links > li::before,
.woocommerce-account .wd-my-account-links > li::after{ display:none!important; }
.woocommerce-account .wd-my-account-links > li > a{
  display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:12px;
  min-height:120px; padding:24px 14px!important;
  background:var(--bana-card)!important; border:1px solid var(--bana-sep)!important;
  border-radius:14px!important; color:var(--bana-text)!important; box-shadow:none!important;
  transition:border-color .25s ease, transform .25s ease;
}
.woocommerce-account .wd-my-account-links > li > a:hover{
  border-color:var(--bana-volt)!important; transform:translateY(-3px); color:var(--bana-text)!important;
}
.woocommerce-account .wd-my-account-links > li.is-active > a{ border-color:var(--bana-volt)!important; }
.woocommerce-account .wd-my-account-links .wd-nav-icon{ color:var(--bana-volt)!important; font-size:26px; }
.woocommerce-account .wd-my-account-links .wd-nav-icon svg{ width:28px; height:28px; }
.woocommerce-account .wd-my-account-links .nav-link-text{ color:var(--bana-text)!important; font-size:14px; font-weight:500; }
@media (max-width:768px){ .woocommerce-account .wd-my-account-links{ grid-template-columns:repeat(2,1fr)!important; } }
/* برچسب وضعیت سفارش رنگی */
.woocommerce-orders-table .order-status{ padding:3px 10px; border-radius:99px; font-size:12px; font-weight:700; }
.woocommerce-orders-table .order-status.status-completed{ background:rgba(61,220,132,.15); color:var(--bana-ok); }
.woocommerce-orders-table .order-status.status-processing,
.woocommerce-orders-table .order-status.status-on-hold{ background:rgba(198,255,61,.15); color:var(--bana-volt); }
.woocommerce-orders-table .order-status.status-cancelled,
.woocommerce-orders-table .order-status.status-failed{ background:rgba(255,77,77,.15); color:var(--e-global-color-err0001,#FF4D4D); }

/* ---------- ۴) فروشگاه ---------- */
.bana-shop-cats{ margin:0 0 26px; }
.bana-shop-trustbar{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
  margin-top:34px; padding-top:26px; border-top:1px solid var(--bana-sep); }
.bana-shop-trustbar__item{ display:flex; align-items:center; gap:10px; color:var(--bana-text2);
  font-size:14px; }
.bana-shop-trustbar__item i{ color:var(--bana-volt); font-size:18px; }

/* ====================================================================
 * ۶) مقایسه‌ی محصولات — جدولِ حرفه‌ای «گرافیت و ولت»
 *    خروجیِ ویجت وودمارت = table.wd-compare-table (سطر-محور):
 *    th.compare-field (ستون ویژگی، راست) + td.compare-value (هر محصول).
 * ==================================================================== */

/* سربرگِ راهنما (با JS تزریق می‌شود) */
.bana-compare-intro{ margin:0 0 20px; }
.bana-compare-intro p{ color:var(--bana-text2); font-size:14px; line-height:1.9; margin:6px 0 0; }

/* نوار ابزار: سوییچ «فقط تفاوت‌ها» + شمارنده */
.bana-compare-toolbar{ display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:12px; margin:0 0 18px; }
.bana-compare-toolbar label{ display:inline-flex; align-items:center; gap:9px;
  color:var(--bana-text); font-size:14px; font-weight:600; cursor:pointer; padding:10px 16px;
  background:var(--bana-card); border:1px solid var(--bana-sep); border-radius:12px; transition:border-color .2s; }
.bana-compare-toolbar label:hover{ border-color:var(--bana-volt); }
.bana-compare-toolbar input{ accent-color:var(--bana-volt); width:16px; height:16px; }
.bana-compare-toolbar .bana-compare-count{ color:var(--bana-text2); font-size:13px; }
.bana-compare-toolbar .bana-compare-count b{ color:var(--bana-volt); }

/* پوستهٔ اسکرولِ افقیِ جدول */
.wd-compare-table{ width:100%; border-collapse:separate; border-spacing:0;
  background:var(--bana-card); border:1px solid var(--bana-sep); border-radius:16px;
  overflow:hidden; table-layout:fixed; }

/* ستونِ ویژگی (راست، چسبان) */
.wd-compare-table th.compare-field{ width:180px; min-width:180px; text-align:right;
  background:var(--bana-elev); color:var(--bana-text); font-weight:700; font-size:14px;
  padding:18px 18px; border-bottom:1px solid var(--bana-sep);
  position:sticky; right:0; z-index:2; }

/* سلولِ مقدار */
.wd-compare-table td.compare-value{ min-width:250px; vertical-align:top; text-align:center;
  color:var(--bana-text2); font-size:14px; line-height:1.95; padding:18px 18px;
  border-bottom:1px solid var(--bana-sep); border-right:1px solid var(--bana-sep);
  background:var(--bana-card); }
.wd-compare-table tr:last-child th.compare-field,
.wd-compare-table tr:last-child td.compare-value{ border-bottom:none; }

/* هاورِ ردیف (به‌جز ردیف محصول) */
.wd-compare-table tr:not(.compare-basic):hover td.compare-value,
.wd-compare-table tr:not(.compare-basic):hover th.compare-field{ background:var(--bana-elev); }

/* ردیفِ محصول (عکس/عنوان/قیمت/دکمه) — چسبان به بالا هنگام اسکرول */
.wd-compare-table tr.compare-basic th.compare-field,
.wd-compare-table tr.compare-basic td.compare-value{ position:sticky; top:0; z-index:1;
  background:var(--bana-card); border-bottom:2px solid var(--bana-sep); }
.wd-compare-table tr.compare-basic th.compare-field{ right:0; z-index:3; background:var(--bana-elev); }

.wd-compare-table .product-image{ display:block; margin:0 auto 14px; max-width:180px; }
.wd-compare-table .product-image img{ width:100%; aspect-ratio:1/1; object-fit:cover;
  border-radius:12px; background:var(--bana-elev); border:1px solid var(--bana-sep); }
/* تا عکس واقعی اضافه نشده، پلیس‌هولدر سفیدِ ووکامرس را محو کن */
.wd-compare-table .product-image img.woocommerce-placeholder{ opacity:.16; }
.wd-compare-table .wd-entities-title{ display:block; color:var(--bana-text); font-weight:700;
  font-size:15px; line-height:1.65; margin:0 0 8px; transition:color .2s; }
.wd-compare-table .wd-entities-title:hover{ color:var(--bana-volt); }
.wd-compare-table .star-rating{ margin:0 auto 8px; }
.wd-compare-table .price{ color:var(--bana-volt); font-weight:700; font-size:17px; margin:0 0 14px; }
.wd-compare-table .price ins{ text-decoration:none; color:var(--bana-volt); }
.wd-compare-table .price del{ color:var(--bana-text2); font-weight:400; font-size:13px; opacity:.65; margin-inline-start:6px; }

/* دکمه‌ی اکشن (افزودن به سبد / انتخاب گزینه‌ها) = Volt */
.wd-compare-table .compare-basic .button,
.wd-compare-table .compare-basic .add-to-cart-loop{ display:inline-block; background:var(--bana-volt);
  color:var(--bana-bg)!important; font-weight:700; font-size:14px; border:none; border-radius:10px;
  padding:11px 24px; transition:background .2s; }
.wd-compare-table .compare-basic .button:hover,
.wd-compare-table .compare-basic .add-to-cart-loop:hover{ background:var(--bana-volt-h); }

/* دکمه‌ی حذف */
.wd-compare-table .wd-compare-remove-action{ margin:0 0 12px; }
.wd-compare-table .wd-compare-remove-action a{ display:inline-flex; align-items:center; gap:6px;
  color:var(--bana-text2); font-size:12px; transition:color .2s; }
.wd-compare-table .wd-compare-remove-action a:hover{ color:var(--bana-err, #FF4D4D); }
.wd-compare-table .wd-compare-remove-action a::before{ content:'✕'; font-size:13px; }

/* وضعیت موجودی */
.wd-compare-table .stock.in-stock{ color:var(--bana-ok); font-weight:600; }
.wd-compare-table .stock.out-of-stock{ color:var(--bana-err, #FF4D4D); font-weight:600; }

/* در موبایل، وودمارت جدول را بلوکی می‌کند؛ چسبانی را خاموش کن */
@media (max-width:768px){
  .wd-compare-table{ table-layout:auto; }
  .wd-compare-table th.compare-field,
  .wd-compare-table td.compare-value,
  .wd-compare-table tr.compare-basic th.compare-field,
  .wd-compare-table tr.compare-basic td.compare-value{ position:static; min-width:0; width:auto; }
}

/* ---------- حالت خالیِ مقایسه/علاقه‌مندی (برندشده) ---------- */
.wd-empty-compare.wd-empty-page,
.wd-empty-wishlist.wd-empty-page{ color:var(--bana-text)!important; font-size:22px!important;
  font-weight:700; text-align:center; margin:8px 0 6px; }
body.page-id-921 .wd-empty-page-text,
body.page-id-922 .wd-empty-page-text{ color:var(--bana-text2); font-size:15px; line-height:1.9;
  text-align:center; max-width:560px; margin:0 auto 8px; }
body.page-id-922 .return-to-shop{ text-align:center; margin-top:8px; }
/* کاشی دسته‌ها در حالت خالی (با JS تزریق می‌شود) */
.bana-compare-cats{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
  max-width:760px; margin:26px auto 0; }
.bana-compare-cats a{ display:flex; flex-direction:column; align-items:center; gap:8px;
  padding:20px 12px; background:var(--bana-card); border:1px solid var(--bana-sep);
  border-radius:14px; color:var(--bana-text); font-size:14px; font-weight:600;
  transition:transform .2s, border-color .2s; }
.bana-compare-cats a:hover{ transform:translateY(-4px); border-color:var(--bana-volt); color:var(--bana-volt); }
.bana-compare-cats a span{ font-size:26px; line-height:1; }
@media (max-width:600px){ .bana-compare-cats{ grid-template-columns:repeat(2,1fr); } }
/* صفحه‌ی مقایسه/علاقه‌مندی: وقتی کاربر وارد است وودمارت محتوا را داخل چیدمان «حساب کاربری»
   می‌گذارد و سایدبار منوی حساب را هم نشان می‌دهد — اینجا بی‌مورد و تیره است → حذف و تمام‌عرض */
body.page-id-921 .wd-my-account-sidebar,
body.page-id-922 .wd-my-account-sidebar{ display:none !important; }
body.page-id-921 .wd-my-account-wrapper,
body.page-id-922 .wd-my-account-wrapper{ display:block !important; }
body.page-id-921 .woocommerce-MyAccount-content,
body.page-id-922 .woocommerce-MyAccount-content{ width:100% !important; max-width:100% !important; margin:0 !important; }

/* =====================================================================
 * ۷) تیره‌سازی چارچوب ووکامرس/وودمارت (پنل سبد، باکس سفارش، فیلدها، اعلان‌ها)
 *    این‌ها به‌صورت پیش‌فرض سفیدند و با تم «گرافیت و ولت» نمی‌خواندند.
 *    اسکوپ به صفحات ووکامرس تا جای دیگر تحت تأثیر قرار نگیرد.
 * ===================================================================== */

/* --- مهار عرض محتوا: وسط‌چین با حاشیه (چون این صفحات full-width شده‌اند تا سایدبار حذف شود) --- */
body.woocommerce-cart .content-layout-wrapper,
body.woocommerce-checkout .content-layout-wrapper,
body.woocommerce-account .content-layout-wrapper,
body.page-id-921 .content-layout-wrapper,
body.page-id-922 .content-layout-wrapper,
body.page-id-29 .content-layout-wrapper,
body.page-id-35 .content-layout-wrapper{
  max-width:1280px !important;
  margin-left:auto !important; margin-right:auto !important;
  padding-left:24px !important; padding-right:24px !important;
  box-sizing:border-box;
}
@media (max-width:767px){
  body.woocommerce-cart .content-layout-wrapper,
  body.woocommerce-checkout .content-layout-wrapper,
  body.woocommerce-account .content-layout-wrapper,
  body.page-id-921 .content-layout-wrapper,
  body.page-id-922 .content-layout-wrapper,
  body.page-id-29 .content-layout-wrapper,
  body.page-id-35 .content-layout-wrapper{ padding-left:16px !important; padding-right:16px !important; }
}

/* --- صفحات محتوایی المنتور که محتوا لب‌به‌لب می‌چسبید (درباره #28، قوانین #33) ---
   کانتینرهای فول‌ویدث را وسط‌چین و باکس می‌کنیم (هماهنگ با صفحه‌ی اصلی). #73 دست‌نخورده. */
body.page-id-28 .elementor-section > .elementor-container,
body.page-id-33 .elementor-section > .elementor-container,
body.page-id-28 .e-con > .e-con-inner,
body.page-id-33 .e-con > .e-con-inner{
  max-width:1200px !important; margin-left:auto !important; margin-right:auto !important;
  padding-left:24px !important; padding-right:24px !important; box-sizing:border-box;
}
@media (max-width:767px){
  body.page-id-28 .elementor-section > .elementor-container,
  body.page-id-33 .elementor-section > .elementor-container,
  body.page-id-28 .e-con > .e-con-inner,
  body.page-id-33 .e-con > .e-con-inner{ padding-left:16px !important; padding-right:16px !important; }
}

/* --- پنل کشویی سبد (Off-canvas side cart) — سراسری --- */
.cart-widget-side{ background:var(--bana-bg)!important; }
.cart-widget-side,
.cart-widget-side a:not(.button):not(.remove),
.cart-widget-side span,
.cart-widget-side p,
.cart-widget-side h2, .cart-widget-side h3,
.cart-widget-side .wd-heading-text,
.cart-widget-side .widget-title,
.cart-widget-side .cart-widget-side-title,
.cart-widget-side .close-side-widget,
.cart-widget-side .product-name,
.cart-widget-side .product-name a,
.cart-widget-side .quantity,
.cart-widget-side .mini_cart_item a{ color:var(--bana-text)!important; }
.cart-widget-side .product_list_widget li,
.cart-widget-side .woocommerce-mini-cart__total,
.cart-widget-side .widget_shopping_cart_content,
.cart-widget-side header,
.cart-widget-side .cart-widget-side-title,
.cart-widget-side .woocommerce-mini-cart__buttons{ border-color:var(--bana-sep)!important; }
.cart-widget-side .woocommerce-mini-cart__total .amount,
.cart-widget-side .quantity .amount,
.cart-widget-side .amount{ color:var(--bana-volt)!important; }
/* دکمه‌ی ثانویه‌ی «مشاهده سبد خرید» قابل دیدن شود */
.cart-widget-side .woocommerce-mini-cart__buttons .button:not(.checkout){
  background:transparent!important; border:1px solid var(--bana-sep)!important; color:var(--bana-text)!important;
}
.cart-widget-side .remove{ color:var(--bana-text2)!important; }

/* --- جدول سبد، جمع‌ها، باکس «سفارش شما»، روش‌های پرداخت --- */
.woocommerce-cart table.shop_table,
.woocommerce-cart .cart_totals,
.woocommerce-cart .cart-totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .checkout-order-review,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout table.woocommerce-checkout-review-order-table,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout #payment,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account table.shop_table{
  background:var(--bana-card)!important;
  border-color:var(--bana-sep)!important;
  color:var(--bana-text);
}
/* لبه‌ی دندانه‌دار/فریم سفیدِ باکس «سفارش شما» وودمارت */
.woocommerce-checkout .checkout-order-review::before,
.woocommerce-checkout .checkout-order-review::after,
.woocommerce-checkout #order_review::before,
.woocommerce-checkout #order_review::after{
  background:var(--bana-card)!important; border-color:var(--bana-sep)!important;
}
.woocommerce-checkout #order_review_heading{ color:var(--bana-text)!important; }
/* --- رفع متن‌های تیره: نگاشت متغیرهای متن/تیترِ وودمارت به پالت تیره --- */
/* (وودمارت پیش‌فرض --wd-title-color:#242424 و --wd-text-color:#767676 دارد که روی پس‌زمینه‌ی تیره دیده نمی‌شود) */
body.woocommerce-cart .content-layout-wrapper,
body.woocommerce-checkout .content-layout-wrapper,
body.woocommerce-account .content-layout-wrapper{
  --wd-title-color: var(--bana-text);
  --wd-text-color:  var(--bana-text);
}
/* تیتر باکس «جمع کل سبد خرید» و لینک نام محصول (override صریح روی پیش‌فرض تیره) */
.woocommerce-cart .cart-totals-inner > h2,
.woocommerce-cart .cart_totals h2,
.woocommerce-cart td.product-name a,
.woocommerce-cart .product-name a{ color:var(--bana-text)!important; }
/* دکمه‌ی «بروزرسانی سبد خرید» — حالت ghost تا روی پس‌زمینه‌ی تیره خوانا باشد
   (پیش‌فرض وودمارت: متن #333 روی پس‌زمینه‌ی شفاف + opacity:.6 → نامرئی) */
.woocommerce-cart .actions button[name="update_cart"]{
  color:var(--bana-text)!important; opacity:.85!important;
  background:transparent!important; border:1px solid var(--bana-sep)!important;
}
/* فریم سفیدِ دور جدول سفارش (wrapper وودمارت با bgcolor-white) */
.woocommerce-checkout .checkout-order-review .wd-table-wrapper,
.woocommerce-checkout .wd-table-wrapper{
  background-color:var(--bana-card)!important; box-shadow:none!important;
  border:1px solid var(--bana-sep)!important;
}
/* تیترها و برچسب‌های کم‌رنگِ صورتحساب */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3,
.woocommerce-checkout h3#ship-to-different-address,
.woocommerce-checkout .woocommerce-billing-fields h3{ color:var(--bana-text)!important; }
.woocommerce form .form-row label,
.woocommerce-checkout .form-row label,
.woocommerce-account .form-row label{ color:var(--bana-text)!important; }
/* خطوط و سلول‌های جدول‌ها */
.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{ border-color:var(--bana-sep)!important; color:var(--bana-text); }
.woocommerce table.shop_table thead th{ color:var(--bana-text2); }
/* مبالغ مهم با رنگ Volt */
.woocommerce .cart_totals .amount,
.woocommerce-checkout-review-order-table .amount,
.woocommerce .order-total .amount,
.woocommerce-cart .product-subtotal .amount{ color:var(--bana-volt)!important; font-weight:700; }
/* باکس پرداخت وودمارت و توضیح درگاه */
.woocommerce-checkout #payment ul.payment_methods{ background:transparent!important; border-color:var(--bana-sep)!important; }
.woocommerce-checkout #payment div.payment_box{ background:var(--bana-elev)!important; color:var(--bana-text2); }
.woocommerce-checkout #payment div.payment_box::before{ border-bottom-color:var(--bana-elev)!important; }

/* --- فیلدهای فرم (تسویه/حساب/ورود) --- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="password"],
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single,
.woocommerce .select2-selection{
  background:var(--bana-elev)!important;
  border:1px solid var(--bana-sep)!important;
  color:var(--bana-text)!important;
}
.woocommerce form .form-row input::placeholder,
.woocommerce-checkout input::placeholder{ color:var(--bana-text2); }
.woocommerce form .form-row label,
.woocommerce-checkout label,
.woocommerce-account label,
.select2-container--default .select2-selection--single .select2-selection__rendered{ color:var(--bana-text)!important; }
/* دراپ‌داون انتخاب (select2) */
.select2-dropdown{ background:var(--bana-elev)!important; border-color:var(--bana-sep)!important; }
.select2-results__option{ color:var(--bana-text); }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:var(--bana-card)!important; color:var(--bana-volt)!important; }

/* --- اعلان‌ها و باکس کد تخفیف (پیش‌فرض روشن‌اند) --- */
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce form.checkout_coupon,
.woocommerce-cart .cart-collaterals .cross-sells{
  background:var(--bana-card)!important;
  border-color:var(--bana-sep)!important;
  color:var(--bana-text)!important;
}
.woocommerce-info a, .woocommerce-message a{ color:var(--bana-volt)!important; }
/* اعلانِ «کد تخفیف دارید؟» در تسویه‌حساب — وودمارت با :root :is(...) متن را تیره می‌کند؛
   اینجا با specificity بالاتر خنثی می‌شود */
:root body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
:root body.woocommerce-checkout .woocommerce-info{ color:var(--bana-text)!important; }
:root body.woocommerce-checkout .woocommerce-info a{ color:var(--bana-volt)!important; }
/* لینک «سیاست حفظ حریم خصوصی» زیر دکمه‌ی ثبت سفارش */
.woocommerce-checkout .woocommerce-privacy-policy-text a,
.woocommerce-checkout .woocommerce-privacy-policy-link{ color:var(--bana-volt)!important; }

/* =====================================================================
 * ۸) صفحه‌ی فروشگاه — کاتالوگ حرفه‌ای و تیره
 * ===================================================================== */
/* حذف ناوبری دسته‌ی پیش‌فرضِ زشت وودمارت (به‌جایش کاشی‌های تصویری خودمان) */
.woocommerce-shop .wd-nav-product-cat,
.tax-product_cat .wd-nav-product-cat,
.woocommerce-shop .wd-btn-show-cat,
.tax-product_cat .wd-btn-show-cat{ display:none !important; }

/* مهار عرض محتوا: وسط‌چین با حاشیه (تا گرید به لبه نچسبد) */
body.woocommerce-shop .content-layout-wrapper,
body.tax-product_cat .content-layout-wrapper,
body.post-type-archive-product .content-layout-wrapper{
  max-width:1340px !important; margin-left:auto !important; margin-right:auto !important;
  padding-left:24px !important; padding-right:24px !important; box-sizing:border-box;
}

/* تیتر و کاشی‌های دسته */
.bana-shop-cats{ margin:0 0 32px; }
.bana-shop-cats__title{ color:var(--bana-text); font-size:20px; font-weight:700; margin:0 0 16px; }
.bana-cat-tile{ min-height:140px; }

/* ---------- کارت محصول (تیره، گرد، حرفه‌ای، با هاور نرم) ---------- */
.woocommerce ul.products li.product.wd-product,
.wd-product.product-grid-item{
  background:var(--bana-card) !important;
  border:1px solid var(--bana-sep) !important;
  border-radius:18px !important;
  overflow:hidden;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.wd-product.product-grid-item:hover{
  transform:translateY(-5px);
  border-color:var(--bana-volt) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}
/* ناحیه‌ی تصویر تیره + پلیس‌هولدر روشن کم‌رنگ شود */
.wd-product .product-element-top{ background:var(--bana-elev) !important; }
.wd-product img.woocommerce-placeholder{ opacity:.1; }
/* متن‌ها و قیمت */
.wd-product .wd-entities-title a,
.wd-product .wd-entities-title{ color:var(--bana-text) !important; font-weight:600; }
.wd-product .wd-product-cats a,
.wd-product .wd-product-brands a{ color:var(--bana-text2) !important; }
.wd-product .price,
.wd-product .price .woocommerce-Price-amount{ color:var(--bana-volt) !important; font-weight:700; }
.wd-product .price del,
.wd-product .price del .woocommerce-Price-amount{ color:var(--bana-text2) !important; opacity:.65; font-weight:400; }
.wd-product .star-rating span{ color:var(--bana-volt); }
/* پدینگ داخلی محتوای کارت */
.wd-product .wd-entities-title,
.wd-product .wd-product-cats,
.wd-product .price,
.wd-product .product-rating,
.wd-product .wd-add-btn,
.wd-product .wd-bottom-actions{ padding-left:16px !important; padding-right:16px !important; }
.wd-product .product-element-top{ margin-bottom:14px; }
/* برچسب‌ها: تخفیف نارنجیِ گرم (طبق برند)، «ویژه» سطحِ تیره */
.wd-product .onsale.product-label,
.wd-product .product-labels .onsale{
  background:var(--bana-warm) !important; color:#fff !important;
  border-radius:99px !important; font-weight:700;
}
.wd-product .product-labels .new,
.wd-product .product-labels .featured,
.wd-product .wd-product-label{
  background:var(--bana-elev) !important; color:var(--bana-text) !important;
  border:1px solid var(--bana-sep) !important; border-radius:99px !important;
}
/* دکمه‌های هاور کارت (علاقه‌مندی/مقایسه/مشاهده) هماهنگ با تم */
.wd-product .wd-buttons a,
.wd-product .product-element-top .wd-button-replace{ color:var(--bana-text) !important; }

/* رفع «سفیدشدن کارت روی هاور» — در همه‌ی حالت‌ها تیره بماند */
.wd-product.product-grid-item,
.wd-product.product-grid-item:hover,
.wd-product .product-wrapper,
.wd-product:hover .product-wrapper,
.wd-product.wd-hover-base:hover,
.wd-product.wd-hover-with-fade:hover .product-wrapper{
  background-color:var(--bana-card) !important;
}
.wd-product:hover .wd-entities-title a,
.wd-product .wd-entities-title a:hover{ color:var(--bana-text) !important; }
.wd-product:hover .price,
.wd-product:hover .price .woocommerce-Price-amount{ color:var(--bana-volt) !important; }
/* رفع ریشه‌ایِ پنل سفیدِ افکت هاور «fade» وودمارت:
   متغیر پس‌زمینه‌ی محصول (--wd-prod-bg) را به سطح کارت تیره ست می‌کنیم. */
.wd-product{ --wd-prod-bg: var(--bana-card); }
.wd-product .content-product-imagin{ background-color:var(--bana-card) !important; }
.wd-product.wd-hover-with-fade:hover .content-product-imagin{
  background-color:var(--bana-card) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.45) !important;
}
/* متن‌های پنل هاور هم روشن بمانند */
.wd-product .content-product-imagin .wd-entities-title a,
.wd-product:hover .product-element-bottom .wd-entities-title a{ color:var(--bana-text) !important; }
.wd-product .content-product-imagin .bana-card-sub,
.wd-product .content-product-imagin .wd-product-cats a{ color:var(--bana-text2) !important; }

/* فونت تیره‌ی تولبار فروشگاه (مرتب‌سازی/نمایش/شمارش/بردکرامب) روشن شود */
.woocommerce .wd-products-element .wd-products-row .title-wrapper,
.woocommerce-ordering, .woocommerce-ordering *,
.wd-products-per-page, .wd-products-per-page *,
.woocommerce-result-count,
.wd-products-element .wd-products-row,
.wd-toolbar, .wd-toolbar *,
.wd-shop-tools, .wd-shop-tools *,
.woocommerce-breadcrumb, .woocommerce-breadcrumb a,
.wd-page-breadcrumbs, .wd-page-breadcrumbs a{ color:var(--bana-text2) !important; }
.woocommerce-breadcrumb a:hover,
.wd-page-breadcrumbs a:hover{ color:var(--bana-volt) !important; }
.wd-products-element .wd-products-sorting select,
.wd-products-element .wd-products-per-page-list{ background:var(--bana-card) !important; color:var(--bana-text) !important; }

/* کاشی دسته: عکس کامل‌تر دیده شود */
.bana-cat-tile{ min-height:175px; background-position:center !important; }

/* ---------- کامپوننت اعتمادسازی مشترک [bana_trust] ---------- */
.bana-trust-strip{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  margin-top:36px; padding:26px 22px;
  background:var(--bana-card); border:1px solid var(--bana-sep); border-radius:18px;
}
.bana-trust-strip__item{ display:flex; align-items:center; gap:14px; }
.bana-trust-strip__icon{ flex:none; width:46px; height:46px; display:flex; align-items:center; justify-content:center;
  border-radius:12px; background:var(--bana-elev); border:1px solid var(--bana-sep); color:var(--bana-volt); }
.bana-trust-strip__icon svg{ width:24px; height:24px; }
.bana-trust-strip__text{ display:flex; flex-direction:column; gap:3px; }
.bana-trust-strip__text strong{ color:var(--bana-text); font-size:14px; font-weight:700; }
.bana-trust-strip__text small{ color:var(--bana-text2); font-size:12px; line-height:1.6; }
@media (max-width:1024px){ .bana-trust-strip{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:575px){ .bana-trust-strip{ grid-template-columns:1fr; } }

/* =====================================================================
 * ۹) سایدبار فیلتر فروشگاه (طبق طرح مرجع) — ویجت‌های نیتیو + استایل تیره
 * ===================================================================== */
body.woocommerce-shop .sidebar-container .widget,
body.tax-product_cat .sidebar-container .widget{
  background:var(--bana-card); border:1px solid var(--bana-sep);
  border-radius:16px; padding:18px 18px; margin-bottom:16px;
}
/* عنوان ویجت‌ها */
body.woocommerce-shop .sidebar-container .widget-title,
body.tax-product_cat .sidebar-container .widget-title,
body.woocommerce-shop .sidebar-container .widgettitle{
  color:var(--bana-text) !important; font-size:14px; font-weight:700;
  margin:0 0 14px; padding:0 0 10px; border-bottom:1px solid var(--bana-sep);
}
/* هدر «فیلترهای جستجو» */
.bana-filter-head{ display:flex; align-items:center; justify-content:space-between; }
.bana-filter-head__title{ color:var(--bana-text); font-weight:700; font-size:16px; display:flex; align-items:center; gap:8px; }
.bana-filter-head__ic{ color:var(--bana-volt); }
.bana-filter-head__clear{ color:var(--bana-warm) !important; font-size:13px; font-weight:700; }
/* جعبه‌ی جستجو */
body.woocommerce-shop .widget_product_search input[type="search"],
body.woocommerce-shop .widget_product_search input.wd-search-input,
body.woocommerce-shop .widget_product_search .woocommerce-product-search input{
  background:var(--bana-elev) !important; border:1px solid var(--bana-sep) !important;
  color:var(--bana-text) !important; border-radius:10px; padding:10px 14px; width:100%;
}
/* رده‌بندی کاربری → دکمه‌ای */
body.woocommerce-shop .widget_product_categories ul.product-categories,
body.tax-product_cat .widget_product_categories ul.product-categories{ list-style:none; margin:0; padding:0; }
body.woocommerce-shop .widget_product_categories li.cat-item,
body.tax-product_cat .widget_product_categories li.cat-item{ margin:0 0 8px; }
body.woocommerce-shop .widget_product_categories li.cat-item a,
body.tax-product_cat .widget_product_categories li.cat-item a{
  display:block; padding:10px 14px; border-radius:10px; color:var(--bana-text2) !important;
  background:var(--bana-elev); border:1px solid var(--bana-sep); transition:.2s; font-size:13px;
}
body.woocommerce-shop .widget_product_categories li.cat-item a:hover{
  border-color:var(--bana-volt); color:var(--bana-text) !important;
}
body.woocommerce-shop .widget_product_categories li.cat-item.current-cat > a{
  background:var(--bana-volt); color:var(--bana-bg) !important; font-weight:700; border-color:var(--bana-volt);
}
body.woocommerce-shop .widget_product_categories li.cat-item .count{ color:var(--bana-text2); font-size:12px; }
/* اسلایدر محدوده قیمت → Volt */
body.woocommerce-shop .price_slider_wrapper .ui-slider,
body.woocommerce-shop .widget_price_filter .ui-slider{ background:var(--bana-elev) !important; border:none; height:6px; border-radius:99px; }
body.woocommerce-shop .widget_price_filter .ui-slider .ui-slider-range{ background:var(--bana-volt) !important; }
body.woocommerce-shop .widget_price_filter .ui-slider .ui-slider-handle{ background:var(--bana-volt) !important; border:2px solid var(--bana-bg); width:16px; height:16px; border-radius:50%; top:-5px; }
body.woocommerce-shop .widget_price_filter .price_label,
body.woocommerce-shop .widget_price_filter .price_label .amount{ color:var(--bana-volt) !important; font-weight:700; }
body.woocommerce-shop .widget_price_filter .button{ background:var(--bana-elev) !important; color:var(--bana-text) !important; border:1px solid var(--bana-sep); border-radius:8px; }
/* سایز طوقه (ویجت ۲۰) → دکمه‌های شبکه‌ای */
#woocommerce_layered_nav-20 .woocommerce-widget-layered-nav-list{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; }
#woocommerce_layered_nav-20 .woocommerce-widget-layered-nav-list li{ margin:0; border:none; }
#woocommerce_layered_nav-20 .woocommerce-widget-layered-nav-list li a{
  display:inline-block; min-width:46px; text-align:center; padding:8px 12px;
  background:var(--bana-elev); border:1px solid var(--bana-sep); border-radius:10px;
  color:var(--bana-text2) !important; font-size:13px; transition:.2s;
}
#woocommerce_layered_nav-20 .woocommerce-widget-layered-nav-list li a:hover{ border-color:var(--bana-volt); color:var(--bana-text) !important; }
#woocommerce_layered_nav-20 .woocommerce-widget-layered-nav-list li.chosen a{ background:var(--bana-volt); color:var(--bana-bg) !important; font-weight:700; }
#woocommerce_layered_nav-20 .woocommerce-widget-layered-nav-list li .count{ display:none; }
/* رنگ تنه (ویجت ۲۱) → چیپ */
#woocommerce_layered_nav-21 .woocommerce-widget-layered-nav-list{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; }
#woocommerce_layered_nav-21 .woocommerce-widget-layered-nav-list li{ margin:0; border:none; }
#woocommerce_layered_nav-21 .woocommerce-widget-layered-nav-list li a{
  display:inline-block; padding:7px 13px; background:var(--bana-elev); border:1px solid var(--bana-sep);
  border-radius:99px; color:var(--bana-text2) !important; font-size:13px; transition:.2s;
}
#woocommerce_layered_nav-21 .woocommerce-widget-layered-nav-list li a:hover{ border-color:var(--bana-volt); color:var(--bana-text) !important; }
#woocommerce_layered_nav-21 .woocommerce-widget-layered-nav-list li.chosen a{ background:var(--bana-volt); color:var(--bana-bg) !important; font-weight:700; }
/* «دسته‌بندی نشده» از فیلتر دسته حذف شود */
body.woocommerce-shop .widget_product_categories li.cat-item-18,
body.tax-product_cat .widget_product_categories li.cat-item-18{ display:none !important; }

/* متادیتای کارت: زیرعنوان انگلیسی + وضعیت موجودی */
.wd-product .bana-card-sub{ color:var(--bana-text2); font-size:11px; letter-spacing:.6px;
  text-transform:uppercase; padding:0 16px; margin:3px 0 4px; }
.wd-product .bana-card-stock{ display:flex; align-items:center; gap:7px; padding:0 16px;
  font-size:12px; font-weight:700; margin-top:8px; }
.wd-product .bana-card-stock span{ width:8px; height:8px; border-radius:50%; flex:none; }
.wd-product .bana-card-stock.in{ color:var(--bana-ok); }
.wd-product .bana-card-stock.in span{ background:var(--bana-ok); }
.wd-product .bana-card-stock.out{ color:var(--e-global-color-err0001,#FF4D4D); }
.wd-product .bana-card-stock.out span{ background:var(--e-global-color-err0001,#FF4D4D); }

/* چیپ فیلترهای فعال */
body.woocommerce-shop .woocommerce-widget-layered-nav-filters a{
  display:inline-block; background:var(--bana-elev); border:1px solid var(--bana-sep);
  color:var(--bana-text) !important; border-radius:99px; padding:5px 12px; margin:0 0 6px; font-size:12px;
}
body.woocommerce-shop .woocommerce-widget-layered-nav-filters a::before{ color:var(--bana-warm) !important; }

/* =====================================================================
 * ریسپانسیو
 * ===================================================================== */
@media (max-width:1024px){
  .bana-stat-grid{ grid-template-columns:repeat(2,1fr); }
  .bana-shop-trustbar{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px){
  .bana-trust-list{ grid-template-columns:1fr; }
  .bana-cat-tiles{ grid-template-columns:repeat(2,1fr); }
  .bana-stat-grid{ grid-template-columns:repeat(2,1fr); }
  .bana-shop-trustbar{ grid-template-columns:1fr 1fr; }
  .bana-checkout-trust{ gap:8px 12px; }
}

/* =====================================================================
 * رفعِ «رفتنِ محتوا زیرِ هدر» بعد از حذفِ نوارِ عنوان (title band).
 * هدرِ سایت overlap است (whb-overcontent + body.wd-header-overlap) و روی محتوا می‌افتد؛
 * قبلاً نوارِ عنوان با padding-top به‌اندازهٔ ارتفاعِ هدر، محتوا را پایین می‌راند. حالا که
 * آن نوار حذف شده، همان فاصله را به کانتینرِ محتوا (.main-page-wrapper) می‌دهیم.
 * فقط صفحاتِ تم (فروشگاه/تک‌نوشته/آرشیو/تماس) — نه Elementor Full Width (هیروی خودش
 * فاصله دارد) و نه تک‌محصول (وودمارت خودش هندل می‌کند). --wd-header-h همان متغیرِ خودِ
 * وودمارت است (همان که قانونِ .wd-page-title استفاده می‌کرد، پس اینجا هم resolve می‌شود).
 * ===================================================================== */
body.wd-header-overlap:not(.elementor-template-full-width):not(.single-product) .main-page-wrapper{
  padding-top: calc(var(--wd-header-h, 100px) + 30px);
}
@media (max-width:1024px){
  body.wd-header-overlap:not(.elementor-template-full-width):not(.single-product) .main-page-wrapper{
    padding-top: calc(var(--wd-header-sm-h, 80px) + 24px);
  }
}