/* site-skin.css — هدر گرادیانی و رنگ‌بندی صفحهٔ اصلی (index.html) برای بقیهٔ صفحات سایت.
   بعد از css/public-header.css لینک می‌شود. فقط ظاهر را عوض می‌کند؛ ساختار هدر، منوها و رفتار آن
   (js/public-header.js) دست‌نخورده است و منوی هر صفحه (عمومی / مدیریت / کاربر) همان قبلی می‌ماند.
   صفحهٔ اصلی (body.home) استایل خودش را دارد و اینجا دست نمی‌خورد. */

/* ---- توکن‌های رنگ صفحهٔ اصلی (روشن / تاریک) ---- */
html:root{--accent2:#F0458F;--soft:#EEF2FC;--chip-bg:#2447C814;--chip-fg:#2447C8;--hero-1:#1E8BE6;--hero-2:#2447C8;--hero-3:#3B2DB0}
html[data-theme="dark"]:root{--soft:#1A2444;--chip-bg:#5B80FF26;--chip-fg:#B7C8FF;--hero-1:#0F4C9E;--hero-2:#1A2F8C;--hero-3:#2A1B6B}

/* ---- هدر: نوار گرادیانی چسبان، تمام‌عرض ---- */
body:not(.home) .site-header{
  position:sticky;top:0;z-index:1000;width:100%;max-width:none;margin:0;border:0;border-radius:0;color:#fff;
  background:
    radial-gradient(620px 420px at 88% 8%,rgba(255,255,255,.16),transparent 62%),
    radial-gradient(520px 380px at 8% 92%,rgba(240,69,143,.30),transparent 66%),
    radial-gradient(rgba(255,255,255,.11) 1.2px,transparent 1.5px) 0 0/26px 26px,
    linear-gradient(135deg,var(--hero-1) 0%,var(--hero-2) 55%,var(--hero-3) 100%);
  transition:box-shadow .35s;
}
body:not(.home) .site-header[data-audience="admin"]{border-top:0}
body:not(.home) .site-header-inner{padding:16px 20px;transition:padding .35s ease,min-height .35s ease}
body:not(.home) .brand-logo{filter:brightness(0) invert(1)}
body:not(.home) .nav-link,body:not(.home) .nav-toggle,body:not(.home) .icon-btn{color:#fff}
body:not(.home) .nav-link:hover,body:not(.home) .nav-item[open]>.nav-link,body:not(.home) .nav-toggle:hover,body:not(.home) .icon-btn:hover{background:rgba(255,255,255,.15);color:#fff}
body:not(.home) .nav-link[aria-current="page"]{background:rgba(255,255,255,.2);color:#fff}
body:not(.home) .theme-switch{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}
body:not(.home) .theme-switch-knob{background:#fff;color:var(--gold)}
body:not(.home) .theme-switch[aria-checked="true"]{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}
body:not(.home) .theme-switch[aria-checked="true"] .theme-switch-knob{background:#fff;color:var(--hero-3)}
body:not(.home) .join-btn{background:linear-gradient(135deg,#FF5BA2,#8E3CF0);border-radius:999px;padding:0 22px;box-shadow:0 8px 20px rgba(142,60,240,.38);transition:transform .25s,box-shadow .25s}
body:not(.home) .join-btn:hover{filter:none;transform:translateY(-2px);box-shadow:0 12px 26px rgba(142,60,240,.5)}
body:not(.home) .user-menu-trigger{color:#fff;border-color:rgba(255,255,255,.45)}
body:not(.home) .user-menu-trigger:hover,body:not(.home) .user-menu-trigger[aria-expanded="true"]{background:rgba(255,255,255,.15)}
body:not(.home) .search-bar.open{background:rgba(20,36,150,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.2)}
body:not(.home) .search-bar input{background:rgba(255,255,255,.97);color:#1B2340;border-color:transparent;border-radius:999px;padding-inline:18px}
/* برچسب «مدیریت» کنار لوگو در صفحات مدیریتی */
body:not(.home) .brand-role{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45);color:#fff}
/* منوی مدیریت: آیتم‌ها روی گرادیان خوانا بمانند */
body:not(.home) .site-header[data-audience="admin"] .nav-link{color:#fff}

/* منوی کشویی و پردهٔ تیره‌اش باید بالاتر از هدر باشند */
body:not(.home) .nav-scrim{z-index:1001}
body:not(.home) .mobile-drawer{z-index:1002}

/* ---- اندازه‌ها (همان اندازه‌های صفحهٔ اصلی) ---- */
@media (max-width:900px){body:not(.home) .site-header-inner{padding:10px 14px}}
@media (max-width:767px){
  body:not(.home) .site-header-inner{padding:14px 14px;min-height:84px}
  body:not(.home) .brand-logo.logo-mask{height:54px;max-width:210px;top:2px}
  body:not(.home) .nav-toggle,body:not(.home) .icon-btn{width:50px;height:50px}
  body:not(.home) .nav-toggle svg,body:not(.home) .icon-btn svg{width:28px;height:28px}
  body:not(.home) .nav-toggle{width:56px;height:56px;position:relative;top:-5px}
  body:not(.home) .nav-toggle svg{width:34px;height:34px}
}
@media (min-width:768px){
  body:not(.home) .site-header-inner{padding-block:16px}
  body:not(.home) .brand-logo.logo-mask{height:56px;max-width:224px}
  body:not(.home) .user-menu-trigger{gap:10px;padding:5px 6px 5px 12px;max-width:270px}
  body:not(.home) .user-avatar{width:40px;height:40px}
  body:not(.home) .user-menu-name{font-size:15px;font-weight:600}
}

/* ---- منوی موبایل: روی زمینهٔ سفید/تاریک منو (نه روی گرادیان) ---- */
body:not(.home) .mobile-drawer .theme-switch{background:var(--bg);border-color:var(--line)}
body:not(.home) .mobile-drawer .theme-switch-knob{background:var(--card);color:var(--gold)}
body:not(.home) .mobile-drawer .theme-switch[aria-checked="true"]{background:var(--primary);border-color:var(--primary)}
body:not(.home) .mobile-drawer .theme-switch[aria-checked="true"] .theme-switch-knob{background:#fff;color:var(--primary)}
body:not(.home) .mobile-drawer .theme-switch:not([aria-checked="true"]){background:#DCE4F7;background:color-mix(in srgb,var(--primary) 16%,var(--card));border-color:#AEBCE6}
body:not(.home) .mobile-drawer .theme-switch:not([aria-checked="true"]) .theme-switch-knob{background:#fff;color:var(--gold);box-shadow:0 1px 4px rgba(27,35,64,.40)}
body:not(.home) .mobile-drawer .brand-logo{filter:none}
body:not(.home) .mobile-drawer .drawer-close-row button,body:not(.home) .mobile-drawer .icon-btn,body:not(.home) .mobile-drawer .nav-toggle{color:var(--text)}
body:not(.home) .mobile-drawer .drawer-close-row button:hover{background:var(--bg);color:var(--text)}
body:not(.home) .mobile-drawer .drawer-close-row button:not(.theme-switch){width:40px;height:40px}
body:not(.home) .mobile-drawer .drawer-close-row svg{width:22px;height:22px}
body:not(.home) .mobile-drawer .drawer-close-row{top:0;height:59px;align-items:center}
body:not(.home) .mobile-drawer .drawer-logo,body:not(.home) .mobile-drawer .drawer-logo>*{display:flex;align-items:center;line-height:0}
body:not(.home) .mobile-drawer .drawer-logo .brand-logo.logo-mask{width:158px;height:45px;max-width:none;aspect-ratio:auto;top:0;margin:0;display:block}

/* ---- هدر چسبان: بعد از کمی اسکرول کوچک می‌شود (js/site-skin.js کلاس hdr-stuck را می‌گذارد) ---- */
body:not(.home) .brand-logo.logo-mask{transition:height .35s ease,max-width .35s ease,top .35s ease}
body:not(.home) .site-header-inner .nav-toggle,body:not(.home) .site-header-inner .icon-btn{transition:width .35s ease,height .35s ease,top .35s ease,background .2s,color .2s}
body:not(.home) .user-avatar{transition:width .35s ease,height .35s ease}
body:not(.home).hdr-stuck .site-header{box-shadow:0 6px 18px rgba(10,22,90,.28)}
body:not(.home).hdr-stuck .site-header-inner{padding-block:6px;min-height:0}
body:not(.home).hdr-stuck .site-header-inner .brand-logo.logo-mask{height:36px;max-width:150px;top:0}
body:not(.home).hdr-stuck .site-header-inner .icon-btn{width:38px;height:38px}
body:not(.home).hdr-stuck .site-header-inner .icon-btn svg{width:22px;height:22px}
body:not(.home).hdr-stuck .site-header-inner .nav-toggle{width:40px;height:40px;top:0}
body:not(.home).hdr-stuck .site-header-inner .nav-toggle svg{width:26px;height:26px}
body:not(.home).hdr-stuck .site-header-inner .user-avatar{width:30px;height:30px}
body:not(.home).hdr-stuck .site-header-inner .join-btn{height:36px;min-height:0}
@media (max-width:767px){body:not(.home).hdr-stuck .site-header-inner{padding-inline:12px}}

/* دکمهٔ شناور قدیمی تغییر تم (صفحهٔ مقاله): سوییچ تم خودِ هدر جایگزین آن است */
body:not(.home) .theme-toggle{display:none!important}

/* ---- اجزای مشترک هم‌شکل صفحهٔ اصلی: دکمه‌های گرد گرادیانی، کارت‌های گردتر، عنوان بخش با نوار رنگی ---- */
body:not(.home) .button:not(.secondary):not(.danger){background:linear-gradient(135deg,var(--primary2),var(--primary));border-radius:999px}
body:not(.home) .button.secondary{background:var(--soft);color:var(--primary);border-radius:999px}
body:not(.home) .button.danger{border-radius:999px}
body:not(.home) .card{border-radius:20px}
body:not(.home) .settings-list{border-radius:20px}
body:not(.home) .section-title::before{background:linear-gradient(180deg,var(--accent2),var(--gold))}
body:not(.home) :focus-visible{outline-color:var(--gold)}
@media (prefers-reduced-motion:reduce){body:not(.home) .site-header,body:not(.home) .site-header-inner,body:not(.home) .brand-logo.logo-mask{transition:none}}

/* آیکن عمومی آیتم‌های منوی موبایل که آیکن اختصاصی ندارند (منوی مدیریت) */
.dm-list [data-dm-icon="dot"]{--dm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='4'/%3E%3Cpath d='M9 12h6'/%3E%3C/svg%3E")}

/* کارت‌های مقالهٔ مرتبط و اجزای صفحهٔ مقاله: هم‌شکل کارت‌های صفحهٔ اصلی */
body:not(.home) .article-card{border-radius:22px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
body:not(.home) .article-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(36,71,200,.16);border-color:transparent;filter:none}
body:not(.home) .article-cover-wrap img{transition:transform .6s}
body:not(.home) .article-card:hover .article-cover-wrap img{transform:scale(1.05)}
body:not(.home) .toc-box,body:not(.home) .adj-card{border-radius:18px}
body:not(.home) .art-cover-wrap{border-radius:22px}