/*
 Theme Name:   Kadence Child — آکادمی تندرستی سعادت‌مهر
 Theme URI:    https://saadatmehracademy.com
 Description:  قالب فرزند اختصاصی آکادمی تندرستی سعادت‌مهر. رنگ‌ها مستقیماً از لوگوی برند استخراج شده و فونت وزیرمتن به‌صورت محلی بارگذاری می‌شود.
 Author:       تیم توسعه سعادت‌مهر
 Template:     kadence
 Version:      4.1.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  saadatmehr
*/

/* ==========================================================================
   ۱. توکن‌های برند — استخراج‌شده از فایل لوگو
   --------------------------------------------------------------------------
   سرمه‌ای #0C243C  → پرتکرارترین رنگ مُهر (۲۱٬۵۰۱ پیکسل)
   طلایی   #A8843C  → رنگ لوگوتایپ فارسی «سعادت مهر»
   سبز     #285A32  → برگ‌های نشان
   هیچ رنگی حدس زده نشده است.
   ========================================================================== */

/* ==========================================================================
   ۰. پایه
   --------------------------------------------------------------------------
   قالب Kadence خودش box-sizing سراسری دارد، ولی چیدمان ما نباید به آن
   وابسته باشد: اگر روزی استایل مادر دیرتر یا اصلاً بارگذاری نشود،
   ستون‌هایی که padding درصدی دارند از قاب بیرون می‌زنند.
   ========================================================================== */

.sm-home, .sm-page, .sm-foot,
.sm-home *, .sm-page *, .sm-foot *,
.sm-home *::before, .sm-page *::before, .sm-foot *::before,
.sm-home *::after,  .sm-page *::after,  .sm-foot *::after { box-sizing: border-box; }


:root {
  /* ---------- سرمه‌ای ---------- */
  --sm-navy-950: #050F1A;
  --sm-navy-900: #071A2B;
  --sm-navy-800: #0C243C;   /* رنگ اصلی برند */
  --sm-navy-700: #12314F;
  --sm-navy-600: #1B3A5C;
  --sm-navy-400: #5E7B9B;
  --sm-navy-200: #B9C8D8;
  --sm-navy-100: #DCE5EE;
  --sm-navy-50:  #EFF3F8;

  /* ---------- طلایی ---------- */
  --sm-gold-800: #6E5320;
  --sm-gold-700: #7A5C21;   /* طلایی تیره — متن کوچک روی زمینه روشن */
  --sm-gold-600: #8F6E2C;
  --sm-gold-500: #A8843C;   /* طلایی اصلی — دکمه و تأکید */
  --sm-gold-400: #C6A05A;
  --sm-gold-300: #DCC189;
  --sm-gold-200: #E9D6AA;   /* متن روی زمینه‌ی سرمه‌ای — کنتراست ۹٫۱ */
  --sm-gold-100: #F2E7CE;
  --sm-gold-50:  #FAF4E7;

  /* ---------- سبز برگ ---------- */
  --sm-leaf-800: #1B4022;
  --sm-leaf-600: #285A32;
  --sm-leaf-500: #3D7A48;
  --sm-leaf-200: #BFD9C4;
  --sm-leaf-50:  #EDF5EE;

  /* ---------- سطوح ---------- */
  --sm-paper:      #F7F4ED;
  --sm-paper-alt:  #EFEAE0;
  --sm-surface:    #FFFFFF;
  --sm-rule:       #DCD5C7;

  /* ---------- متن ---------- */
  --sm-text:       #10161C;
  --sm-text-soft:  #34424F;
  --sm-text-muted: #5C6873;
  --sm-text-invert:#F4F7FA;

  /* ---------- وضعیت ---------- */
  --sm-success: #285A32;
  --sm-warning: #A8843C;
  --sm-error:   #B5372B;

  /* ---------- تایپوگرافی ---------- */
  --sm-font: "Vazirmatn", "Segoe UI", Tahoma, "Iranian Sans", sans-serif;

  /* ---------- شعاع و سایه ---------- */
  --sm-radius-sm: 4px;
  --sm-radius:    8px;
  --sm-radius-lg: 14px;
  --sm-shadow-sm: 0 1px 2px rgba(12, 36, 60, .06), 0 2px 6px rgba(12, 36, 60, .05);
  --sm-shadow:    0 4px 12px rgba(12, 36, 60, .08), 0 12px 28px rgba(12, 36, 60, .07);
  --sm-shadow-lg: 0 10px 24px rgba(12, 36, 60, .10), 0 24px 56px rgba(12, 36, 60, .10);
}

/* ==========================================================================
   ۲. اتصال به پالت Kadence
   --------------------------------------------------------------------------
   قالب Kadence همه‌ی رنگ‌هایش را از این ۹ متغیر می‌خواند. با بازنویسی آن‌ها،
   کل سایت — دکمه‌ها، لینک‌ها، هدر، فوتر، فرم‌ها — یکجا رنگ برند می‌گیرد،
   بدون اینکه لازم باشد تک‌تک اجزا را دستی هدف بگیریم.
   ========================================================================== */

:root {
  --global-palette1: var(--sm-navy-800);   /* اصلی */
  --global-palette2: var(--sm-gold-500);   /* تأکید */
  --global-palette3: var(--sm-navy-900);   /* پررنگ‌ترین متن */
  --global-palette4: var(--sm-navy-800);   /* عناوین */
  --global-palette5: var(--sm-text-soft);  /* متن بدنه */
  --global-palette6: var(--sm-text-muted); /* متن کم‌رنگ و خطوط */
  --global-palette7: var(--sm-paper-alt);  /* زمینه روشن */
  --global-palette8: var(--sm-paper);      /* زمینه روشن‌تر */
  --global-palette9: var(--sm-surface);    /* سفید */

  --global-palette-highlight:      var(--sm-gold-500);
  --global-palette-highlight-alt:  var(--sm-gold-600);
  --global-palette-highlight-alt2: var(--sm-surface);

  --global-palette-btn:      var(--sm-surface);
  --global-palette-btn-bg:   var(--sm-navy-800);
  --global-palette-btn-hover:var(--sm-surface);
  --global-palette-btn-bg-hover: var(--sm-navy-600);

  --global-body-font-family:    var(--sm-font);
  --global-heading-font-family: var(--sm-font);
  --global-primary-nav-font-family: var(--sm-font);

  --global-content-width: 1200px;
  --global-content-narrow-width: 780px;
}

/* ==========================================================================
   ۳. پایه
   ========================================================================== */

body {
  font-family: var(--sm-font);
  background-color: var(--sm-paper);
  color: var(--sm-text-soft);
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01";
}

/* اعداد فارسی در متن، لاتین در جاهایی که باید لاتین بماند */
.sm-latin, code, kbd, samp, pre,
input[type="email"], input[type="url"], input[type="tel"] {
  direction: ltr;
  unicode-bidi: embed;
  font-family: "Vazirmatn", ui-monospace, monospace;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .site-title {
  font-family: var(--sm-font);
  color: var(--sm-navy-800);
  font-weight: 700;
  line-height: 1.45;
  text-wrap: balance;
  letter-spacing: -.005em;
}

h1, .entry-title { font-weight: 900; line-height: 1.3; }

p { line-height: 1.95; }

a { color: var(--sm-gold-700); text-underline-offset: 3px; }
a:hover, a:focus { color: var(--sm-gold-600); }

/* حالت فوکوس صفحه‌کلید — برای دسترس‌پذیری الزامی است */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--sm-gold-500);
  outline-offset: 3px;
  border-radius: var(--sm-radius-sm);
}

::selection { background: var(--sm-gold-100); color: var(--sm-navy-900); }

hr, .wp-block-separator {
  border: none;
  border-top: 1px solid var(--sm-rule);
}

/* ==========================================================================
   ۴. هدر و ناوبری
   ========================================================================== */

.site-header-wrap {
  background-color: var(--sm-surface);
  border-bottom: 1px solid var(--sm-rule);
}

.site-header-row-container-inner .site-header-item .site-branding img,
.site-branding img.custom-logo {
  max-height: 62px;
  width: auto;
  height: auto;
}

.primary-menu-container > ul > li > a,
.header-navigation .header-menu-container > ul > li > a {
  font-weight: 500;
  color: var(--sm-navy-800);
  letter-spacing: -.005em;
}

.primary-menu-container > ul > li > a:hover,
.header-navigation .header-menu-container > ul > li > a:hover {
  color: var(--sm-gold-600);
}

/* زیرخط طلایی زیر آیتم فعال منو */
.header-navigation .header-menu-container > ul > li.current-menu-item > a {
  color: var(--sm-gold-700);
  box-shadow: inset 0 -2px 0 0 var(--sm-gold-500);
}

/* ==========================================================================
   ۵. دکمه‌ها
   ========================================================================== */

.wp-block-button__link,
.button, button,
input[type="submit"],
.kb-button,
.kt-button {
  font-family: var(--sm-font);
  font-weight: 700;
  border-radius: var(--sm-radius);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.wp-block-button__link:hover,
.button:hover, button:hover,
input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: var(--sm-shadow-sm);
}

/* دکمه‌ی اصلی — سرمه‌ای */
.sm-btn-primary,
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: var(--sm-navy-800);
  color: var(--sm-surface);
}
.sm-btn-primary:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background-color: var(--sm-navy-600);
  color: var(--sm-surface);
}

/* دکمه‌ی اقدام — طلایی، برای CTAهای اصلی مثل «درخواست ارزیابی» */
.sm-btn-gold {
  display: inline-block;
  background-color: var(--sm-gold-500);
  color: #fff;
  font-weight: 700;
  padding: .85em 2em;
  border-radius: var(--sm-radius);
  text-decoration: none;
  border: none;
}
.sm-btn-gold:hover { background-color: var(--sm-gold-600); color: #fff; }

/* دکمه‌ی خطی */
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid var(--sm-navy-800);
  color: var(--sm-navy-800);
  background: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--sm-navy-800);
  color: var(--sm-surface);
}

/* ==========================================================================
   ۶. فرم‌ها
   ========================================================================== */

input[type="text"], input[type="email"], input[type="url"],
input[type="tel"], input[type="number"], input[type="date"],
input[type="password"], input[type="search"],
select, textarea {
  font-family: var(--sm-font);
  background-color: var(--sm-surface);
  border: 1px solid var(--sm-rule);
  border-radius: var(--sm-radius);
  color: var(--sm-text);
  padding: .7em .9em;
  transition: border-color .18s ease, box-shadow .18s ease;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--sm-gold-500);
  box-shadow: 0 0 0 3px rgba(168, 132, 60, .18);
  outline: none;
}

::placeholder { color: var(--sm-text-muted); opacity: 1; }

label { font-weight: 500; color: var(--sm-navy-800); }

/* ==========================================================================
   ۷. کارت‌ها و محتوا
   ========================================================================== */

.entry-content-wrap,
.content-bg,
.loop-entry.content-bg {
  background-color: var(--sm-surface);
  border-radius: var(--sm-radius-lg);
  box-shadow: var(--sm-shadow-sm);
}

.loop-entry {
  transition: transform .22s ease, box-shadow .22s ease;
}
.loop-entry:hover {
  transform: translateY(-3px);
  box-shadow: var(--sm-shadow);
}

blockquote, .wp-block-quote {
  border-inline-start: 3px solid var(--sm-gold-500);
  border-inline-end: none;
  background: var(--sm-gold-50);
  padding: 1.1rem 1.3rem;
  border-radius: 0 var(--sm-radius) var(--sm-radius) 0;
  margin-inline: 0;
}
blockquote p:last-child { margin-bottom: 0; }

table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid var(--sm-rule); padding: .7rem .9rem; text-align: start; }
thead th { background: var(--sm-paper-alt); color: var(--sm-navy-800); font-weight: 500; }

/* جدول‌های عریض نباید صفحه را افقی اسکرول کنند */
.entry-content .wp-block-table { overflow-x: auto; }

/* ==========================================================================
   ۸. فوتر
   ========================================================================== */

.site-footer,
.site-bottom-footer-wrap,
.site-middle-footer-wrap {
  background-color: var(--sm-navy-900);
  color: var(--sm-navy-200);
}

.site-footer a { color: var(--sm-gold-300); }
.site-footer a:hover { color: var(--sm-gold-400); }

.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6,
.site-footer .widget-title {
  color: var(--sm-text-invert);
}

.site-footer .widget { color: var(--sm-navy-200); }

/* ==========================================================================
   ۹. صفحه‌ی موقت مسیرهای /smp/ (کدهای QR کتاب)
   --------------------------------------------------------------------------
   تا زمانی که صفحه‌ی واقعی ساخته نشده، خواننده‌ی کتاب به‌جای خطای ۴۰۴
   یک صفحه‌ی برنددار می‌بیند. به‌محض ساخته‌شدن صفحه‌ی واقعی، این
   صفحه به‌صورت خودکار از کار می‌افتد.
   ========================================================================== */

.smp-holding {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
  background: linear-gradient(160deg, var(--sm-navy-900) 0%, var(--sm-navy-800) 55%, var(--sm-navy-700) 100%);
  color: var(--sm-text-invert);
  text-align: center;
  font-family: var(--sm-font);
}

.smp-holding__inner { max-width: 34rem; width: 100%; }

.smp-holding__logo {
  width: 132px;
  height: auto;
  margin: 0 auto 1.75rem;
  display: block;
}

.smp-holding__eyebrow {
  font-size: .85rem;
  font-weight: 500;
  color: var(--sm-gold-300);
  margin: 0 0 .85rem;
}

.smp-holding__title {
  font-size: clamp(1.5rem, 1.2rem + 1.6vw, 2.2rem);
  font-weight: 900;
  line-height: 1.4;
  color: #fff;
  margin: 0 0 1rem;
  text-wrap: balance;
}

.smp-holding__text {
  font-size: 1rem;
  line-height: 2;
  color: var(--sm-navy-200);
  margin: 0 0 2rem;
}

.smp-holding__rule {
  width: 56px;
  height: 2px;
  background: var(--sm-gold-500);
  border: none;
  margin: 0 auto 1.75rem;
}

.smp-holding__cta {
  display: inline-block;
  background: var(--sm-gold-500);
  color: #fff;
  font-weight: 700;
  padding: .8em 2.1em;
  border-radius: var(--sm-radius);
  text-decoration: none;
  transition: background-color .18s ease, transform .18s ease;
}
.smp-holding__cta:hover {
  background: var(--sm-gold-400);
  color: #fff;
  transform: translateY(-1px);
}

.smp-holding__note {
  margin: 2rem 0 0;
  font-size: .82rem;
  color: #93A9C0;
  line-height: 1.9;
}

/* ==========================================================================
   ۱۰. کمکی‌ها
   ========================================================================== */

.sm-eyebrow {
  display: block;
  font-size: .85rem;
  font-weight: 500;
  color: var(--sm-gold-700);
  margin-bottom: .5rem;
}

.sm-lead {
  font-size: 1.12rem;
  font-weight: 300;
  color: var(--sm-text-muted);
  line-height: 1.95;
}

.sm-surface-dark {
  background: var(--sm-navy-800);
  color: var(--sm-text-invert);
}
.sm-surface-dark h1, .sm-surface-dark h2,
.sm-surface-dark h3, .sm-surface-dark h4 { color: #fff; }

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* ==========================================================================
   ۱۱. حرکت — احترام به تنظیم کاربر
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   ۱۲. چاپ
   ========================================================================== */

@media print {
  .site-header-wrap, .site-footer, .smp-holding__cta { display: none !important; }
  body { background: #fff; color: #000; }
}

/* ==========================================================================
   ۱۳. فوتر اختصاصی
   --------------------------------------------------------------------------
   فوتر قالب دمو محتوای دندان‌پزشکی، شماره‌ی ساختگی و یک تصویر شکسته
   داشت. آن را پنهان می‌کنیم و فوتر خودمان را می‌نشانیم.

   نکته: پنهان کردن با CSS، مارک‌آپ فوتر دمو را از صفحه حذف نمی‌کند.
   برای حذف کامل، ابزارک‌های فوتر را هم در سفارشی‌سازی خالی کنید.
   ========================================================================== */

.site-footer,
.site-footer-wrap,
.site-middle-footer-wrap,
.site-top-footer-wrap,
.site-bottom-footer-wrap {
  display: none !important;
}

.sm-foot {
  background: linear-gradient(160deg, var(--sm-navy-900) 0%, var(--sm-navy-800) 70%);
  color: var(--sm-navy-200);
  font-family: var(--sm-font);
  padding-block: clamp(2.75rem, 1.8rem + 3.5vw, 4.5rem) 0;
  border-top: 3px solid var(--sm-gold-500);
}

.sm-foot__inner { width: min(100% - 2.5rem, 1200px); margin-inline: auto; }

.sm-foot__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 1.4rem + 2.5vw, 3.5rem);
  padding-bottom: clamp(2rem, 1.4rem + 2vw, 3rem);
}

@media (min-width: 44rem) {
  .sm-foot__grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 68rem) {
  .sm-foot__grid { grid-template-columns: 1.5fr 1fr 1.3fr 1.2fr; }
}

.sm-foot__col { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }

.sm-foot__logo {
  width: clamp(11rem, 9rem + 6vw, 15rem);
  height: auto;
  /* لوگو سرمه‌ای است و روی زمینه‌ی تیره دیده نمی‌شود؛ روشنش می‌کنیم. */
  filter: brightness(0) invert(1);
  opacity: .92;
}

.sm-foot__about {
  margin: 0;
  font-size: .92rem;
  line-height: 2.05;
  color: var(--sm-navy-200);
  font-weight: 300;
  max-width: 44ch;
}

.sm-foot__title {
  margin: 0 0 .35rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  padding-bottom: .65rem;
}

.sm-foot__title::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 2.2rem;
  height: 2px;
  background: var(--sm-gold-500);
}

/* ---------- اطلاعات تماس ---------- */

.sm-foot__contact { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; }

.sm-foot__contact-row {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  font-size: .92rem;
  line-height: 1.95;
}

.sm-foot__contact-icon {
  flex: none;
  width: 1.65rem;
  height: 1.65rem;
  margin-top: .15rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .07);
  color: var(--sm-gold-300);
}
.sm-foot__contact-icon svg { width: .95rem; height: .95rem; }

.sm-foot__contact-row a { color: var(--sm-navy-200); text-decoration: none; }
.sm-foot__contact-row a:hover { color: var(--sm-gold-300); text-decoration: underline; }

/* شماره تلفن و ایمیل باید چپ‌به‌راست خوانده شوند */
.sm-foot__contact-row a .sm-foot__contact-value {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}

.sm-foot__map {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-top: .4rem;
  padding: .7em 1.35em;
  background: var(--sm-gold-500);
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
  border-radius: var(--sm-radius);
  text-decoration: none;
  align-self: flex-start;
  transition: background-color .2s ease, transform .2s ease;
}
.sm-foot__map:hover { background: var(--sm-gold-400); color: #fff; transform: translateY(-2px); }
.sm-foot__map svg { width: 1.05rem; height: 1.05rem; flex: none; }

/* ---------- دسترسی سریع ---------- */

.sm-foot__links { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }

.sm-foot__links a {
  color: var(--sm-navy-200);
  text-decoration: none;
  font-size: .92rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  transition: color .18s ease, transform .18s ease;
}

.sm-foot__links a::before {
  content: "";
  width: .3rem; height: .3rem;
  border-radius: 50%;
  background: var(--sm-gold-500);
  flex: none;
}

.sm-foot__links a:hover { color: var(--sm-gold-300); transform: translateX(-3px); }

/* ---------- شبکه‌های اجتماعی ---------- */

.sm-foot__social {
  list-style: none; margin: .4rem 0 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: .6rem;
}

.sm-foot__social a {
  width: 2.4rem; height: 2.4rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .07);
  color: var(--sm-navy-200);
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.sm-foot__social a:hover {
  background: var(--sm-gold-500);
  color: #fff;
  transform: translateY(-2px);
}

.sm-foot__social svg { width: 1.15rem; height: 1.15rem; }

/* ---------- نوار پایین ---------- */

.sm-foot__bottom {
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding-block: 1.25rem;
  text-align: center;
}

.sm-foot__bottom p {
  margin: 0;
  font-size: .82rem;
  color: var(--sm-navy-400);
}

@media (prefers-reduced-motion: reduce) {
  .sm-foot__map, .sm-foot__social a, .sm-foot__links a { transition: none; }
}

/* ---------- افزوده‌های فوتر چهارستونه ---------- */

.sm-foot__about--note {
  font-size: .84rem;
  color: var(--sm-navy-400);
  padding-top: .2rem;
  border-top: 1px solid rgba(255, 255, 255, .08);
  margin-top: .3rem;
}

.sm-foot__contact-body { display: flex; flex-direction: column; min-width: 0; }
.sm-foot__contact-note {
  font-size: .8rem;
  color: var(--sm-navy-400);
  line-height: 1.8;
  margin-top: .1rem;
}

/* ستون چهارم — پرفروش‌ترین محصولات */

.sm-foot__products { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }

.sm-foot__products a {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .7rem .85rem;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--sm-radius);
  text-decoration: none;
  color: var(--sm-navy-200);
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.sm-foot__products a:hover,
.sm-foot__products a:focus-visible {
  background: rgba(255, 255, 255, .09);
  border-color: var(--sm-gold-500);
  color: var(--sm-navy-200);
  transform: translateY(-2px);
}

.sm-foot__product-icon {
  flex: none;
  width: 2.1rem; height: 2.1rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: rgba(168, 132, 60, .18);
  color: var(--sm-gold-300);
}
.sm-foot__product-icon svg { width: 1rem; height: 1rem; }

.sm-foot__product-body { display: flex; flex-direction: column; min-width: 0; }
.sm-foot__product-name { font-weight: 700; font-size: .92rem; color: #fff; line-height: 1.6; }
.sm-foot__product-meta { font-size: .78rem; color: var(--sm-navy-400); line-height: 1.7; }

/* نوار دعوت به اقدام */

.sm-foot__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(168, 132, 60, .3);
  border-radius: var(--sm-radius-lg);
}

.sm-foot__cta-title {
  margin: 0 0 .25rem;
  font-size: clamp(1rem, .95rem + .4vw, 1.2rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.65;
}

.sm-foot__cta-sub { margin: 0; font-size: .88rem; color: var(--sm-navy-200); line-height: 1.85; }

.sm-foot__cta-btn {
  flex: none;
  display: inline-block;
  background: var(--sm-gold-500);
  color: #fff;
  font-weight: 700;
  padding: .85em 2.1em;
  border-radius: var(--sm-radius);
  text-decoration: none;
  transition: background-color .2s ease, transform .2s ease;
}
.sm-foot__cta-btn:hover,
.sm-foot__cta-btn:focus-visible { background: var(--sm-gold-400); color: #fff; transform: translateY(-2px); }

/* سلب مسئولیت پزشکی */

.sm-foot__disclaimer {
  margin: 0 0 .8rem;
  font-size: .8rem;
  color: var(--sm-navy-400);
  line-height: 1.95;
  max-width: 70ch;
  margin-inline: auto;
}

.sm-foot__copy { margin: 0; font-size: .82rem; color: var(--sm-navy-400); }

@media (prefers-reduced-motion: reduce) {
  .sm-foot__cta-btn, .sm-foot__products a { transition: none; }
}