/* ============================================================
   Shafiei Gold — استایل قالب
   طراحی و اجرا: آژانس دیجیتال مارکتینگ کالون — dmcalon.net
   نکته: رنگ‌ها و فونت‌ها در theme.json تعریف شده‌اند.
   این فایل فقط چیزهایی است که theme.json نمی‌تواند بسازد.
   ============================================================ */

/* ---------- پایه ---------- */
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { -webkit-font-smoothing: antialiased; overflow-x: clip; }
:where(a):focus-visible,
:where(button):focus-visible { outline: 2px solid var(--wp--preset--color--gold); outline-offset: 3px; }
::selection { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--ink); }

/* ---------- نور محیطی — امضای بصری ---------- */
.ds-light { --ds-lx: 70%; --ds-ly: 4%; }
.ds-light::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(52% 42% at var(--ds-lx) var(--ds-ly), rgba(216,188,126,.12) 0%, rgba(216,188,126,.035) 40%, transparent 70%);
  transition: background .6s cubic-bezier(.2,.8,.2,1);
}
.ds-light > * { position: relative; z-index: 1; }

/* ---------- سربرگ ---------- */
.site-header {
  position: sticky; top: 0; z-index: 60;
  background: rgba(10,9,8,.75);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--wp--custom--hair);
}
.site-header .wp-block-navigation__responsive-container-open,
.site-header .wp-block-navigation__responsive-container-close { color: var(--wp--preset--color--gold); }
.site-header .wp-block-navigation-item__content { position: relative; padding-block: 6px; }
.site-header .wp-block-navigation-item__content::after {
  content: ""; position: absolute; bottom: 0; inset-inline-end: 0; width: 0; height: 1px;
  background: var(--wp--preset--color--gold); transition: width .3s;
}
.site-header .wp-block-navigation-item__content:hover::after { width: 100%; }
.site-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content { color: var(--wp--preset--color--text); }
.site-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content::after { width: 100%; }

/* منوی موبایل */
.wp-block-navigation__responsive-container.is-menu-open {
  background: var(--wp--preset--color--ink) !important;
  padding-top: 90px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 20px; }

/* ---------- دکمه ---------- */
.wp-block-button__link { transition: transform .25s, box-shadow .35s, filter .25s; }
.wp-block-button__link:hover { transform: translateY(-2px); filter: brightness(1.08); }
.wp-block-button.is-style-outline .wp-block-button__link {
  background: var(--wp--custom--glass) !important;
  color: var(--wp--preset--color--text) !important;
  border: 1px solid var(--wp--custom--hair) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  border-color: var(--wp--custom--line) !important;
  color: var(--wp--preset--color--gold) !important;
  box-shadow: none;
}

/* ---------- کارت شیشه‌ای (کلاس کمکی برای گروه‌ها) ---------- */
.ds-glass {
  background: var(--wp--custom--glass);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid var(--wp--custom--hair);
  border-radius: var(--wp--custom--radius);
  transition: border-color .35s, transform .35s, background .35s;
}
.ds-glass:hover {
  border-color: var(--wp--custom--line);
  background: var(--wp--custom--glass2);
  transform: translateY(-3px);
}

/* ---------- برچسب کوچک طلایی ---------- */
.ds-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 12.5px; font-weight: 600; letter-spacing: .2em;
  color: var(--wp--preset--color--gold);
}
.ds-eyebrow::before { content: ""; width: 26px; height: 1px; background: currentColor; opacity: .65; }

/* ---------- خط جداکننده‌ی محو ---------- */
.ds-divider {
  height: 1px; border: 0; background: linear-gradient(90deg, transparent, var(--wp--custom--line) 25%, var(--wp--custom--line) 75%, transparent);
}

/* ---------- محتوای مقاله ---------- */
.ds-content > * { max-width: 70ch; }
.ds-content > .alignwide, .ds-content > .alignfull,
.ds-content > figure, .ds-content > .wp-block-table { max-width: none; }

.ds-content h2 {
  margin-top: 64px; padding-inline-start: 20px; position: relative;
}
.ds-content h2::before {
  content: ""; position: absolute; inset-inline-start: 0; top: .34em; bottom: .24em;
  width: 3px; border-radius: 2px;
  background: linear-gradient(180deg, var(--wp--preset--color--gold-lite), var(--wp--preset--color--gold-deep));
}
.ds-content h3 { margin-top: 40px; }
.ds-content p { margin-block: 22px; }
.ds-content strong { color: var(--wp--preset--color--text); font-weight: 700; }

.ds-content a {
  border-bottom: 1px solid rgba(216,188,126,.35);
  transition: border-color .25s, color .25s; padding-bottom: 1px;
}
.ds-content a:hover { border-color: var(--wp--preset--color--gold); }
/* لینک خارجی خودکار آیکون می‌گیرد */
.ds-content a[target="_blank"]::after {
  content: "↗"; font-size: .75em; margin-inline-start: 3px; opacity: .6;
  display: inline-block; vertical-align: super;
}

/* لیست‌ها */
.ds-content ul { list-style: none; padding-inline-start: 4px; }
.ds-content ul li { position: relative; padding-inline-start: 26px; }
.ds-content ul li::before {
  content: ""; position: absolute; inset-inline-start: 6px; top: .82em;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--wp--preset--color--gold); opacity: .75;
}
.ds-content ol { list-style: none; counter-reset: dsn; padding-inline-start: 4px; }
.ds-content ol li { counter-increment: dsn; position: relative; padding-inline-start: 28px; }
.ds-content ol li::before {
  content: counter(dsn); position: absolute; inset-inline-start: 0; top: .1em;
  font-size: 13px; font-weight: 700; color: var(--wp--preset--color--gold);
  width: 20px; text-align: center;
}

/* ---------- باکس‌های الگو ---------- */
/* خلاصه‌ی پاسخ — برای استخراج در AI Overviews */
.ds-answer {
  border: 1px solid var(--wp--custom--line);
  border-radius: var(--wp--custom--radius);
  padding: 26px 28px;
  background: linear-gradient(150deg, rgba(216,188,126,.08), rgba(216,188,126,.02));
}
.ds-answer > p:first-child {
  font-size: 12px; letter-spacing: .18em; color: var(--wp--preset--color--gold);
  font-weight: 600; margin-block: 0 12px;
}
.ds-answer > p:last-child { margin: 0; color: var(--wp--preset--color--text); }

/* نکته‌ی بالینی — لمس انسانی E-E-A-T */
.ds-callout {
  border: 1px solid var(--wp--custom--line);
  border-radius: var(--wp--custom--radius);
  padding: 22px 24px;
  background: rgba(216,188,126,.05);
}
.ds-callout strong:first-child { color: var(--wp--preset--color--gold); }

/* ---------- پابرگ ---------- */
.site-footer { border-top: 1px solid var(--wp--custom--hair); }
.site-footer a { color: var(--wp--preset--color--muted); transition: color .25s, transform .25s; display: inline-block; }
.site-footer a:hover { color: var(--wp--preset--color--text); transform: translateX(-4px); }
.ds-credit a { color: var(--wp--preset--color--gold) !important; font-weight: 500; transform: none !important; }
.ds-credit a:hover { color: var(--wp--preset--color--gold-lite) !important; border-bottom: 1px solid currentColor; }

/* نوار دعوت به اقدام بالای پابرگ */
.ds-band { position: relative; overflow: hidden; }
.ds-band::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(46% 80% at 50% 118%, rgba(216,188,126,.16) 0%, rgba(216,188,126,.04) 42%, transparent 72%);
}
.ds-band::after {
  content: ""; position: absolute; top: 0; inset-inline: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--wp--preset--color--gold) 50%, transparent); opacity: .55;
}
.ds-band > * { position: relative; z-index: 1; }

/* ---------- کمکی ---------- */
.ds-num { font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px,1px,1px,1px); white-space: nowrap;
}
.skip-link:focus {
  position: fixed; top: 12px; inset-inline-start: 12px; z-index: 999;
  background: var(--wp--preset--color--gold); color: var(--wp--preset--color--ink);
  padding: 12px 20px; border-radius: 999px; clip: auto; width: auto; height: auto;
}

/* ---------- احترام به کاهش حرکت ---------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ============================================================
   صفحه‌ی اصلی — هیرو، چیپ‌های شناور، اسلایدر مقایسه
   ============================================================ */

/* ---------- صحنه‌ی هیرو ---------- */
.ds-stage { position: relative; }
.ds-portrait {
  position: relative; aspect-ratio: 4/5; border-radius: 22px; overflow: hidden;
  border: 1px solid var(--wp--custom--hair);
  background: linear-gradient(165deg, #17130E, #0A0908 68%);
}
.ds-portrait img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ds-portrait figure { margin: 0; height: 100%; }

/* قاب پرتره‌ی صفحه‌ی درباره — نسبت ۴:۳ طبق قاعده‌ی قرارداد */
.ds-portrait-frame {
  position: relative; aspect-ratio: 4/3; border-radius: var(--wp--custom--radius); overflow: hidden;
  border: 1px solid var(--wp--custom--hair);
  background: linear-gradient(165deg, #17130E, #0A0908 68%);
}
.ds-portrait-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ds-portrait-frame figure { margin: 0; height: 100%; }
.ds-pline { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.ds-pline path {
  fill: none; stroke: var(--wp--preset--color--gold); stroke-width: 1.4; stroke-linecap: round;
  filter: drop-shadow(0 0 10px rgba(216,188,126,.45));
  stroke-dasharray: 2400; stroke-dashoffset: 2400;
  animation: ds-draw 2.8s .4s cubic-bezier(.6,.02,.2,1) forwards;
}
@keyframes ds-draw { to { stroke-dashoffset: 0; } }

/* ---------- چیپ‌های شیشه‌ای شناور ---------- */
.ds-chip {
  position: absolute; z-index: 3; display: flex !important; align-items: center; gap: 11px;
  padding: 12px 16px !important; border-radius: 999px !important;
  background: rgba(18,15,12,.62); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border: 1px solid var(--wp--custom--line) !important;
  box-shadow: 0 18px 44px -14px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.06);
  white-space: nowrap; will-change: transform;
}
.ds-chip p { margin: 0 !important; line-height: 1.35; }
.ds-chip .ds-ico {
  width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
  display: grid; place-items: center; color: var(--wp--preset--color--gold);
  background: radial-gradient(circle at 30% 25%, rgba(216,188,126,.22), rgba(216,188,126,.05));
  border: 1px solid rgba(216,188,126,.28);
}
.ds-ico svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.5; fill: none;
  stroke-linecap: round; stroke-linejoin: round; }

.ds-chip-1 { top: 9%;    inset-inline-end: -6%;  animation: ds-float 7s ease-in-out infinite; }
.ds-chip-2 { top: 44%;   inset-inline-start: -12%; animation: ds-float 8.5s ease-in-out -1.5s infinite; }
.ds-chip-3 { bottom: 8%; inset-inline-end: 4%;   animation: ds-float 7.8s ease-in-out -3s infinite; }
@keyframes ds-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-11px); } }

/* ---------- نوار اعتبار ---------- */
.ds-proof { border-block: 1px solid var(--wp--custom--hair); }
.ds-proof .ds-pi { display: flex; align-items: center; gap: 11px; }
.ds-proof .ds-pi svg { width: 19px; height: 19px; stroke: var(--wp--preset--color--gold);
  stroke-width: 1.4; fill: none; flex-shrink: 0; stroke-linecap: round; stroke-linejoin: round; }
.ds-proof .ds-pi p { margin: 0 !important; }

/* ---------- اسلایدر قبل/بعد ---------- */
.ds-compare {
  position: relative; aspect-ratio: 16/9; border-radius: var(--wp--custom--radius); overflow: hidden;
  border: 1px solid var(--wp--custom--hair); cursor: ew-resize; user-select: none; touch-action: none;
}
.ds-compare .ds-side { position: absolute; inset: 0; }
.ds-compare .ds-side img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ds-compare .ds-after { clip-path: inset(0 50% 0 0); }
.ds-compare .ds-tag {
  position: absolute; top: 16px; font-size: 11px; letter-spacing: .2em;
  color: var(--wp--preset--color--gold); border: 1px solid var(--wp--custom--line);
  padding: 5px 13px; border-radius: 999px; background: rgba(10,9,8,.6);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); z-index: 4;
}
.ds-compare .ds-before .ds-tag { inset-inline-end: 16px; }
.ds-compare .ds-after  .ds-tag { inset-inline-start: 16px; }
.ds-compare .ds-handle {
  position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; z-index: 3; pointer-events: none;
  background: linear-gradient(180deg, transparent, var(--wp--preset--color--gold) 12%, var(--wp--preset--color--gold) 88%, transparent);
  box-shadow: 0 0 18px rgba(216,188,126,.5);
}
.ds-compare .ds-knob {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--wp--preset--color--gold);
  background: rgba(10,9,8,.72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  display: grid; place-items: center; color: var(--wp--preset--color--gold); font-size: 14px;
}
.ds-ph { display: grid; place-items: center; height: 100%; font-size: 13px;
  color: var(--wp--preset--color--muted); }
.ds-before .ds-ph { background: linear-gradient(140deg,#1C1814,#0C0B09); }
.ds-after  .ds-ph { background: linear-gradient(140deg,#2A2318,#131110); }

/* اصلاح ۱.۶.۶ — درگِ اسلایدر + جای برچسب‌ها در RTL */
/* عکس‌ها نباید ژستِ درگ را بدزدند: رویداد به خودِ کادرِ اسلایدر برسد */
.ds-compare img { pointer-events: none; -webkit-user-drag: none; user-select: none; }
/* برچسب‌های داخلِ لایه با clip بریده و ناپدید می‌شدند؛ خنثی و با pseudo (بیرونِ کلیپ) جایگزین می‌شوند */
.ds-compare .ds-tag { display: none; }
.ds-compare::before, .ds-compare::after {
  position: absolute; top: 16px; z-index: 5; pointer-events: none;
  font-size: 11px; letter-spacing: .2em; color: var(--wp--preset--color--gold);
  border: 1px solid var(--wp--custom--line); padding: 5px 13px; border-radius: 999px;
  background: rgba(10,9,8,.6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.ds-compare::before { content: "بعد"; left: 16px; }   /* نیمه‌ی چپ = عکسِ بعد */
.ds-compare::after  { content: "قبل"; right: 16px; }   /* نیمه‌ی راست = عکسِ قبل */

/* ---------- کارت خدمت ---------- */
.ds-card-ico {
  width: 60px; height: 60px; border-radius: 14px; display: grid; place-items: center;
  color: var(--wp--preset--color--gold); background: rgba(216,188,126,.13);
  border: 1px solid rgba(216,188,126,.34); margin-bottom: 18px;
}
.ds-card-ico svg { width: 32px; height: 32px; stroke: currentColor; stroke-width: 1.9; fill: none;
  stroke-linecap: round; stroke-linejoin: round; }
/* کارتِ شاخص: کاشیِ طلاییِ توپُر با آیکونِ تیره (هم‌خانواده‌ی دکمه‌ی رزرو) */
.ds-feat-card .ds-card-ico {
  color: var(--wp--preset--color--ink);
  background: linear-gradient(135deg, var(--wp--preset--color--gold-lite), var(--wp--preset--color--gold) 50%, var(--wp--preset--color--gold-deep));
  border-color: rgba(216,188,126,.5);
}
.ds-feat-card .ds-card-ico svg { stroke-width: 2; }
.ds-feat-card { background: linear-gradient(180deg, transparent 30%, rgba(216,188,126,.09)) !important; }

/* ---------- ظاهرشدن با اسکرول ---------- */
.ds-rv { opacity: 0; transform: translateY(22px);
  transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.ds-rv.ds-in { opacity: 1; transform: none; }

/* ---------- دکمه‌ی شناور رزرو ---------- */
.ds-fab {
  position: fixed; bottom: 24px; inset-inline-start: 24px; z-index: 70;
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 22px; border-radius: 999px; font-size: 14px; font-weight: 600;
  color: var(--wp--preset--color--ink) !important;
  background: linear-gradient(135deg, var(--wp--preset--color--gold-lite), var(--wp--preset--color--gold) 50%, var(--wp--preset--color--gold-deep));
  box-shadow: 0 16px 44px -10px rgba(216,188,126,.55);
  opacity: 0; transform: translateY(20px); pointer-events: none;
  transition: .45s cubic-bezier(.2,.8,.2,1);
}
.ds-fab.ds-show { opacity: 1; transform: none; pointer-events: auto; }
.ds-fab svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.7; fill: none; }

@media (max-width: 900px) {
  .ds-stage { max-width: 390px; margin-inline: auto; }
  .ds-chip-1 { inset-inline-end: -4%; }
  .ds-chip-2 { inset-inline-start: -4%; }
}
@media (max-width: 560px) {
  .ds-chip { padding: 9px 12px !important; }
  .ds-chip .ds-ico { width: 28px; height: 28px; }
  .ds-fab { inset-inline: 16px; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .ds-pline path { stroke-dashoffset: 0; }
  .ds-rv { opacity: 1; transform: none; }
}

/* جای‌گاه پرتره‌ی هیرو (تا وقتی عکس واقعی گذاشته نشود) */
.ds-ph-portrait {
  position: absolute; inset: 0; padding: 24px; text-align: center; line-height: 1.9;
  color: var(--wp--preset--color--muted);
  background: linear-gradient(165deg, #17130E, #0A0908 68%);
}
.ds-ph-portrait small { opacity: .7; font-size: 11px; }

/* ============================================================
   نسخه ۱.۲ — اصلاحات
   ============================================================ */

/* ---------- متن دکمه‌ها ----------
   elements.link رنگ طلایی را به همه‌ی <a> می‌داد، از جمله دکمه‌ها.
   دکمه‌ی طلایی با متن طلایی = نامرئی. این قانون آن را می‌بندد. */
.wp-block-button__link,
.wp-element-button,
.wp-block-button__link:hover,
.wp-element-button:hover {
  color: var(--wp--preset--color--ink) !important;
  font-weight: 700;
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-element-button {
  color: var(--wp--preset--color--text) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  color: var(--wp--preset--color--gold) !important;
}

/* ---------- سربرگ ---------- */
.site-header { transition: padding .3s ease, background .3s ease, box-shadow .3s ease; }
/* حالت اسکرول‌شده: جمع‌وجورتر و تیره‌تر */
.site-header.is-scrolled {
  background: rgba(10,9,8,.92);
  box-shadow: 0 10px 40px -18px rgba(0,0,0,.9);
}
.site-header.is-scrolled .wp-block-site-logo img { max-height: 42px; }
.site-header .wp-block-site-logo { line-height: 0; }
.site-header .wp-block-site-logo img {
  max-height: 56px; width: auto; transition: max-height .3s ease;
}
@media (min-width: 900px) {
  .site-header .wp-block-navigation { flex-wrap: nowrap; }
  .site-header .wp-block-navigation__container { flex-wrap: nowrap; white-space: nowrap; }
}

/* ---------- چیپ‌های شناور: حرکت واضح‌تر ---------- */
.ds-chip-1 { animation: ds-float-a 6s ease-in-out infinite; }
.ds-chip-2 { animation: ds-float-b 7.5s ease-in-out -1.2s infinite; }
.ds-chip-3 { animation: ds-float-a 6.8s ease-in-out -2.6s infinite; }
@keyframes ds-float-a {
  0%,100% { transform: translate3d(0,0,0) rotate(0deg); }
  50%     { transform: translate3d(-5px,-22px,0) rotate(-1.2deg); }
}
@keyframes ds-float-b {
  0%,100% { transform: translate3d(0,0,0) rotate(0deg); }
  50%     { transform: translate3d(6px,-26px,0) rotate(1.4deg); }
}
/* هاله‌ی نرم پشت چیپ که حس شناوری را واقعی می‌کند */
.ds-chip::after {
  content: ""; position: absolute; inset-inline: 12%; bottom: -14px; height: 12px;
  background: radial-gradient(closest-side, rgba(0,0,0,.55), transparent);
  filter: blur(4px); z-index: -1; animation: ds-shadow 6s ease-in-out infinite;
}
@keyframes ds-shadow {
  0%,100% { transform: scaleX(1);   opacity: .5; }
  50%     { transform: scaleX(.78); opacity: .28; }
}

/* ---------- پابرگ: لوگو ---------- */
.site-footer .wp-block-site-logo img { max-height: 64px; width: auto; }

/* ---------- تماس (شورت‌کد) ---------- */
.ds-contact p { margin: 0 0 14px; font-size: 15px; color: var(--wp--preset--color--muted); line-height: 1.9; }
.ds-contact .ds-c-tel a {
  color: var(--wp--preset--color--read); font-variant-numeric: tabular-nums;
  letter-spacing: .04em; font-size: 14.5px; transition: color .25s;
}
.ds-contact .ds-c-tel a:hover { color: var(--wp--preset--color--gold); }

/* ---------- شبکه‌های اجتماعی ---------- */
/* اصلاح ۱.۶.۱۲ — تخصص‌گراییِ بالاتر تا قاعده‌ی .site-footer a آن را باطل نکند */
.ds-socials { display: flex; gap: 12px; }
.ds-socials .ds-soc {
  width: 46px; height: 46px; border-radius: 50%; line-height: 0;
  display: grid; place-items: center; color: #1c1712;
  background: linear-gradient(155deg, #EAD6A6, #C6A868);
  border: 1px solid rgba(216,188,126,.55);
  box-shadow: 0 4px 14px rgba(216,188,126,.20);
  transition: transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s ease;
}
.ds-socials .ds-soc:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(216,188,126,.42);
}
.ds-socials .ds-soc svg { display: block; width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.7;
  fill: none; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s ease; }
.ds-socials .ds-soc:hover svg { transform: scale(1.08); }

/* گالریِ قبل و بعد — قابِ طلاییِ گرد روی هر تصویر */
.ds-ba-gallery.wp-block-gallery { gap: 16px; }
.ds-ba-gallery.wp-block-gallery figure.wp-block-image {
  border-radius: 16px; overflow: hidden;
  border: 1px solid rgba(216,188,126,.35);
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
  margin: 0;
}
.ds-ba-gallery.wp-block-gallery figure.wp-block-image img {
  border-radius: 16px; display: block; width: 100%; height: 100%; object-fit: cover;
}

/* ---------- نقشه: نوار تمام‌عرض با کارت شناور ---------- */
.ds-map-frame {
  position: relative; border-radius: var(--wp--custom--radius); overflow: hidden;
  border: 1px solid var(--wp--custom--line);
  height: clamp(260px, 30vw, 380px);
  background: var(--wp--preset--color--surface);
}
.ds-map-frame iframe {
  width: 100%; height: 100%; border: 0; display: block;
  filter: invert(92%) hue-rotate(180deg) grayscale(28%) contrast(.9) brightness(.95);
}
.ds-map-frame::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(130% 120% at 88% 12%, rgba(10,9,8,.55), transparent 46%),
              linear-gradient(180deg, rgba(216,188,126,.06), transparent 34%);
}
.ds-map-empty {
  position: absolute; inset: 0; display: grid; place-items: center; text-align: center;
  padding: 24px; font-size: 14px; color: var(--wp--preset--color--muted); line-height: 2.2;
}
.ds-map-empty small { font-size: 12px; opacity: .7; }

/* کارت شیشه‌ای روی نقشه */
.ds-map-card {
  position: absolute; z-index: 2; inset-inline-start: 28px; top: 50%; transform: translateY(-50%);
  display: flex; align-items: flex-start; gap: 14px; max-width: 380px;
  padding: 22px 24px; border-radius: var(--wp--custom--radius);
  background: rgba(14,12,10,.78);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  border: 1px solid var(--wp--custom--line);
  box-shadow: 0 24px 60px -18px rgba(0,0,0,.9);
}
.ds-map-ico {
  width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; display: grid; place-items: center;
  color: var(--wp--preset--color--gold);
  background: radial-gradient(circle at 30% 25%, rgba(216,188,126,.22), rgba(216,188,126,.05));
  border: 1px solid rgba(216,188,126,.3);
}
.ds-map-ico svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.5; fill: none;
  stroke-linecap: round; stroke-linejoin: round; }
.ds-map-tx { display: flex; flex-direction: column; gap: 5px; }
.ds-map-tx b { font-size: 15px; color: var(--wp--preset--color--text); font-weight: 700; }
.ds-map-tx span { font-size: 13px; color: var(--wp--preset--color--muted); line-height: 1.85; }
.ds-map-tx .ds-map-hours { color: var(--wp--preset--color--gold); opacity: .85; }
.ds-map-btn {
  align-self: center; display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0;
  padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 600;
  color: var(--wp--preset--color--ink) !important;
  background: linear-gradient(135deg, var(--wp--preset--color--gold-lite), var(--wp--preset--color--gold) 50%, var(--wp--preset--color--gold-deep));
  transition: transform .25s, box-shadow .3s;
}
.ds-map-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -8px rgba(216,188,126,.55); }
.ds-map-btn svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 1.8; fill: none; }

/* دکمه‌ی مسیریابیِ شناور روی گوشه‌ی نقشه (بالا-راست در RTL) */
.ds-map-float {
  position: absolute; z-index: 2;
  top: 16px; inset-inline-start: 16px;
  box-shadow: 0 12px 30px -10px rgba(0,0,0,.7);
}

@media (max-width: 781px) {
  /* در موبایل هم همان دکمه‌ی جمع‌وجور، گوشه‌ی بالا-راستِ نقشه */
  .ds-map-float {
    top: 12px; inset-inline-start: 12px;
    padding: 8px 14px; font-size: 12px;
  }
  .ds-map-float svg { width: 13px; height: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .ds-chip, .ds-chip::after { animation: none !important; }
}

/* ============================================================
   مجله — آرشیو مقالات، دسته‌بندی، جستجو
   ============================================================ */

/* ---------- جستجو ---------- */
.wp-block-search__inside-wrapper {
  border: 1px solid var(--wp--custom--hair);
  border-radius: 999px;
  background: var(--wp--custom--glass);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  padding: 5px 6px 5px 5px;
  transition: border-color .3s, background .3s;
}
.wp-block-search__inside-wrapper:focus-within {
  border-color: var(--wp--custom--line);
  background: var(--wp--custom--glass2);
}
.wp-block-search__input {
  background: transparent; border: 0; outline: 0; color: var(--wp--preset--color--text);
  font-family: inherit; font-size: 15px; padding: 10px 16px;
}
.wp-block-search__input::placeholder { color: var(--wp--preset--color--muted); }
.wp-block-search__button {
  border: 0; border-radius: 999px; cursor: pointer; padding: 10px 22px;
  font-family: inherit; font-size: 14px; font-weight: 700;
  color: var(--wp--preset--color--ink);
  background: linear-gradient(135deg, var(--wp--preset--color--gold-lite), var(--wp--preset--color--gold) 50%, var(--wp--preset--color--gold-deep));
  transition: filter .25s, transform .25s;
}
.wp-block-search__button:hover { filter: brightness(1.08); transform: translateY(-1px); }

/* ---------- چیپ‌های دسته‌بندی ---------- */
.ds-cats .wp-block-categories {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
}
.ds-cats .wp-block-categories li { margin: 0; }
.ds-cats .wp-block-categories li::before { display: none; }
.ds-cats .wp-block-categories a {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 18px; border-radius: 999px;
  border: 1px solid var(--wp--custom--hair);
  background: var(--wp--custom--glass);
  color: var(--wp--preset--color--muted);
  font-size: 14px; font-weight: 500; transition: .28s;
}
.ds-cats .wp-block-categories a:hover {
  border-color: var(--wp--custom--line);
  color: var(--wp--preset--color--gold);
  background: var(--wp--custom--glass2);
  transform: translateY(-2px);
}
.ds-cats .wp-block-categories .current-cat > a,
.ds-cats .wp-block-categories .current-cat-parent > a {
  background: linear-gradient(135deg, var(--wp--preset--color--gold-lite), var(--wp--preset--color--gold) 50%, var(--wp--preset--color--gold-deep));
  color: var(--wp--preset--color--ink); border-color: transparent; font-weight: 700;
}
/* شمارنده‌ی تعداد نوشته‌ها */
.ds-cats .wp-block-categories a + span,
.ds-cats .wp-block-categories li > span {
  font-size: 11px; color: var(--wp--preset--color--gold); opacity: .6; margin-inline-start: 2px;
  font-variant-numeric: tabular-nums;
}

/* ---------- شبکه‌ی مقالات ---------- */
.ds-arch-grid { list-style: none; padding: 0; }
.ds-arch-grid > li { margin: 0; }
.ds-arch-grid > li::before { display: none; }

.ds-card {
  background: var(--wp--custom--glass);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid var(--wp--custom--hair);
  border-radius: var(--wp--custom--radius);
  overflow: hidden; height: 100%;
  transition: border-color .35s, transform .35s, background .35s, box-shadow .35s;
}
.ds-card:hover {
  border-color: var(--wp--custom--line);
  background: var(--wp--custom--glass2);
  transform: translateY(-4px);
  box-shadow: 0 24px 50px -24px rgba(0,0,0,.9);
}
.ds-card .wp-block-post-featured-image { margin: 0; overflow: hidden; }
.ds-card .wp-block-post-featured-image img { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.ds-card:hover .wp-block-post-featured-image img { transform: scale(1.045); }
.ds-card .wp-block-post-title { margin: 0; }
.ds-card .wp-block-post-title a { color: var(--wp--preset--color--text); transition: color .25s; }
.ds-card:hover .wp-block-post-title a { color: var(--wp--preset--color--gold); }
.ds-card .wp-block-post-excerpt__excerpt { margin: 0; line-height: 1.9; }
.ds-card .wp-block-post-excerpt__more-text { display: none; }
.ds-card .wp-block-post-terms a { border: 0; }

/* چیدمانِ مجله «د» — دو کارتِ برجسته کنارِ هم، بعد شبکه‌ی سه‌ستونه.
   شبکه‌ی ۶ ستونی: دو مقاله‌ی اول هرکدام ۳ ستون (نیمه)، بقیه ۲ ستون (سه‌تایی). */
.ds-arch-grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
@media (min-width: 900px) {
  .ds-arch-grid > li:nth-child(1),
  .ds-arch-grid > li:nth-child(2) { grid-column: span 3; }
  .ds-arch-grid > li:nth-child(n+3) { grid-column: span 2; }

  /* دو کارتِ برجسته: عکسِ عریض‌ترِ ۱۶:۹ و عنوانِ بزرگ‌تر */
  .ds-arch-grid > li:nth-child(-n+2) .wp-block-post-featured-image img { aspect-ratio: 16 / 9 !important; }
  .ds-arch-grid > li:nth-child(-n+2) .wp-block-post-title { font-size: var(--wp--preset--font-size--xl); }
}

/* تبلت: دو ستونه (دو کارتِ اول هم‌ردیف بالا، بقیه دوتایی) */
@media (min-width: 561px) and (max-width: 899px) {
  .ds-arch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ds-arch-grid > li { grid-column: auto !important; }
}

/* موبایل: تک‌ستونه */
@media (max-width: 560px) {
  .ds-arch-grid { grid-template-columns: 1fr !important; }
  .ds-arch-grid > li { grid-column: auto !important; }
}

/* ---------- صفحه‌بندی ---------- */
.ds-pager { gap: 8px; }
.ds-pager .wp-block-query-pagination-numbers,
.ds-pager .wp-block-query-pagination-previous,
.ds-pager .wp-block-query-pagination-next { margin: 0; }
.ds-pager .page-numbers,
.ds-pager .wp-block-query-pagination-previous,
.ds-pager .wp-block-query-pagination-next {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 42px; height: 42px; padding: 0 14px; border-radius: 999px;
  border: 1px solid var(--wp--custom--hair);
  background: var(--wp--custom--glass);
  color: var(--wp--preset--color--muted);
  font-size: 14px; font-weight: 600; transition: .28s;
}
.ds-pager .page-numbers:hover,
.ds-pager .wp-block-query-pagination-previous:hover,
.ds-pager .wp-block-query-pagination-next:hover {
  border-color: var(--wp--custom--line); color: var(--wp--preset--color--gold); transform: translateY(-2px);
}
.ds-pager .page-numbers.current {
  background: linear-gradient(135deg, var(--wp--preset--color--gold-lite), var(--wp--preset--color--gold) 50%, var(--wp--preset--color--gold-deep));
  color: var(--wp--preset--color--ink); border-color: transparent;
}
.ds-pager .wp-block-query-pagination-numbers { display: flex; gap: 8px; }

/* ---------- سربرگ آرشیو ---------- */
.ds-arch-head .wp-block-query-title { margin: 20px 0; }
.ds-arch-head .wp-block-term-description p { margin: 0; }

@media (max-width: 899px) {
  .ds-arch-head .wp-block-columns { gap: 28px; }
}

/* ============================================================
   فرم مشاوره
   ============================================================ */
.ds-form {
  border: 1px solid var(--wp--custom--line);
  border-radius: var(--wp--custom--radius);
  padding: clamp(24px, 4vw, 40px);
  background: linear-gradient(160deg, rgba(216,188,126,.06), transparent 65%), var(--wp--custom--glass);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
/* اصلاح ۱.۶.۵: بدون این، فیلدها با width:100% + padding + border از خانه‌ی گرید بیرون می‌زنند و باکس‌ها به هم می‌ریزند. محدود به فرم تا بقیه‌ی چیدمان دست‌نخورده بماند. */
.ds-form, .ds-form *, .ds-form *::before, .ds-form *::after { box-sizing: border-box; }
/* تله‌ی ربات — از دید انسان و صفحه‌خوان پنهان */
.ds-hp { position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

.ds-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 22px; align-items: end; }
.ds-field { display: flex; flex-direction: column; gap: 8px; margin: 0; }
/* تخصص بالاتر تا مارجینِ سراسریِ .ds-content p (خط ۱۰۵) فیلدها را جابه‌جا نکند وقتی فرم زیر قالب پیش‌فرض داخل .ds-content می‌نشیند */
.ds-form .ds-field { margin: 0; }
.ds-field label { min-height: 1.35em; }
.ds-field-full { grid-column: 1 / -1; }
.ds-field label { font-size: 13.5px; font-weight: 600; color: var(--wp--preset--color--muted);
  letter-spacing: .01em; }
.ds-field label span { color: var(--wp--preset--color--gold); margin-inline-start: 2px; }
.ds-field:focus-within label { color: var(--wp--preset--color--gold); }
.ds-field small { font-size: 12px; color: var(--wp--preset--color--muted); line-height: 1.8; }

.ds-form input[type="text"],
.ds-form input[type="tel"],
.ds-form select,
.ds-form textarea {
  width: 100%; font-family: inherit; font-size: 15.5px; color: var(--wp--preset--color--text);
  background: rgba(255,255,255,.03);
  border: 1px solid var(--wp--custom--hair);
  border-radius: 11px; padding: 15px 18px; outline: 0; min-height: 52px;
  transition: border-color .25s, background .25s, box-shadow .25s;
}
.ds-form textarea { resize: vertical; min-height: 110px; line-height: 1.9; }
.ds-form input::placeholder, .ds-form textarea::placeholder { color: var(--wp--preset--color--muted); opacity: .7; }
.ds-form input:focus, .ds-form select:focus, .ds-form textarea:focus {
  border-color: var(--wp--preset--color--gold);
  background: rgba(255,255,255,.05);
  box-shadow: 0 0 0 3px rgba(216,188,126,.14);
}
.ds-form input:invalid:not(:placeholder-shown) { border-color: rgba(220,120,90,.5); }

/* منوی کشویی با فلش طلایی */
.ds-form select {
  appearance: none; -webkit-appearance: none; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D8BC7E' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: left 16px center; background-size: 15px;
  padding-inline-end: 44px; /* فلش سمت چپ است = انتهای جریان متن در RTL */
  text-overflow: ellipsis;
}
.ds-form select option { background: #14110E; color: var(--wp--preset--color--text); }

/* رضایت */
.ds-consent {
  display: flex; align-items: flex-start; gap: 11px; margin-top: 22px;
  font-size: 14px; color: var(--wp--preset--color--muted); line-height: 1.9; cursor: pointer;
}
.ds-consent input { width: 19px; height: 19px; margin-top: 3px; flex-shrink: 0; accent-color: var(--wp--preset--color--gold); cursor: pointer; }

.ds-form-submit {
  margin-top: 24px; width: 100%;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 16px 28px; border: 0; border-radius: 999px; cursor: pointer;
  font-family: inherit; font-size: 16px; font-weight: 700; color: var(--wp--preset--color--ink);
  background: linear-gradient(135deg, var(--wp--preset--color--gold-lite), var(--wp--preset--color--gold) 50%, var(--wp--preset--color--gold-deep));
  transition: transform .25s, box-shadow .3s, filter .25s;
}
.ds-form-submit:hover { transform: translateY(-2px); filter: brightness(1.07); box-shadow: 0 16px 40px -10px rgba(216,188,126,.55); }
.ds-form-submit svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.8; fill: none; }
.ds-form-note { margin-top: 14px; font-size: 12.5px; color: var(--wp--preset--color--muted); text-align: center; }

/* حالت موفقیت */
.ds-form-done {
  border: 1px solid var(--wp--custom--line); border-radius: var(--wp--custom--radius);
  padding: clamp(30px, 5vw, 48px); text-align: center;
  background: linear-gradient(160deg, rgba(216,188,126,.1), transparent 70%);
}
.ds-form-done-ico {
  width: 58px; height: 58px; border-radius: 50%; display: inline-grid; place-items: center;
  color: var(--wp--preset--color--gold); margin-bottom: 18px;
  background: radial-gradient(circle at 30% 25%, rgba(216,188,126,.25), rgba(216,188,126,.06));
  border: 1px solid rgba(216,188,126,.35);
}
.ds-form-done-ico svg { width: 28px; height: 28px; stroke: currentColor; stroke-width: 1.5; fill: none;
  stroke-linecap: round; stroke-linejoin: round; }
.ds-form-done h3 { font-size: var(--wp--preset--font-size--xl); margin-bottom: 12px; }
.ds-form-done p { color: var(--wp--preset--color--muted); max-width: 46ch; margin-inline: auto; }
.ds-form-done-tel { margin-top: 18px !important; }
.ds-form-done-tel a { font-size: 22px; font-weight: 700; color: var(--wp--preset--color--gold); letter-spacing: .04em; }
.ds-form-error {
  border: 1px solid rgba(220,120,90,.4); background: rgba(220,120,90,.08);
  border-radius: 10px; padding: 14px 18px; margin-bottom: 20px; font-size: 14px; color: #E8B4A0;
}

/* گام‌های مشاوره — کارت شیشه‌ای */
.ds-step {
  position: relative; padding: 30px 26px 26px;
  border: 1px solid var(--wp--custom--line);
  border-radius: var(--wp--custom--radius);
  background: linear-gradient(160deg, rgba(216,188,126,.06), transparent 62%), var(--wp--custom--glass);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  transition: border-color .3s, transform .3s;
}
.ds-step:hover { border-color: rgba(216,188,126,.34); transform: translateY(-3px); }
.ds-step > * { position: relative; z-index: 1; }
.ds-step h3 { margin: 4px 0 8px; }
.ds-step p { margin: 0; }
.ds-step-n {
  display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  font-size: 17px; font-weight: 800; color: var(--wp--preset--color--gold);
  background: radial-gradient(circle at 30% 25%, rgba(216,188,126,.22), rgba(216,188,126,.05));
  border: 1px solid rgba(216,188,126,.32); margin-bottom: 16px;
}

/* فهرست چه می‌شود / چه نمی‌شود */
.ds-yes li, .ds-no li { position: relative; padding-inline-start: 30px; }
.ds-yes li::before, .ds-no li::before {
  position: absolute; inset-inline-start: 0; top: .1em; font-size: 15px; font-weight: 700;
  width: 20px; text-align: center; background: none !important; border-radius: 0 !important; height: auto !important;
}
.ds-yes li::before { content: "✓"; color: var(--wp--preset--color--gold); }
.ds-no li::before  { content: "✕"; color: #A8756A; }

@media (max-width: 700px) {
  .ds-form-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   نسخه ۱.۷.۸ — اصلاحاتِ صفحه‌ی اصلی (مرورِ کارفرما)
   ============================================================ */

/* (۱) هدر: هاورِ متن طلایی به‌جای کادرِ طلایی دورِ منو.
   کادر همان outlineِ فوکوس بود؛ برای موس حذف می‌شود ولی
   برای کاربرِ کیبورد (دسترس‌پذیری) نگه داشته می‌شود. */
.site-header .wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--gold);
}
.site-header .wp-block-navigation a:focus:not(:focus-visible),
.site-header .wp-block-navigation-item__content:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}
.site-header .wp-block-navigation-item__content:focus-visible {
  color: var(--wp--preset--color--gold);
  outline: 2px solid var(--wp--preset--color--gold);
  outline-offset: 4px;
  border-radius: 6px;
}

/* (۲) منوی موبایل — مستقل از اسکریپت و استایلِ هسته.
   زیر ۹۰۰px به همبرگر جمع می‌شود؛ باز/بسته با app.js؛
   پوششِ تمام‌صفحه و رنگِ روشن این‌جا تعریف شده تا حتی اگر
   استایل/اسکریپتِ نویگیشنِ هسته لود نشود هم درست کار کند. */
@media (max-width: 899px) {

  /* بلورِ سربرگ هنگام باز بودنِ منو خاموش شود تا پوششِ fixed
     نسبت به کلِ صفحه بیفتد، نه داخلِ کادرِ سربرگ. */
  .site-header.ds-nav-open {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: transparent !important;
  }

  /* همبرگر همیشه دیده شود */
  .site-header .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }

  /* منوی تک‌خطی تا وقتی باز نشده مخفی */
  .site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  /* حالتِ باز = پوششِ تمام‌صفحه‌ی واقعی (نه زیرِ محتوا) */
  .site-header .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--wp--preset--color--ink) !important;
    padding: 88px 24px 40px !important;
    overflow-y: auto;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container {
    flex-direction: column !important;
    align-items: center;
    gap: 24px;
    white-space: normal;
  }

  /* رنگِ روشنِ آیتم‌ها تا روی زمینه‌ی تیره دیده شوند */
  .site-header .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
    color: var(--wp--preset--color--text) !important;
    font-size: 20px;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--gold) !important;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content::after { display: none; }

  /* دکمه‌ی بستن (×) بالا-گوشه و طلایی */
  .site-header .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 22px; inset-inline-end: 22px;
    display: flex !important;
    color: var(--wp--preset--color--gold) !important;
    z-index: 2;
  }
}

/* (۳) نوار اثبات (عملکرد تنفسی…): تمِ طلایی مثل دکمه‌ی رزرو.
   پس‌زمینه روی ردیفِ درونی است تا نوار باریک‌تر و شناور باشد
   (به دیواره‌ها نمی‌چسبد)، با خطِ جداکننده‌ی هماهنگ بینِ آیتم‌ها. */
.ds-proof {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.ds-proof > .wp-block-group {
  background: var(--wp--preset--gradient--gold-metal);
  border-radius: 14px;
  max-width: 1320px;
  margin-inline: auto;
  padding: 12px 20px;
  justify-content: space-between !important;
  gap: 0 !important;
  flex-wrap: nowrap;
  box-shadow: 0 18px 44px -22px rgba(169,133,73,.75);
}
.ds-proof .ds-pi {
  padding-inline: clamp(12px, 2vw, 30px);
}
.ds-proof .ds-pi:not(:last-child) {
  border-inline-end: 1px solid rgba(20,16,10,.22);
}
.ds-proof .ds-pi p,
.ds-proof .ds-pi p strong {
  color: #0A0908 !important;
}
.ds-proof .ds-pi svg {
  stroke: #0A0908 !important;
}

/* (۳-موبایل) نوار طلایی در موبایل ستونی شود با خطِ جداکننده‌ی افقی */
@media (max-width: 782px) {
  .ds-proof > .wp-block-group {
    flex-direction: column !important;
    align-items: stretch;
    max-width: 440px;
    padding: 4px 22px;
  }
  .ds-proof .ds-pi {
    justify-content: center;
    padding: 13px 0;
  }
  .ds-proof .ds-pi:not(:last-child) {
    border-inline-end: 0;
    border-block-end: 1px solid rgba(20,16,10,.20);
  }
}

/* (۴) چیپ‌های شناور روی پرتره: در موبایل دیگر روی چهره‌ی دکتر
   نیفتند؛ زیرِ عکس به‌صورت ردیفِ مرتب می‌نشینند. */
@media (max-width: 782px) {
  .ds-stage {
    text-align: center;
    max-width: 460px;
  }
  .ds-portrait { display: block; }
  .ds-chip {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    animation: none !important;
    display: inline-flex !important;
    margin: 12px 5px 0;
    vertical-align: top;
    background: rgba(18,15,12,.92) !important;
  }
  .ds-chip::after { display: none !important; }
}

/* (۵) هدرِ چسبان در کلِ سایت.
   علتِ اصلی: هدر داخلِ رَپرِ <div class="wp-block-template-part"> است که
   ارتفاعش فقط به‌اندازه‌ی خودِ هدر است و sticky را محدود می‌کند. با
   display:contents آن رَپر شفاف می‌شود و والدِ هدر کلِ صفحه می‌گردد. */
.wp-block-template-part { display: contents; }

@media (max-width: 781px) {
  .site-header.is-scrolled > .wp-block-group {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .site-header.is-scrolled .wp-block-site-logo img { max-height: 38px; }
}

/* ============================================================
   نسخه ۱.۸.۰ — هیروی مقاله + منوی شیشه‌ای روی تصویر + جاستیفای
   ============================================================ */

/* --- هیروی مقاله (تصویر شاخصِ عریض با روکش و عنوانِ سفید) --- */
.ds-post-hero { position: relative; min-height: 420px; }
.ds-post-hero.wp-block-cover {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

/* ترتیبِ صریحِ لایه‌ها — تصویر (۰) < روکشِ تیره (۱) < عنوان (۲).
   روکش روی لایه‌ی پس‌زمینه‌ی خودِ Cover می‌نشیند تا همیشه پشتِ متن باشد. */
.ds-post-hero .wp-block-cover__image-background { z-index: 0 !important; }
.ds-post-hero .wp-block-cover__background {
  z-index: 1 !important;
  opacity: 1 !important;
  background: linear-gradient(to top,
    rgba(10,9,8,.94) 0%,
    rgba(10,9,8,.62) 40%,
    rgba(10,9,8,.16) 74%,
    rgba(10,9,8,0) 100%) !important;
}
.ds-post-hero > .wp-block-cover__inner-container {
  position: relative !important;
  z-index: 2 !important;
  margin-top: auto;
  padding-top: calc(var(--hd-h, 84px) + 22px);
  padding-bottom: 44px;
}

.ds-post-hero .wp-block-post-title,
.ds-post-hero .wp-block-post-title a { color: #fff !important; font-weight: 800; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.ds-post-hero .wp-block-post-terms,
.ds-post-hero .wp-block-post-terms a { color: var(--wp--preset--color--gold) !important; border: 0; text-shadow: 0 1px 2px rgba(0,0,0,.6); }

/* هیرو باید تا زیرِ هدر بالا بیاید تا منو رویش بنشیند */
body.single .ds-light { padding-top: 0 !important; }
body.single .ds-post-hero { margin-top: calc(-1 * var(--hd-h, 84px)); }

/* منوی شیشه‌ای روی تصویر: در بالای صفحه‌ی مقاله، هدر شفاف‌تر تا عکس از پشتش دیده شود */
body.single .site-header:not(.is-scrolled) {
  background: rgba(10,9,8,.30);
  border-bottom-color: transparent;
}

@media (max-width: 781px) {
  .ds-post-hero, .ds-post-hero.wp-block-cover { min-height: 340px; }
}

/* --- جاستیفای: متنِ پاراگرافِ محتوای مقاله/برگه دو طرف تراز --- */
.ds-content p,
.ds-content li { text-align: justify; }

/* ============================================================
   نسخه ۲.۰.۵ — سایدبارِ صفحه‌ی مقاله
   ============================================================ */
.ds-article-wrap { align-items: flex-start; }
.ds-sidebar {
  align-self: flex-start !important;
  position: sticky;
  top: calc(var(--hd-h, 84px) + 18px);
}
.ds-side-card {
  background: var(--wp--custom--glass);
  border: 1px solid var(--wp--custom--hair);
  border-radius: var(--wp--custom--radius);
  padding: 18px;
  margin-bottom: 16px;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.ds-side-h { margin: 0 0 12px; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--text); }

/* فهرست مطالب */
.ds-toc-list { list-style: none; margin: 0; padding: 0; }
.ds-toc-list li { margin: 0; padding: 0; }
.ds-toc-list li::before { display: none; }
.ds-toc-list a {
  display: block; padding: 6px 0; font-size: 13.5px; line-height: 1.7;
  color: var(--wp--preset--color--muted); border: 0; transition: color .2s;
}
.ds-toc-list a:hover { color: var(--wp--preset--color--gold); }
.ds-toc-list .ds-toc-h3 a { padding-inline-start: 14px; font-size: 12.5px; opacity: .85; }

/* کارتِ رزرو */
.ds-side-cta { background: linear-gradient(160deg, rgba(216,188,126,.1), transparent 70%), var(--wp--custom--glass); text-align: center; }
.ds-cta-title { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: var(--wp--preset--color--text); }
.ds-cta-sub { margin: 0 0 14px; font-size: 12.5px; color: var(--wp--preset--color--muted); line-height: 1.85; }
.ds-cta-btn {
  display: block; text-align: center; padding: 11px 18px; border-radius: 999px;
  font-size: 14px; font-weight: 700; color: var(--wp--preset--color--ink) !important; border: 0;
  background: linear-gradient(135deg, var(--wp--preset--color--gold-lite), var(--wp--preset--color--gold) 50%, var(--wp--preset--color--gold-deep));
  transition: transform .25s, box-shadow .3s;
}
.ds-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -8px rgba(216,188,126,.5); }

/* کارتِ اعتبارِ دکتر */
.ds-doc-list { list-style: none; margin: 0 0 14px; padding: 0; }
.ds-doc-list li { position: relative; margin: 0; padding: 5px 0; font-size: 13px; color: var(--wp--preset--color--muted); line-height: 1.7; }
.ds-doc-list li::before { content: "✓"; color: var(--wp--preset--color--gold); margin-inline-end: 8px; font-weight: 700; }
.ds-doc-link { font-size: 13px; color: var(--wp--preset--color--gold); font-weight: 600; }

/* موبایل: سایدبار زیرِ مقاله؛ فهرستِ مطالب حذف (چون ته صفحه بی‌فایده است — دکمه‌ی رزروِ هدر همیشه هست) */
@media (max-width: 781px) {
  .ds-sidebar { position: static; }
  .ds-toc-card { display: none; }
}

/* ============================================================
   نسخه ۲.۱.۰ — فهرستِ فعال + عکسِ دکتر در کارتِ اعتبار
   ============================================================ */

/* بخشِ فعالِ فهرست مطالب هنگام اسکرول */
.ds-toc-list a.is-active {
  color: var(--wp--preset--color--gold);
  font-weight: 700;
}

/* کارتِ اعتبارِ دکتر با عکسِ پرتره سمت چپ */
.ds-side-doc.has-photo { display: flex; gap: 14px; align-items: stretch; }
.ds-side-doc.has-photo .ds-doc-body { flex: 1 1 auto; min-width: 0; }
.ds-side-doc.has-photo .ds-doc-photo { flex: 0 0 38%; border-radius: 10px; overflow: hidden; }
.ds-side-doc.has-photo .ds-doc-photo img {
  width: 100%; height: 100%; min-height: 150px; object-fit: cover; display: block;
}

/* ============================================================
   نسخه ۲.۱.۵ — مرورِ طراحی: جاستیفای، سؤالات، هم‌ارتفاعی
   ============================================================ */

/* جاستیفای در همه‌ی برگه‌ها (نه فقط مقالات) — به‌جز متن‌های وسط‌چین و eyebrow */
.ds-light p:not(.has-text-align-center):not(.ds-eyebrow),
.ds-light li { text-align: justify; }

/* صفحه‌ی سؤالات: هر دسته در کادرِ شیشه‌ای + خطِ طلایی بینِ هر سؤال */
.ds-faq-group { padding: 10px 30px 18px !important; margin-bottom: 18px; }
.ds-faq-group:hover { transform: none; }          /* کادرِ بزرگ موقع هاور نپرد */
.ds-faq-group .wp-block-details { padding-block: 6px; }
.ds-faq-group .wp-block-details + .wp-block-details {
  border-top: 1px solid rgba(216,188,126,.26);
  margin-top: 8px; padding-top: 16px;
}

/* تماس با ما: کادرِ اطلاعات و نقشه هم‌ارتفاع و هم‌تراز */
.ds-contact-row .wp-block-column { display: flex; flex-direction: column; }
.ds-contact-row .wp-block-column > .ds-glass,
.ds-contact-row .wp-block-column > .ds-map { flex: 1 1 auto; }
.ds-contact-row .ds-map { display: flex; flex-direction: column; }
.ds-contact-row .ds-map-frame { flex: 1 1 auto; height: auto; min-height: 340px; }