/* aiXhse — هدر، منوی کشویی و فوتر مشترک (الهام‌گرفته از NVIDIA، با تم زرد-مشکی aiXhse)
   روی صفحه‌های سروری (body.axc) و روی SPA (فقط منو و فوتر) بارگذاری می‌شود.
   روز/شب: data-theme روی <html>؛ بدون آن prefers-color-scheme.  زبان: dir و lang روی <html>. */

:root{--cx-bg:#F9F9F9;--cx-ink:#111;--cx-mute:#555;--cx-line:#D6D6D6;--cx-sheet:#fff;--cx-sheet2:#F3F3F3;--cx-cta:#EED202;--cx-cta-h:#D9BF00;--cx-icon:#6E6990;--cx-focus:#EED202}
:root[data-theme=dark]{--cx-bg:#111;--cx-ink:#F2F2F2;--cx-mute:#B8B8B8;--cx-line:#3A3A3A;--cx-sheet:#1A1A1A;--cx-sheet2:#242424;--cx-icon:#ADA8CF}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--cx-bg:#111;--cx-ink:#F2F2F2;--cx-mute:#B8B8B8;--cx-line:#3A3A3A;--cx-sheet:#1A1A1A;--cx-sheet2:#242424;--cx-icon:#ADA8CF}}

.ax-icon{width:1.5em;height:1.5em;vertical-align:middle;display:inline-block;flex:none;color:var(--cx-icon)}
img.ax-logo--night{display:none!important}
:root[data-theme=dark] img.ax-logo--day{display:none!important}
:root[data-theme=dark] img.ax-logo--night{display:inline-block!important}
@media(prefers-color-scheme:dark){:root:not([data-theme]) img.ax-logo--day{display:none!important}:root:not([data-theme]) img.ax-logo--night{display:inline-block!important}}

/* ================= هدر (صفحه‌های سروری) — همان ظاهر هدر خانه ================= */
.axc .skip{position:absolute;inset-inline-start:8px;top:-60px;z-index:100;background:var(--cx-cta);color:#111;padding:8px 14px;font-weight:800;text-decoration:none;border-radius:6px}
.axc .skip:focus{top:8px}
.axc .bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:var(--cx-bg);color:var(--cx-ink);margin-bottom:18px;padding:6px 10px}
.axc .bar::after{content:"";position:absolute;inset-inline:0;top:100%;height:18px;background:url(/assets/img/ax-hz.svg) repeat-x 0 0/auto 100%;pointer-events:none}
:root[data-theme=dark] .axc .bar::after{background-image:url(/assets/img/ax-hz-dark.svg)}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .axc .bar::after{background-image:url(/assets/img/ax-hz-dark.svg)}}
[dir=rtl] .axc .bar::after{transform:scaleX(-1)}
.axc .bar-in{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1240px;margin-inline:auto;min-height:56px;padding:0 2px;gap:0}
.axc .hb-s,.axc .hb-e{display:flex;align-items:center;position:relative;z-index:3}
.axc .bar .brand{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);width:clamp(110px,calc(100vw - 206px),176px);margin:0;display:block;z-index:2}
[dir=rtl] .axc .bar .brand{transform:translate(50%,-50%)}
.axc .bar .brand img{width:100%;height:auto;display:block}
.axc .bar .ib2,.axc .bar .tb{min-width:30px;height:44px;padding:0 3px;border:0;background:transparent;border-radius:8px;display:inline-grid;place-items:center;color:var(--cx-ink);text-decoration:none;position:relative;cursor:pointer;font:inherit}
.axc .bar .ib2:hover,.axc .bar .tb:hover{background:var(--cx-sheet2)}
.axc .bar .ax-icon{width:23px;height:23px}
.axc .bar #lang{display:inline-flex;align-items:center;gap:2px;font-weight:800;min-width:30px;padding:0 3px}
.axc .bar #lang b{font-size:.7rem;letter-spacing:.02em}
.axc .badge{position:absolute;inset-block-start:2px;inset-inline-end:0;min-width:18px;height:18px;border-radius:9px;background:var(--cx-cta);color:#111;font-size:.7rem;font-weight:800;display:grid;place-items:center;padding:0 4px;border:1.5px solid var(--cx-bg);font-style:normal}
.axc .badge[hidden]{display:none}
.axc .authb .av{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block;outline:2px solid var(--cx-cta);outline-offset:1px}
.axc .dnav{display:none}
@media(max-width:600px){.axc #lang b{display:none}.axc #bell{display:none!important}}
@media(min-width:901px){
 .axc .bar{padding:8px 18px;margin-bottom:16px}
 .axc .bar::after{height:16px}
 .axc .bar-in{justify-content:flex-start;gap:8px;min-height:64px;padding:0 2px}
 .axc .bar .brand{position:static;transform:none!important;width:176px;flex:none;margin-inline:6px 10px}
 .axc .bar .mbtn{display:none}
 .axc .dnav{display:flex;align-items:center;gap:2px;flex:1}
 .axc .dn{padding:10px 12px;font-weight:700;font-size:.93rem;color:var(--cx-ink);text-decoration:none;border-bottom:4px solid transparent;white-space:nowrap}
 .axc .dn:hover{border-bottom-color:var(--cx-ink)}
 .axc .dn.on{border-bottom-color:var(--cx-cta)}
 .axc .bar .hb-e{margin-inline-start:auto}
 .axc .bar .ib2,.axc .bar .tb{min-width:40px}
}
.axc :focus-visible{outline:3px solid var(--cx-ink);outline-offset:2px}

/* جست‌وجو */
.axc .sbox{position:absolute;inset-inline:0;top:100%;background:var(--cx-bg);border-bottom:2px solid var(--cx-ink);box-shadow:0 14px 28px rgba(0,0,0,.25);z-index:70}
.axc .sbox[hidden]{display:none}
.axc .sbox-in{max-width:760px;margin:0 auto;padding:12px}
.axc #sinp{width:100%;min-height:50px;font:inherit;font-size:16px;padding:0 14px;border:2px solid var(--cx-ink);background:var(--cx-sheet);color:var(--cx-ink);border-radius:6px}
.axc .sres{display:grid;margin-top:6px;max-height:60vh;overflow:auto}
.axc .sr{display:flex;gap:12px;align-items:center;padding:10px 6px;min-height:50px;text-decoration:none;color:var(--cx-ink);border-bottom:1px solid var(--cx-line);font-weight:600}
.axc .sr:hover,.axc .sr:focus-visible{background:var(--cx-sheet2)}
.axc .sr0{margin:10px 4px;color:var(--cx-mute)}

/* ================= منوی کشویی — مشکی، مثل NVIDIA (هم SPA هم صفحه‌های سروری) ================= */
.drawer{position:fixed;inset:0;z-index:50;top:86px}
.drawer[hidden]{display:none}
.dv{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .25s}
.drawer.open .dv{opacity:1}
.dp{position:absolute;inset-block:0;inset-inline-start:0;width:100%;background:#000;color:#fff;display:flex;flex-direction:column;box-shadow:none;transform:translateX(100%);transition:transform .25s ease;overflow:hidden}
[dir=ltr] .dp{transform:translateX(-100%)}
.drawer .dp{background-color:#000}
.drawer.open .dp{transform:none}
@media(min-width:601px){.dp{width:min(430px,92vw)}}
.dh{display:none}
.dl{flex:1 1 auto;overflow:auto;padding-block:6px;overscroll-behavior:contain}
#dl>*:nth-child(n),.dl>*:nth-child(n){background:transparent}
.drawer .di{display:flex;align-items:center;gap:16px;width:100%;padding:16px 22px;border:0;border-bottom:1px solid #262626;background:transparent;color:#fff;font:inherit;font-size:1.08rem;font-weight:600;text-decoration:none;text-align:start;border-radius:0;min-height:56px;cursor:pointer}
.drawer .di span{flex:1 1 auto}
.drawer .di .ax-icon{width:26px;height:26px;color:#EED202}
.drawer .di:hover,.drawer .di:focus-visible{background:#161616}
.drawer .di:focus-visible{outline:3px solid #EED202;outline-offset:-3px}
.drawer .di.on{color:#EED202;font-weight:800;box-shadow:inset 5px 0 0 #EED202}
[dir=ltr] .drawer .di.on{box-shadow:inset -5px 0 0 #EED202}
.drawer .di-row{display:flex;align-items:stretch;border-bottom:1px solid #262626}
.drawer .di-row>.di{border:0;flex:1 1 auto;min-width:0}
.drawer .acb{width:60px;flex:none;border:0;border-inline-start:1px solid #262626;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.drawer .acb:hover,.drawer .acb:focus-visible{background:#161616}
.drawer .acb:focus-visible{outline:3px solid #EED202;outline-offset:-3px}
.drawer .acb i{width:11px;height:11px;border:solid currentColor;border-width:0 3px 3px 0;transform:rotate(45deg) translateY(-2px);transition:transform .28s}
.drawer .ac.open>.di-row .acb i{transform:rotate(-135deg) translateY(-2px)}
.drawer .ac-b{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s ease,visibility 0s .3s;background:#0d0d0d;border-inline-start:4px solid #EED202}
.drawer .ac.open>.ac-b{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .3s ease,visibility 0s}
.drawer .ac-i{overflow:hidden;min-height:0}
.drawer .ac-b .di{font-weight:500;font-size:1rem;min-height:50px;padding-block:12px;color:#E6E6E6}
.drawer .d1{padding-inline-start:26px}.drawer .d2{padding-inline-start:40px;font-size:.96rem}.drawer .d3{padding-inline-start:54px}
.drawer .ac-b .ac-b{background:#080808}
.drawer .df{padding:14px 18px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #262626;display:grid;gap:10px;background:#000}
.drawer .df .di{border:0;padding:10px 4px;min-height:48px}
.drawer .df .btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 16px;border-radius:8px;background:#EED202;color:#111;border:2px solid #EED202;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.drawer .df .btn:hover{background:#D9BF00}
.noscroll{overflow:hidden}
@media(prefers-reduced-motion:reduce){.dp,.dv,.drawer .ac-b,.drawer .acb i{transition:none}}
@media(min-width:901px){.drawer{display:none!important}}

/* ================= فوتر — چندستونه مثل NVIDIA ================= */
.axf{--f-ink:#fff;--f-mute:#A8A8A8;--f-line:#2e2e2e;--f-link:#EED202;margin-top:48px;color:var(--f-ink);font-size:1rem;line-height:1.7;text-align:start;position:relative;z-index:1}
.axf [data-l=en]{display:none}
:root[lang=en] .axf [data-l=fa]{display:none}
:root[lang=en] .axf [data-l=en]{display:revert}
.axf .hz{display:block;height:16px;background:url(/assets/img/ax-hz.svg) repeat-x 0 0/auto 100%}
:root[data-theme=dark] .axf .hz{background-image:url(/assets/img/ax-hz-dark.svg)}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .axf .hz{background-image:url(/assets/img/ax-hz-dark.svg)}}
[dir=rtl] .axf .hz{transform:scaleX(-1)}
.axf-wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(18px,4vw,40px)}
.axf-top{background:#000;padding-block:36px 28px}
:root[data-theme=dark] .axf-top{background:#050505}
.axf-cols{display:grid;grid-template-columns:1fr;gap:0 40px}
.axf-col h2{margin:0;border-bottom:1px solid var(--f-line);font-size:1.3rem;font-weight:700;line-height:1.5;color:var(--f-ink)}
.axf-hb{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;cursor:pointer;color:var(--f-ink);font:inherit;font-weight:700}
.axf-hb:focus-visible{outline:3px solid #fff;outline-offset:2px}
.axf-chev{width:22px;height:22px;flex:none;color:var(--f-link);transition:transform .2s}
.axf-col.open .axf-chev{transform:rotate(180deg)}
.axf-col ul{padding-block:6px 10px}
@media(max-width:699px){.axjs .axf-col:not(.open) ul{display:none}}
@media(min-width:700px){.axf-hb{cursor:default;pointer-events:none;min-height:0;padding-block:22px 12px}.axf-chev{display:none}}
@media(prefers-reduced-motion:reduce){.axf-chev{transition:none}}
.axf-col ul,.axf-soc,.axf-legal{list-style:none;margin:0;padding:0}
.axf-col li a{display:inline-flex;align-items:center;gap:6px;min-height:46px;color:var(--f-link);text-decoration:none;font-size:1rem}
.axf-col li a:hover{text-decoration:underline;text-underline-offset:4px}
.axf a:focus-visible,.axf button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.axf-row{display:grid;gap:26px;margin-top:34px;padding-top:28px;border-top:1px solid var(--f-line)}
.axf-subt{margin:0 0 10px;font-size:1.15rem;font-weight:700;color:var(--f-ink)}
.axf-subb{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.axf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:6px 26px;border-radius:8px;background:#EED202;color:#111;font-weight:800;text-decoration:none;border:2px solid #EED202}
.axf-btn:hover{background:#D9BF00;border-color:#D9BF00}
.axf-rss{display:inline-flex;align-items:center;min-height:46px;color:var(--f-link);font-weight:700;text-decoration:none}
.axf-rss:hover{text-decoration:underline;text-underline-offset:4px}
.axf-soc{display:flex;flex-wrap:wrap;gap:10px}
.axf-soc a{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid #4a4a4a;border-radius:50%;background:transparent;color:#fff;text-decoration:none}
.axf-soc .ax-icon{width:24px;height:24px;color:#d8d8d8}
.axf-soc a:hover{background:#EED202;border-color:#EED202}
.axf-soc a:hover .ax-icon{color:#111}
/* نوار پایین روشن/تیره مثل بخش سفید NVIDIA */
.axf-bot{background:var(--cx-sheet);color:var(--cx-mute);padding-block:26px calc(26px + env(safe-area-inset-bottom,0px))}
.axf-bot .axf-wrap{display:grid;gap:14px;justify-items:start}
.axf-logo{display:inline-block;width:150px}
.axf-logo img{width:100%;height:auto;display:block}
.axf-legal{display:flex;flex-wrap:wrap;gap:0}
.axf-legal li{display:flex;align-items:center}
.axf-legal li+li::before{content:"";width:1px;height:20px;background:var(--cx-line);margin-inline:16px}
.axf-legal a{display:inline-flex;align-items:center;min-height:44px;color:var(--cx-mute);text-decoration:none;font-size:1.02rem}
.axf-legal a:hover{color:var(--cx-ink);text-decoration:underline;text-underline-offset:4px}
.axf-bot a:focus-visible,.axf-bot button:focus-visible{outline:3px solid var(--cx-ink);outline-offset:3px}
.axf-bot .sign{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.95rem;color:var(--cx-mute)}
.axf-bot .sign:empty{display:none}
.axf-bot .sign a{color:var(--cx-mute)}
.axf-copy{margin:0;font-size:.95rem;color:var(--cx-mute)}
.axf-copy b{color:var(--cx-ink)}
.axf-up{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;background:#EED202;color:#111;border:2px solid #EED202;border-radius:8px;font:inherit;font-weight:800;cursor:pointer}
.axf-up:hover{background:#D9BF00}
.axf-up .ax-icon{width:22px;height:22px;color:#111}
@media(min-width:700px){.axf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:901px){
 .axf-cols{grid-template-columns:repeat(4,minmax(0,1fr))}
 .axf-row{grid-template-columns:1fr 1fr;align-items:start}
 .axf-bot .axf-wrap{grid-template-columns:auto 1fr auto;align-items:center;gap:14px 30px}
 .axf-logo{grid-row:1;grid-column:1}
 .axf-legal{grid-row:1;grid-column:2;justify-content:center}
 .axf-up{grid-row:1;grid-column:3;justify-self:end}
 .axf-bot .sign{grid-column:1/-1;grid-row:2}
 .axf-copy{grid-column:1/-1;grid-row:3}
}
@media print{.bar,.axf,.drawer{display:none!important}}
@media(forced-colors:active){.axc .bar::after,.axf .hz{display:none}}
