/* =========================================================================
   ساویرون گلد — سیستم طراحی «لوکس مینیمال»
   قاعده‌ها: میدان نزدیک‌به‌مشکی گرم، آف‌وایت، و طلایی فقط به‌صورت خط مویی.
   هیچ تصویری بزرگ‌تر از اندازه ذاتی رندر نمی‌شود و نسبت ابعاد هیچ‌وقت عوض نمی‌شود.
   همه فاصله‌ها منطقی‌اند (inline/block) تا در RTL درست بنشیند.
   ========================================================================= */

/* ------------------------------------------------- فونت‌های میزبانی‌شده محلی */
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn[wght].woff2") format("woff2-variations"),
       url("../fonts/Vazirmatn[wght].woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+2190-21BB;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+2190-21BB;
}

:root {
  /* میدان و مرکب */
  --sw-field: #0c0a0a;
  --sw-field-2: #110e0e;
  --sw-plate: #151111;
  --sw-paper: #f1ece5;
  --sw-paper-dim: #cfc7bd;
  --sw-muted: #8b827a;
  --sw-gold: #b9a16b;
  --sw-line: rgba(185, 161, 107, .26);
  --sw-line-soft: rgba(241, 236, 229, .10);

  /* مقیاس فاصله واحد */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 40px;
  --s5: 64px;
  --s6: 104px;
  --s7: 168px;
  --s8: 248px;

  --sw-fa: "Vazirmatn", Tahoma, sans-serif;
  --sw-serif: "Cormorant Garamond", Georgia, serif;
  --sw-wrap: 1240px;
  --sw-ease: cubic-bezier(.22, .61, .36, 1);
}

/* فونت فارسی روی همه چیز، حتی جاهایی که قالب و ووکامرس خودشان ست می‌کنند */
body,
button, input, select, textarea, optgroup,
h1, h2, h3, h4, h5, h6,
.whb-header, .whb-header *,
[class^="wd-"], [class*=" wd-"],
.woocommerce, .woocommerce *,
.elementor-widget-container, .elementor-widget-container * {
  font-family: var(--sw-fa) !important;
}

/* استثنا: فقط عنوان‌های نمایشی لاتین */
.sw-serif, .sw-serif * {
  font-family: var(--sw-serif) !important;
  font-weight: 600;
}

/* ------------------------------------------------- نوار قیمت: یک سطر مویی و آرام */
.sw-ticker {
  background: var(--sw-field);
  border-bottom: 1px solid var(--sw-line-soft);
  color: var(--sw-muted);
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .12em;
  position: relative;
  z-index: 500;
}
.sw-ticker-inner {
  width: min(var(--sw-wrap), 100% - 48px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: var(--s3);
  min-height: 34px;
  flex-wrap: wrap;
}
.sw-rate { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.sw-rate b { color: var(--sw-paper-dim); font-weight: 400; letter-spacing: .06em; }
.sw-rate-label { color: var(--sw-muted); font-weight: 300; }
.sw-ticker-sep { width: 1px; height: 10px; background: var(--sw-line-soft); }
.sw-ticker-updated { margin-inline-start: auto; color: #6d655e; white-space: nowrap; }

/* ------------------------------------------------- هدر: مینیمال و سبک */
.whb-header,
.whb-main-header,
.whb-row {
  background-color: var(--sw-field) !important;
  border-color: var(--sw-line-soft) !important;
  box-shadow: none !important;
}
.whb-header .wd-tools-element > a,
.whb-header .wd-tools-element .wd-tools-icon,
.whb-header a { color: var(--sw-paper-dim) !important; }
.whb-header .wd-tools-element .wd-tools-count,
.whb-header .wd-cart-number {
  background: transparent !important;
  color: var(--sw-gold) !important;
  border: 1px solid var(--sw-line) !important;
  font-size: 9px !important;
}
/* جستجو: بدون کادر، فقط یک خط مویی */
.whb-header .wd-search-form form,
.whb-header .searchform {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sw-line-soft) !important;
  border-radius: 0 !important;
}
.whb-header .searchform input[type="text"],
.whb-header .searchform input[type="search"] {
  background: transparent !important;
  color: var(--sw-paper-dim) !important;
  font-size: 12px !important;
  letter-spacing: .1em !important;
}
/* ناوبری: ریز، با فاصله‌حرف زیاد */
.whb-header .wd-nav > li > a,
.whb-header .menu > li > a {
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .26em !important;
  color: var(--sw-paper-dim) !important;
  text-transform: none;
}
.whb-header .wd-nav > li > a:hover,
.whb-header .wd-nav > li.current-menu-item > a { color: var(--sw-gold) !important; }
.whb-header .wd-nav > li > a::before,
.whb-header .wd-nav > li > a::after { display: none !important; }

/* لوگو */
.whb-header .site-logo img,
.whb-header .wd-logo img,
.wd-header-mobile .site-logo img {
  max-height: 120px !important;
  max-width: none !important;
  width: auto !important;
}
.whb-general-header { min-height: 136px; }
@media (max-width: 1024px) {
  .whb-header .site-logo img,
  .whb-header .wd-logo img,
  .wd-header-mobile .site-logo img { max-height: 66px !important; }
  .whb-general-header { min-height: 0; }
}

/* ------------------------------------------------- میدان سراسری سایت */
body {
  background-color: var(--sw-field);
  color: var(--sw-paper-dim);
  font-weight: 300;
  font-size: 15px;
  line-height: 2.05;
}
body.woocommerce-page, .wd-page-wrapper, .site-content, #main-content {
  background-color: var(--sw-field);
}
h1, h2, h3, h4 { color: var(--sw-paper); font-weight: 300; letter-spacing: .005em; }
a { color: var(--sw-paper-dim); }
a:hover { color: var(--sw-gold); }
hr { border-color: var(--sw-line-soft); }

/* صفحه اصلی: نوار عنوان قالب و عرض کانتینر خنثی می‌شوند */
body.page-template-template-home .wd-page-title { display: none !important; }
body.page-template-template-home #main-content.container,
body.page-template-template-home .content-layout-wrapper.container,
body.page-template-template-home .site-content.container {
  max-width: 100% !important;
  width: 100% !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}
body.page-template-template-home .wd-content-layout { padding-block: 0 !important; }

/* هدر شناور روی بنر، فقط در صفحه اصلی */
body.page-template-template-home .whb-header {
  position: absolute !important;
  inset-inline: 0;
  background-color: transparent !important;
  border-bottom-color: transparent !important;
  z-index: 400;
}
body.page-template-template-home .whb-header .whb-main-header,
body.page-template-template-home .whb-header .whb-row {
  background-color: transparent !important;
  border-color: transparent !important;
}
body.page-template-template-home .whb-header.whb-sticked,
body.page-template-template-home .whb-header.whb-sticked .whb-main-header,
body.page-template-template-home .whb-header.whb-sticked .whb-row {
  background-color: rgba(12, 10, 10, .94) !important;
}

/* ------------------------------------------------- پایه صفحه اصلی */
.sawiron-home { background: var(--sw-field); color: var(--sw-paper-dim); overflow-x: hidden; }
.sawiron-home img { max-width: 100%; height: auto; display: block; }
.sw-wrap { width: min(var(--sw-wrap), 100% - 48px); margin-inline: auto; }
.sw-section { padding-block: var(--s7); position: relative; }
.sw-section--tight { padding-block: var(--s6); }

.sw-label {
  font-size: 10px;
  letter-spacing: .42em;
  color: var(--sw-muted);
  text-transform: uppercase;
  font-weight: 400;
}
.sw-display {
  font-size: clamp(34px, 4.6vw, 62px);
  line-height: 1.1;
  letter-spacing: .06em;
  color: var(--sw-paper);
  margin: 0;
}
.sw-title {
  font-size: clamp(20px, 2.1vw, 27px);
  font-weight: 300;
  line-height: 1.7;
  color: var(--sw-paper);
  margin: var(--s2) 0 0;
  letter-spacing: .01em;
}
.sw-body {
  font-size: 15px;
  line-height: 2.2;
  font-weight: 300;
  color: var(--sw-muted);
  max-width: 58ch;
  margin: var(--s3) 0 0;
}
.sw-rule { height: 1px; background: var(--sw-line); border: 0; margin: 0; }

/* پیوند متنی: بدون دکمه، فقط خط مویی زیر متن */
.sw-link {
  display: inline-block;
  font-size: 11px;
  letter-spacing: .3em;
  color: var(--sw-paper);
  padding-block-end: 7px;
  border-bottom: 1px solid var(--sw-line);
  transition: border-color .5s var(--sw-ease), color .5s var(--sw-ease);
}
.sw-link:hover { color: var(--sw-gold); border-bottom-color: var(--sw-gold); }

/* ------------------------------------------------- بنر */
.sw-hero {
  position: relative;
  min-height: 86vh;
  display: grid;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
}
.sw-hero-media { position: absolute; inset: 0; z-index: -2; }
.sw-hero-media img { width: 100%; height: 100%; object-fit: cover; }
.sw-hero-veil {
  position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(80% 90% at 50% 40%, rgba(12, 10, 10, .34) 0%, rgba(12, 10, 10, .78) 72%),
    linear-gradient(180deg, rgba(12, 10, 10, .52), rgba(12, 10, 10, .86));
}
.sw-hero-inner { text-align: center; padding-block: var(--s8) var(--s7); }
.sw-hero .sw-display { margin-block-start: var(--s4); }
.sw-hero .sw-title { margin-block-start: var(--s3); color: var(--sw-paper-dim); font-size: clamp(15px, 1.5vw, 19px); }
.sw-hero .sw-link { margin-block-start: var(--s5); }

/* ------------------------------------------------- کالکشن‌ها */
.sw-collections {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s4);
  margin-block-start: var(--s6);
}
.sw-col {
  position: relative;
  display: block;
  isolation: isolate;
  overflow: hidden;
  color: inherit;
}
.sw-col-media { position: relative; aspect-ratio: 4 / 5; overflow: hidden; }
.sw-col-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.62) brightness(.82); }
.sw-col-media::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(12, 10, 10, .12), rgba(12, 10, 10, .58));
}
.sw-col-name {
  margin-block-start: var(--s3);
  font-size: 24px;
  letter-spacing: .14em;
  color: var(--sw-paper);
}
.sw-col-fa { margin-block-start: 4px; font-size: 13px; color: var(--sw-muted); letter-spacing: .04em; }
.sw-col::after {
  content: ""; display: block; height: 1px; margin-block-start: var(--s3);
  background: var(--sw-line-soft);
  transition: background-color .6s var(--sw-ease);
}
.sw-col:hover::after { background: var(--sw-gold); }

/* ------------------------------------------------- بخش تحریریه */
.sw-editorial { display: grid; grid-template-columns: 340px 1fr; gap: var(--s6); align-items: center; }
.sw-editorial-media img {
  /* اندازه ذاتی ۴۵۰ است؛ اینجا حداکثر ۳۴۰ رندر می‌شود تا روی نمایشگر پرتراکم هم تیز بماند */
  width: auto;
  height: auto;
  max-width: min(100%, 340px);
}
.sw-editorial-text .sw-body { max-width: 52ch; }
.sw-editorial-text .sw-link { margin-block-start: var(--s4); }

/* ------------------------------------------------- قطعات منتخب */
.sw-pieces {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s4);
  margin-block-start: var(--s6);
}
.sw-piece { display: block; color: inherit; text-align: center; }
/* بشقاب یکدست: شیء کوچک و وسط، با حاشیه داخلی سخاوتمندانه */
.sw-plate {
  aspect-ratio: 1 / 1;
  background: var(--sw-plate);
  border: 1px solid var(--sw-line-soft);
  display: grid;
  place-items: center;
  padding: var(--s5);
  transition: border-color .6s var(--sw-ease);
}
.sw-piece:hover .sw-plate { border-color: var(--sw-line); }
.sw-plate img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.sw-piece-name {
  margin-block-start: var(--s3);
  font-size: 13px;
  font-weight: 300;
  color: var(--sw-paper);
  letter-spacing: .03em;
}
.sw-piece-price {
  margin-block-start: 6px;
  font-size: 12px;
  font-weight: 300;
  color: var(--sw-muted);
  letter-spacing: .05em;
}
.sw-piece-price .woocommerce-Price-currencySymbol { font-size: 10px; }
.sw-pieces-note { margin-block-start: var(--s5); text-align: center; }

/* ------------------------------------------------- فوتر */
.sw-footer { border-top: 1px solid var(--sw-line-soft); padding-block: var(--s6) var(--s4); }
.sw-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: var(--s5); }
.sw-footer h4 {
  font-size: 10px; letter-spacing: .38em; color: var(--sw-muted);
  text-transform: uppercase; margin: 0 0 var(--s3); font-weight: 400;
}
.sw-footer ul { list-style: none; margin: 0; padding: 0; }
.sw-footer li { margin-block-end: var(--s1); font-size: 13px; font-weight: 300; }
.sw-footer .sw-rule { margin-block: var(--s5) var(--s3); }
.sw-footer-base { font-size: 11px; color: var(--sw-muted); letter-spacing: .06em; }

/* ------------------------------------------------- حرکت: محو و بالا آمدن آرام */
[data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 1.1s var(--sw-ease), transform 1.1s var(--sw-ease);
  will-change: opacity, transform;
}
[data-reveal].is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* ------------------------------------------------- ووکامرس: همان زبان بصری */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--sw-paper) !important;
  font-weight: 300;
  letter-spacing: .04em;
}
.woocommerce ul.products li.product .wd-entities-title,
.woocommerce div.product .product_title {
  font-weight: 300 !important;
  letter-spacing: .02em;
  color: var(--sw-paper) !important;
}
.woocommerce div.product .product_title { font-size: clamp(22px, 2.4vw, 30px) !important; }
/* هیچ عکس محصولی در فروشگاه و صفحه محصول بزرگ‌تر از اندازه ذاتی ۴۵۰ رندر نشود */
.woocommerce ul.products li.product img,
.woocommerce div.product .woocommerce-product-gallery img,
.wd-product .product-image-link img {
  max-width: 100%;
  height: auto;
}
.woocommerce div.product .woocommerce-product-gallery { max-width: 440px; }
.woocommerce ul.products li.product .product-wrapper { max-width: 340px; margin-inline: auto; }
/* دکمه‌ها: بدون پرکنندگی طلایی */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .sw-btn {
  background: transparent !important;
  color: var(--sw-paper) !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .24em !important;
  padding: 15px 34px !important;
  box-shadow: none !important;
  transition: border-color .5s var(--sw-ease), color .5s var(--sw-ease);
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .sw-btn:hover {
  border-color: var(--sw-gold) !important;
  color: var(--sw-gold) !important;
  background: transparent !important;
}

/* ------------------------------------------------- فرم سفارش ساخت */
.sw-order-form-wrap { max-width: 720px; margin-inline: auto; }
.sw-order-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s3) var(--s4); }
.sw-field { display: flex; flex-direction: column; gap: var(--s1); margin: 0; }
.sw-field-full { grid-column: 1 / -1; }
.sw-field label { font-size: 11px; letter-spacing: .18em; color: var(--sw-muted); }
.sw-field input[type="text"], .sw-field input[type="tel"], .sw-field select, .sw-field textarea {
  width: 100%;
  padding: 12px 2px;
  border: 0;
  border-bottom: 1px solid var(--sw-line-soft);
  background: transparent;
  font-size: 14px;
  font-weight: 300;
  color: var(--sw-paper);
  border-radius: 0;
}
.sw-field select option { background: var(--sw-field); color: var(--sw-paper); }
.sw-field input:focus, .sw-field select:focus, .sw-field textarea:focus {
  outline: none;
  border-bottom-color: var(--sw-gold);
}
.sw-hint { font-size: 11px; color: var(--sw-muted); letter-spacing: .06em; }
.sw-submit { justify-items: start; margin-block-start: var(--s3); }
.sw-hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sw-notice {
  padding: var(--s3); margin-block-end: var(--s4); font-size: 13px;
  border: 1px solid var(--sw-line-soft); background: var(--sw-plate);
}
.sw-notice-ok { border-color: var(--sw-line); color: var(--sw-paper); }
.sw-notice-error { border-color: rgba(190, 120, 120, .4); color: #e0b9b9; }
.sw-order-link { margin-block-start: var(--s3); display: inline-block; }
.single-product .sw-order-link {
  font-size: 11px; letter-spacing: .24em; padding: 15px 34px;
  border: 1px solid var(--sw-line); color: var(--sw-paper-dim) !important;
}
.single-product .sw-order-link:hover { border-color: var(--sw-gold); color: var(--sw-gold) !important; }

/* ------------------------------------------------- ریسپانسیو */
@media (max-width: 1024px) {
  :root { --s7: 104px; --s8: 140px; }
  .sw-collections { grid-template-columns: repeat(3, 1fr); gap: var(--s3); }
  .sw-pieces { grid-template-columns: repeat(2, 1fr); }
  .sw-editorial { grid-template-columns: 1fr; gap: var(--s4); }
  .sw-editorial-media img { max-width: min(100%, 300px); }
}
@media (max-width: 640px) {
  :root { --s6: 72px; --s7: 88px; --s8: 104px; }
  .sw-wrap { width: min(var(--sw-wrap), 100% - 36px); }
  .sw-ticker { font-size: 10px; letter-spacing: .08em; }
  .sw-ticker-inner { gap: var(--s2); min-height: 0; padding-block: 8px; }
  .sw-ticker-updated { display: none; }
  .sw-collections { grid-template-columns: 1fr; gap: var(--s5); }
  .sw-pieces { grid-template-columns: repeat(2, 1fr); gap: var(--s3); }
  .sw-plate { padding: var(--s3); }
  .sw-footer-grid { grid-template-columns: 1fr; gap: var(--s4); }
  .sw-order-form { grid-template-columns: 1fr; }
  .sw-hero { min-height: 74vh; }
  .woocommerce ul.products li.product .product-wrapper { max-width: 100%; }
}

/* =========================================================================
   پاس دوم: اصلاح‌هایی که از بررسی چشمی برش‌های تمام‌رزولوشن درآمد
   ========================================================================= */

/* ۱) نام کالکشن‌ها دیده نمی‌شد: span ها inline بودند و overflow کاشی متن را می‌برید */
.sw-col { overflow: visible; }
.sw-col-media { display: block; overflow: hidden; }
.sw-col-name, .sw-col-fa { display: block; }

/* ۲) دکمه جستجوی هدر بلندترین صدای صفحه بود */
.whb-header .searchform button,
.whb-header .searchform button[type="submit"],
.whb-header .search-button,
.whb-header form.searchform button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--sw-muted) !important;
  opacity: .75;
}
.whb-header .searchform button:hover { color: var(--sw-gold) !important; opacity: 1; }
.whb-header .searchform button svg,
.whb-header .searchform button .wd-icon { fill: currentColor !important; stroke: currentColor !important; }
.whb-header .searchform input::placeholder { color: var(--sw-muted) !important; opacity: .8; }

/* ۳) متن دکمه‌ها نامرئی شده بود: رنگ با سلکتورهای قوی‌تر و پوشش حالت‌های Woodmart */
.woocommerce .single_add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce div.product form.cart .button,
.wd-sticky-btn-cart .single_add_to_cart_button,
.woocommerce a.added_to_cart,
.woocommerce .wd-add-btn a,
.woocommerce ul.products li.product .add-to-cart-loop {
  color: var(--sw-paper) !important;
  background: transparent !important;
  border: 1px solid var(--sw-line) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.woocommerce .single_add_to_cart_button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce .wd-add-btn a:hover { color: var(--sw-gold) !important; border-color: var(--sw-gold) !important; }
.sw-order-link, .single-product .sw-order-link { color: var(--sw-paper) !important; }
.woocommerce .quantity input,
.woocommerce .quantity .minus, .woocommerce .quantity .plus {
  background: transparent !important;
  color: var(--sw-paper-dim) !important;
  border-color: var(--sw-line-soft) !important;
}

/* ۴) عنوان محصول در فروشگاه و صفحه محصول کم‌رنگ و ناخوانا بود */
.woocommerce ul.products li.product .wd-entities-title,
.woocommerce ul.products li.product .wd-entities-title a,
.wd-product .wd-entities-title, .wd-product .wd-entities-title a,
.woocommerce div.product .product_title,
.product-grid-item .wd-entities-title a,
.wd-products-element .wd-entities-title a {
  color: var(--sw-paper) !important;
  font-weight: 300 !important;
  letter-spacing: .02em;
}
.woocommerce ul.products li.product .wd-entities-title a:hover { color: var(--sw-gold) !important; }
.woocommerce ul.products li.product .price,
.wd-product .price, .wd-product .price ins { color: var(--sw-paper-dim) !important; }
/* بدنه فروشگاه: خطوط مویی به‌جای کادر، و کمی هوای بیشتر بین کارت‌ها */
.woocommerce ul.products li.product,
.wd-products .product-grid-item { border: 0 !important; background: transparent !important; }
.woocommerce ul.products li.product .product-wrapper { padding-block-end: var(--s3); }
.woocommerce ul.products { row-gap: var(--s5); }

/* ۵) دکمه‌های توپر باقی‌مانده (فیلتر، ابزارک‌ها) هم‌زبان شوند */
.woocommerce .widget button, .wd-widget button,
.woocommerce .price_slider_amount .button,
.widget_price_filter .button,
.woocommerce-widget-layered-nav-dropdown__submit {
  background: transparent !important;
  color: var(--sw-paper) !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  letter-spacing: .2em !important;
  box-shadow: none !important;
}
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle { background: var(--sw-gold) !important; }
.widget_price_filter .price_slider_wrapper .ui-widget-content { background: var(--sw-line-soft) !important; }
/* عنوان ابزارک‌ها و دسته‌های کناری */
.woocommerce .widget-title, .wd-widget .widget-title, .widget_product_categories li a {
  color: var(--sw-paper-dim) !important;
}
.woocommerce .widget-title, .wd-widget .widget-title {
  font-size: 11px !important;
  letter-spacing: .28em !important;
  font-weight: 400 !important;
}

/* ناوبری سایدبار و نوار ابزار موبایل هم آرام شوند */
.wd-toolbar, .wd-toolbar-label { background: var(--sw-field) !important; color: var(--sw-paper-dim) !important; }
.wd-toolbar { border-top: 1px solid var(--sw-line-soft) !important; }

/* =========================================================================
   پاس سوم: پنل‌های سفید باقی‌مانده قالب
   با آشکارساز برنامه‌ای پیدا شدند، نه با حدس. مهم‌ترینشان کارت سفید خلاصه محصول
   بود که متن روشن روی آن عملاً ناخوانا می‌شد.
   ========================================================================= */
body,
.wd-page-wrapper,
.wd-page-content,
.website-wrapper,
.main-page-wrapper {
  background-color: var(--sw-field) !important;
}

/* کارت خلاصه محصول */
.single-product .summary-inner,
.single-product .product-image-summary,
.single-product .wd-single-product,
.woocommerce div.product .summary-inner {
  background-color: var(--sw-field) !important;
  border-color: var(--sw-line-soft) !important;
  box-shadow: none !important;
}

/* نوار عنوان صفحه: خاکستری روشن بود */
.wd-page-title, .page-title {
  background-color: var(--sw-field) !important;
  border-bottom: 1px solid var(--sw-line-soft);
}
.wd-page-title .entry-title, .page-title .entry-title {
  color: var(--sw-paper) !important;
  font-weight: 300 !important;
  letter-spacing: .02em;
}
.wd-page-title .breadcrumbs, .wd-page-title a, .page-title a { color: var(--sw-muted) !important; }
.wd-page-title .breadcrumbs a:hover { color: var(--sw-gold) !important; }

/* نوار چسبان خرید در صفحه محصول */
.wd-sticky-btn, .wd-sticky-btn-cart {
  background-color: rgba(12, 10, 10, .96) !important;
  border-top: 1px solid var(--sw-line-soft) !important;
  color: var(--sw-paper-dim) !important;
}
.wd-sticky-btn .wd-entities-title { color: var(--sw-paper) !important; }

/* پنل‌های کشویی: منوی موبایل، سبد کناری، ورود، و پوشش جستجو */
.mobile-nav, .cart-widget-side, .login-form-side, .wd-side-hidden,
.wd-search-full-screen-2, .wd-search-loader {
  background-color: var(--sw-field) !important;
  color: var(--sw-paper-dim) !important;
}
.wd-side-hidden a, .mobile-nav a, .cart-widget-side a, .login-form-side a,
.wd-search-full-screen-2 a { color: var(--sw-paper-dim) !important; }
.wd-side-hidden li, .mobile-nav li { border-color: var(--sw-line-soft) !important; }
.wd-search-full-screen-2 input { color: var(--sw-paper) !important; }

/* زمینه پشت عکس محصول در فروشگاه */
.content-product-imagin, .hover-img, .product-image-link {
  background-color: var(--sw-plate) !important;
}

/* جدول‌ها و فرم‌های ووکامرس (سبد خرید، تسویه، حساب کاربری) */
.woocommerce table.shop_table, .woocommerce table.shop_table td,
.woocommerce table.shop_table th, .woocommerce .cart_totals,
.woocommerce-cart .cart-collaterals, .woocommerce form.checkout,
.woocommerce .woocommerce-info, .woocommerce .woocommerce-message,
.woocommerce .cart-empty, .wd-empty-page {
  background-color: transparent !important;
  color: var(--sw-paper-dim) !important;
  border-color: var(--sw-line-soft) !important;
}
.woocommerce input[type="text"], .woocommerce input[type="email"],
.woocommerce input[type="tel"], .woocommerce input[type="number"],
.woocommerce input[type="password"], .woocommerce textarea, .woocommerce select {
  background-color: transparent !important;
  color: var(--sw-paper) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sw-line-soft) !important;
  border-radius: 0 !important;
}
.woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  border-top: 1px solid var(--sw-line) !important;
}

/* =========================================================================
   فاز ۹ — جواهر در کاشی کالکشن، و قرمز برند
   ========================================================================= */

:root {
  /* قرمز برند: مستقیم از خود فایل لوگو نمونه‌برداری شده (#a00008، رنگ‌پرده ۳۵۷ درجه).
     سه پله، با کنتراست سنجیده‌شده روی میدان #0c0a0a:
       brand      2.35 → فقط نشانه، هرگز متن
       brand-mid  4.09 → خط لهجه، حلقه فوکوس، حاشیه دکمه اصلی
       brand-text 5.11 → متن لینک فعال و هاور */
  --sw-brand: #a00008;
  --sw-brand-mid: #c8443c;
  --sw-brand-text: #d65a4e;
}

/* ------------------------------------------------- کاشی کالکشن با محصول واقعی */
.sw-col-media { position: relative; }
.sw-col-field { width: 100%; height: 100%; object-fit: cover; }
/* لایه یکدست‌کننده: در CSS می‌ماند و هرگز داخل فایل تصویر پخته نمی‌شود */
.sw-col-media::after {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(12, 10, 10, .28) 0%, rgba(12, 10, 10, .62) 100%);
}
.sw-col-piece {
  position: absolute; inset: 0; z-index: 2;
  display: grid; place-items: center;
  padding-block-end: 8%;
}
.sw-col-piece img {
  width: auto; height: auto;                 /* نسبت ابعاد هرگز تغییر نمی‌کند */
  max-width: 62%; max-height: 44%;   /* سقف کاشی؛ قید دقیق هر محصول درون‌خطی می‌آید */
  filter: drop-shadow(0 16px 20px rgba(0, 0, 0, .62));
}
.sw-col:hover .sw-col-piece img { filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .7)); }

/* ------------------------------------------------- نقش‌های قرمز برند
   طلایی روی خط‌های مویی و جداکننده‌ها می‌ماند؛ قرمز فقط برند و تعامل. */

/* ۱) مارکر ریز نوار قیمت */
.sw-ticker-inner::before {
  content: ""; width: 5px; height: 5px; border-radius: 50%;
  background: var(--sw-brand); flex: none; opacity: .9;
}

/* ۲) خط لهجه کوتاه زیر عنوان بخش */
.sw-section > .sw-wrap > .sw-label { position: relative; padding-block-end: 10px; }
.sw-section > .sw-wrap > .sw-label::after {
  content: ""; position: absolute; inset-block-end: 0; inset-inline-start: 0;
  width: 26px; height: 1px; background: var(--sw-brand-mid);
}

/* ۳) حالت فعال ناوبری */
.whb-header .wd-nav > li.current-menu-item > a,
.whb-header .wd-nav > li.current_page_item > a { color: var(--sw-brand-text) !important; }
.whb-header .wd-nav > li.current-menu-item > a { border-bottom: 1px solid var(--sw-brand-mid); }

/* ۴) هاور لینک و دکمه */
a:hover { color: var(--sw-brand-text); }
.sw-link:hover { color: var(--sw-brand-text); border-bottom-color: var(--sw-brand-mid); }
.sw-col:hover::after { background: var(--sw-brand-mid); }
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .sw-btn:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce div.product form.cart .button:hover {
  border-color: var(--sw-brand-mid) !important;
  color: var(--sw-brand-text) !important;
}
.single-product .sw-order-link:hover { border-color: var(--sw-brand-mid); color: var(--sw-brand-text) !important; }
.whb-header .wd-nav > li > a:hover { color: var(--sw-brand-text) !important; }
.sw-piece:hover .sw-piece-name, .sw-card-title:hover { color: var(--sw-brand-text); }

/* ۵) حلقه فوکوس، برای دسترس‌پذیری صفحه‌کلید */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, .sw-link:focus-visible {
  outline: 2px solid var(--sw-brand-mid);
  outline-offset: 3px;
}
.sw-field input:focus, .sw-field select:focus, .sw-field textarea:focus {
  border-bottom-color: var(--sw-brand-mid);
}

/* ۶) فراخوان اصلی: فقط حاشیه و متن، هرگز پرکنندگی بزرگ */
.sw-btn-primary, .woocommerce .single_add_to_cart_button {
  border-color: rgba(200, 68, 60, .55) !important;
}
.sw-btn-primary:hover { background: transparent !important; }

/* ------------------------------------------------- لوگو: بزرگ‌تر و روی میدان کنترل‌شده
   هدر روی بنر شناور است، پس به‌جای نوار توپر، یک تیره‌سازی نرم پشت ناحیه هدر می‌نشیند
   تا نشان همیشه روی یک زمینه کنترل‌شده دیده شود، هرچه پشتش باشد. */
body.page-template-template-home .whb-header::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 260px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(12, 10, 10, .88) 0%, rgba(12, 10, 10, .55) 52%, rgba(12, 10, 10, 0) 100%);
  z-index: -1;
}
/* فایل اصلی لوگو سرو می‌شود، دست‌نخورده. در آن فایل، نشان فقط ۳۲ درصد ارتفاع بوم را
   گرفته و بقیه شفاف است؛ اگر کادر را روی کل بوم ببندیم، نشان کوچک دیده می‌شود.
   پس کادر به نسبت خود نشان بسته شده و حاشیه خالی با object-fit بیرون می‌ماند.
   هیچ پیکسلی از لوگو تغییر نمی‌کند و چون کادر از اندازه ذاتی کوچک‌تر است،
   قاعده «بدون بزرگ‌نمایی» هم رعایت می‌شود. */
.whb-header .site-logo img,
.whb-header .wd-logo img,
.wd-header-mobile .site-logo img {
  width: 352px !important;
  height: 103px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  object-position: 50% 47.7%;
}
.whb-general-header { min-height: 128px; }
@media (max-width: 1024px) {
  .whb-header .site-logo img,
  .whb-header .wd-logo img,
  .wd-header-mobile .site-logo img { width: 203px !important; height: 59px !important; }
  .whb-general-header { min-height: 0; }
  body.page-template-template-home .whb-header::before { height: 170px; }
}

/* ------------------------------------------------- حضور ایستای قرمز
   سنجش نشان داد قرمز رابط فقط ۰٫۰۰۳ درصد سطح را می‌گیرد، یعنی عملاً ثبت نمی‌شود.
   دو فراخوان اصلی صفحه، که در فهرست نقش‌های مجاز قرمز هستند، خط مویی‌شان را
   از طلایی به قرمز برند می‌گیرند. سقف دو درصد همچنان با فاصله زیاد رعایت می‌شود. */
.sw-hero .sw-link,
.sw-section .sw-wrap > .sw-link,
.sw-pieces-note .sw-link {
  border-bottom-color: var(--sw-brand-mid);
}
.sw-hero .sw-link:hover,
.sw-pieces-note .sw-link:hover { color: var(--sw-brand-text); }

/* خط لهجه زیر برچسب بخش کمی محسوس‌تر */
.sw-section > .sw-wrap > .sw-label::after { width: 34px; }

/* نشانه کوچک کنار عنوان بخش، همان زبان نقطه نوار قیمت */
.sw-sec-mark {
  display: inline-block; width: 5px; height: 5px; border-radius: 50%;
  background: var(--sw-brand); margin-inline-end: 10px; vertical-align: middle;
}
