/* ──────────────────────────────────────────────────────────────
   هدر و فوتر — بازنویسی بومی، هم‌ظاهر با سایت اصلی
   مقادیر از بیلد سایت اصلی اندازه‌گیری شده‌اند؛ مرجع مقایسه:
   reference/chrome-extracted/ و reference/shots/
   ────────────────────────────────────────────────────────────── */

/* ── جایگزین wp-block-library ─────────────────────────────
   صفحه‌ای که بلوک ندارد آن فایل را نمی‌گیرد (salam_dequeue_unused_block_styles).
   این‌ها تنها قانون‌های آن فایل‌اند که روی مارک‌آپ غیربلوکی هم اثر داشتند،
   عیناً از style-rtl.min.css وردپرس ۶.۷ — حتی جابه‌جایی چپ و راستِ قانون‌های
   border که RTL خود وردپرس دارد — تا ظاهر هیچ صفحه‌ای عوض نشود. همین‌جا،
   پیش از قانون‌های قالب، چون آن فایل هم پیش از استایل‌های قالب بار می‌شد. */
ol,ul{box-sizing:border-box}
:where(figure){margin:0 0 1em}
.aligncenter{clear:both}
.comment-awaiting-moderation{display:block;font-size:.875em;line-height:1.5}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;
  overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#ddd;clip:auto!important;clip-path:none;color:#444;display:block;
  font-size:1em;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;
  width:auto;z-index:100000}
html :where(img[class*=wp-image-]){height:auto;max-width:100%}
html :where([style*=border-top-color]){border-top-style:solid}
html :where([style*=border-right-color]){border-left-style:solid}
html :where([style*=border-bottom-color]){border-bottom-style:solid}
html :where([style*=border-left-color]){border-right-style:solid}
html :where([style*=border-width]){border-style:solid}
html :where([style*=border-top-width]){border-top-style:solid}
html :where([style*=border-right-width]){border-left-style:solid}
html :where([style*=border-bottom-width]){border-bottom-style:solid}
html :where([style*=border-left-width]){border-right-style:solid}

.skip-link{position:absolute;inset-inline-start:1rem;top:0;z-index:100;
  background:var(--brand-orange);color:#fff;padding:.6rem 1rem;
  border-radius:0 0 var(--r-sm) var(--r-sm);
  transform:translateY(-120%);transition:transform .2s var(--ease)}
.skip-link:focus{transform:translateY(0)}

/* ── هدر ──────────────────────────────────────────────── */
/* مانند سایت اصلی: sticky با انیمیشن ۴۰۰ms روی top
   (هنگام اسکرول به پایین پنهان، با اسکرول به بالا برمی‌گردد) */
.site-header{
  background:#fff;position:sticky;top:0;z-index:201;margin-bottom:8px;
  border-bottom:1px solid #ebedea;
  box-shadow:0 4px 24px 0 hsla(0,0%,88%,.251);
  transition:top 400ms var(--ease);
}
@media (prefers-reduced-motion:reduce){ .site-header{transition:none} }

.site-header__bar{padding-block:12px}
.site-header__bar-inner{position:relative;display:flex;align-items:center;
  justify-content:center;gap:var(--sp-4)}

.site-logo{display:flex;align-items:center;gap:12px;line-height:0;flex:none}
.site-logo__mark{width:20px;height:20px}
.site-logo__word{width:149px;height:20px;object-fit:contain}

/* دکمه‌ی فراخوان نارنجی */
.btn-cta{
  display:inline-flex;align-items:center;justify-content:center;
  height:1.75rem;padding-inline:1.125rem;
  background:var(--brand-orange);color:#fff;
  font-size:1rem;font-weight:600;line-height:1;
  border:0;border-radius:.5rem;cursor:pointer;
  transition:background-color .2s var(--ease),transform .15s var(--ease);
}
.btn-cta:hover{background:var(--brand-orange-strong)}
.btn-cta:active{transform:translateY(1px)}
.btn-cta--in-nav{display:none}

/* دکمه‌ی همبرگری — فقط موبایل */
.nav-toggle{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:34px;height:34px;padding:0;
  background:transparent;border:0;border-radius:8px;cursor:pointer;
}
.nav-toggle__burger,
.nav-toggle__burger::before,
.nav-toggle__burger::after{
  display:block;width:24px;height:2px;background:var(--gray-8);
  transition:transform .4s var(--ease),background-color .4s var(--ease);
}
.nav-toggle__burger{position:relative}
.nav-close{display:none}
.nav-toggle__burger::before,
.nav-toggle__burger::after{position:absolute;content:"";inset-inline-start:0}
.nav-toggle__burger::before{top:-8px}
.nav-toggle__burger::after{top:8px}

/* ناوبری */
.site-nav{border-top:1px solid #ebedea;background:#fff}
.site-nav > .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}
.site-nav__list{display:flex;align-items:center;gap:2.55rem;list-style:none;margin:0;
  padding:15px 20px 15px 0;flex-wrap:wrap}
.site-nav__item{display:flex;align-items:center;height:24px}
.site-nav__item > a{
  display:inline-block;font-size:1rem;line-height:1;color:var(--gray-8);
  transition:color .4s var(--ease);
}
.site-nav__item > a:hover{color:#f77f00}

@media (min-width:769px){
  .site-header__bar{padding-block:24px 16px}
  .site-header__bar-inner{justify-content:space-between}
  .site-logo{gap:1rem}
  .site-logo__mark{width:26px;height:26px}
  .site-logo__word{width:189px;height:26px}
  .btn-cta{height:2.125rem;font-size:1.125rem;padding-inline:1.0625rem}
  .site-nav__item > a{font-size:1.125rem}
  .nav-toggle{display:none}
}

/* موبایل: منو به‌صورت کشویی */
@media (max-width:768.9px){
  .site-header__bar-inner .btn-cta{display:none}
  .btn-cta--in-nav{display:inline-flex;margin-block:.5rem 1rem}
  .site-nav{
    position:fixed;inset-block:0;right:0;width:min(78%,340px);
    border-top:0;box-shadow:-8px 0 30px rgba(0,0,0,.14);
    transform:translateX(100%);visibility:hidden;
    transition:transform .4s var(--ease),visibility .4s;
    overflow-y:auto;overscroll-behavior:contain;z-index:60;
    padding-top:calc(3.5rem + env(safe-area-inset-top,0px));
  }
  .site-nav.is-open{transform:translateX(0);visibility:visible}
  .nav-close{
    display:grid;place-items:center;position:absolute;top:14px;left:14px;
    width:38px;height:38px;padding:0;border:0;border-radius:var(--r-md);
    background:var(--gray-1);color:var(--gray-8);cursor:pointer;
    transition:background-color .2s var(--ease);
  }
  .nav-close:hover{background:var(--gray-2)}
  .site-nav > .wrap{flex-direction:column;align-items:stretch}
  .site-nav__list{flex-direction:column;align-items:stretch;gap:0;padding:0}
  .site-nav__item{height:auto;display:block}
  .site-nav__item > a{padding:.85rem .2rem;border-bottom:1px solid var(--gray-1);width:100%}
  .site-nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:50;
    opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}
  .site-nav-backdrop.is-open{opacity:1;pointer-events:auto}
}

/* ── فوتر ─────────────────────────────────────────────── */
/* مقادیر پایه از مرجع موبایل (۴۱۴px) و بلوک دسکتاپ از مرجع ۱۴۴۰px
   اندازه‌گیری شده‌اند — tools/measure.py                            */
.site-footer{
  position:relative;overflow:hidden;
  background:var(--brand-blue-deep);color:#fff;
  padding-block:16px 46px;
}
.site-footer__inner{position:relative;z-index:1}
.site-footer__map{
  position:absolute;inset-block-start:24px;inset-inline-end:calc(-1 * var(--gutter));
  width:300px;height:220px;object-fit:fill;opacity:1;
  pointer-events:none;user-select:none;z-index:0;
}
.site-footer__inner > *:not(.site-footer__map){position:relative;z-index:1}

/* سربرگ: در موبایل دکمه بالا و تمام‌عرض، لوگو زیر آن */
.site-footer__head{display:flex;flex-direction:column-reverse;align-items:stretch;
  gap:16px;margin-bottom:20px}
.site-logo--light{gap:14px}
.site-logo--light .site-logo__mark{width:24px;height:28px}
.site-logo--light .site-logo__word{width:177px;height:27px}

.btn-totop{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  background:#fff;color:var(--brand-orange-strong);
  font-size:1rem;font-weight:600;line-height:1.5;
  min-width:150px;padding:8px 14px;border:1px solid transparent;border-radius:var(--r-sm);
  transition:background-color .2s var(--ease);
}
.btn-totop:hover{background:rgba(230,230,230,1)}

.site-footer__desc{margin:0 0 20px;font-size:.875rem;font-weight:600;line-height:40px}

.site-footer__contact{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.site-footer__contact li{
  display:flex;align-items:center;gap:19px;width:100%;
  padding-block:12px;border-bottom:1px solid rgba(255,255,255,.2);
  font-size:.875rem;line-height:21px;
}
.site-footer__contact li:last-child{border-bottom:0}
.site-footer__icon{
  flex:none;display:grid;place-items:center;width:34px;height:34px;padding:4px;
  border:1px solid #FFFFFF4D;border-radius:8px;color:#fff;background:transparent;
}
.site-footer__icon svg{width:24px;height:24px}
.site-footer__contact a{transition:opacity .2s var(--ease)}
.site-footer__contact a:hover{opacity:.75}

/* بخش پایینی — ترتیب در موبایل و دسکتاپ متفاوت است */
.site-footer__lower{
  display:grid;gap:24px;margin-top:18px;
  grid-template-areas:"join" "social" "badges";
}
.site-footer__join{grid-area:join;margin:0;font-size:.875rem;font-weight:600;line-height:40px}
.site-footer__badges{grid-area:badges;display:flex;align-items:flex-end;
  justify-content:center;gap:10px}
.site-footer__badges img{width:auto;height:auto}
.site-footer__badges img[alt="اتحادیه"]{width:46px;height:46px}
.site-footer__badges img[alt="ساماندهی"]{width:40px;height:40px}
.site-footer__badges img[alt="نماد اعتماد الکترونیکی"]{width:35px;height:39px;
  background:#fff;border-radius:3px;padding:2px}

.site-footer__social{grid-area:social;border-top:1px solid rgba(255,255,255,.22);
  padding-top:var(--sp-4);text-align:center}
.site-footer__social-title{margin:0 0 4px;font-size:.875rem;line-height:19px;font-weight:600}
.site-footer__social ul{display:flex;justify-content:center;gap:1rem;list-style:none;margin:0;padding:0}
.site-footer__social a{
  display:grid;place-items:center;width:32px;height:32px;padding:4px;
  border:1px solid #7C877863;border-radius:16px;
  background:transparent;color:#fff;
}
.site-footer__social a svg{width:24px;height:24px}

/* ── دسکتاپ: مقادیر اندازه‌گیری‌شده در عرض ۱۴۴۰ ──────── */
@media (min-width:769px){
  .site-footer{padding-block:55px 56px}
  .site-footer__social{padding-top:40px}
  .site-footer__social-title{margin-bottom:20px}
  .site-footer__map{inset-block-start:65px;inset-inline-end:0;
    width:550px;max-width:44%;height:405px}

  .site-footer__head{flex-direction:row;align-items:center;
    justify-content:space-between;gap:var(--sp-4);margin-bottom:2.525rem}
  .site-logo--light{gap:1.5rem}
  .site-logo--light .site-logo__mark{width:38px;height:43px}
  .site-logo--light .site-logo__word{width:274px;height:42px}

  .site-footer__desc{margin-bottom:2.4375rem;font-size:1.25rem;line-height:1.4}
  .site-footer__contact li{font-size:1.25rem;line-height:30px;padding-block:12px;gap:16px;
    width:fit-content;max-width:100%}

  .site-footer__lower{margin-top:1.94rem;gap:0;
    grid-template-columns:1fr auto;
    grid-template-areas:"join badges" "social social";
    align-items:end;
  }
  .site-footer__join{font-size:1.25rem;line-height:1.75rem;font-weight:600}
  .site-footer__badges{justify-content:flex-end;margin-bottom:17px}
  .site-footer__badges img[alt="اتحادیه"]{width:72px;height:72px}
  .site-footer__badges img[alt="ساماندهی"]{width:63px;height:63px}
  .site-footer__badges img[alt="نماد اعتماد الکترونیکی"]{width:56px;height:62px;padding:3px;border-radius:4px}
  .site-footer__social{margin-top:3.95rem}
  .site-footer__social a{width:48px;height:48px}
  .site-footer__social-title{line-height:1.36}
}

/* ── زیرمنو (کشوی موبایل) ─────────────────────────────── */
.site-nav__toggle{display:none}
.site-nav__sub{display:none;list-style:none;margin:0;padding:0}
@media (max-width:768.9px){
  .site-nav__item--has-children{position:relative}
  .site-nav__toggle{
    position:absolute;top:8px;inset-inline-end:0;display:grid;place-items:center;
    width:34px;height:34px;padding:0;border:0;border-radius:var(--r-sm);
    background:transparent;color:var(--gray-5);cursor:pointer;
    transition:transform .3s var(--ease),color .2s var(--ease);
  }
  .site-nav__toggle[aria-expanded="true"]{transform:rotate(180deg);color:var(--brand-orange)}
  .site-nav__sub{padding-inline-start:var(--sp-4)}
  .site-nav__sub.is-open{display:block}
  .site-nav__sub a{display:block;padding:.7rem .2rem;font-size:var(--fs-sm);
    color:var(--gray-6);border-bottom:1px solid var(--gray-1)}
  .site-nav__sub a:hover{color:var(--brand-orange)}
}

/* ── زیرمنو روی دسکتاپ (کشویی) ──────────────────────────
   قالب قبلی زیرمنوها را نشان می‌داد. مارک‌آپ اینجا از اول ساخته می‌شد
   (walker با depth=2) ولی CSS‌اش فقط برای موبایل نوشته شده بود، پس روی
   دسکتاپ `display:none` می‌ماند و هیچ‌چیز بازش نمی‌کرد.

   باز شدن با hover و با focus-within هر دو، تا با کیبورد هم کار کند. */
@media (min-width:769px){
  .site-nav__item--has-children{position:relative}

  /* ناحیه‌ی امن تا موقع رفتن ماوس به سمت زیرمنو بسته نشود */
  .site-nav__item--has-children::after{
    content:"";position:absolute;inset-inline:0;top:100%;height:18px;
  }

  .site-nav__sub{
    position:absolute;top:calc(100% + 14px);inset-inline-start:0;z-index:60;
    display:block;min-width:210px;padding:var(--sp-2);
    background:#fff;border:1px solid var(--gray-2);border-radius:var(--r-lg);
    box-shadow:0 10px 30px rgb(0 0 0 / 12%);
    opacity:0;visibility:hidden;transform:translateY(6px);
    transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;
  }
  .site-nav__item--has-children:hover > .site-nav__sub,
  .site-nav__item--has-children:focus-within > .site-nav__sub{
    opacity:1;visibility:visible;transform:none;
  }

  .site-nav__sub li{display:block}
  .site-nav__sub a{
    display:block;padding:.55rem .7rem;border-radius:var(--r-sm);
    font-size:1rem;line-height:1.8;color:var(--gray-7);white-space:nowrap;
    transition:background .2s var(--ease),color .2s var(--ease);
  }
  .site-nav__sub a:hover,
  .site-nav__sub a:focus-visible{background:var(--gray-1);color:#f77f00}

  /* فلش کوچک کنار آیتم‌هایی که زیرمنو دارند.
     اول با دو بردر و rotate(45deg) ساخته شده بود؛ آن شکل یک L است که
     مرکز بصری‌اش وسط کادر نیست، پس چرخش ۱۸۰ درجه جابه‌جایش می‌کرد و
     انگار بالا می‌پرید. آیکون ماسک‌شده دقیقاً وسط کادر می‌نشیند و حول
     همان مرکز می‌چرخد، پس ثابت می‌ماند. currentColor هم حفظ می‌شود. */
  .site-nav__item--has-children > a::after{
    content:"";display:inline-block;vertical-align:-.08em;
    width:.62em;height:.62em;margin-inline-start:.34rem;
    background:currentColor;
    -webkit-mask:var(--chevron-down) center/contain no-repeat;
    mask:var(--chevron-down) center/contain no-repeat;
    transition:transform .25s var(--ease);
  }
  .site-nav__item--has-children:hover > a::after{transform:rotate(180deg)}
}

@media (min-width:769px) and (prefers-reduced-motion:reduce){
  .site-nav__sub{transition:none}
}