/* Emperator Charm — header.css (v2.4) | هدر چسبان بدون پرش، منوی موبایل یکپارچه | VOARO | https://voaro.com
   این فایل آخر از همه بارگذاری می‌شود و رفتار هدر را یک‌جا تعیین می‌کند. */
:root{--emp-adminbar:0px}
.admin-bar{--emp-adminbar:32px}
@media (max-width:782px){.admin-bar{--emp-adminbar:46px}}
@media (max-width:600px){.admin-bar{--emp-adminbar:0px}} /* نوار مدیریت در موبایل کوچک چسبان نیست */
html{scroll-padding-top:calc(var(--hh) + var(--emp-adminbar) + 16px)}

/* فقط خود نوار هدر می‌چسبد؛ نوار اعلان و اطلاعات همراه صفحه اسکرول می‌شوند.
   هیچ چیزی هنگام اسکرول ارتفاعش عوض نمی‌شود، پس صفحه نمی‌پرد. */
.emp-header{position:sticky;top:var(--emp-adminbar);z-index:100;transition:background .35s,border-color .35s,box-shadow .35s,color .35s,transform .38s var(--ease)}
.emp-header.is-hidden{transform:translateY(calc(-100% - var(--emp-adminbar) - 4px))}
body.is-stuck .emp-header{background:rgba(255,255,255,.96);box-shadow:0 10px 30px -18px rgba(46,15,19,.45)}
body.is-nav-open .emp-header{z-index:170;transform:none}

/* هدر شفاف روی هیرو: هیرو به‌اندازه ارتفاع هدر زیر آن می‌رود */
body.emp-has-hero .emp-header{margin-bottom:calc(-1 * (var(--hh) + 1px))}
body.emp-has-hero.is-stuck .emp-header{color:var(--emp-deep)}
body.emp-has-hero.is-stuck .emp-wordmark__fa{color:var(--emp-deep)}
body.emp-has-hero.is-stuck .emp-logo img{filter:none}

/* دسکتاپ: دکمه‌های منو و بستن هرگز دیده نمی‌شوند */
@media (min-width:981px){
	.emp-burger,.emp-nav__head,.emp-nav__close{display:none!important}
	.emp-nav{position:static!important;transform:none!important;visibility:visible!important;width:auto;padding:0;overflow:visible;background:transparent}
}

/* تبلت و موبایل: یک دکمه‌ی منو + پنل کشویی با سربرگ و دکمه‌ی بستن */
.emp-nav__head{display:none}
@media (max-width:980px){
	.emp-header,body.emp-has-hero:not(.is-stuck) .emp-header{-webkit-backdrop-filter:none;backdrop-filter:none}
	.emp-nav__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-.2rem 0 .6rem;padding-bottom:.6rem;border-bottom:1px solid var(--emp-line);font:700 1.15rem/1 var(--f-head);color:var(--emp-deep)}
	.emp-nav__close{margin:0}
	.emp-nav{box-shadow:-20px 0 50px -20px rgba(0,0,0,.45)}
	html[dir=ltr] .emp-nav{box-shadow:20px 0 50px -20px rgba(0,0,0,.45)}
}
@media (prefers-reduced-motion:reduce){.emp-header{transition:none}}