/* ============================================================================
   ch-118 — نشانه‌های اشتراک در قاب سایت (همه‌ی صفحه‌ها):
   - دکمه‌ی سربرگ عمومی به‌جای «شروع سنجش» (commerce/templatetags/subscription_tags.py، subscription_header_cta)
     ch-122: در گوشی هم هست (فشرده، «اشتراک»)؛ چیپ سربرگ پنل بازطراحی شد (زغالی توپر برای خرید، روشن برای فعال)
   - چیپ سربرگ پنل دانشجو و گزینه‌ی منوی حساب (subscription_panel_chip و subscription_menu_item)
   رنگ دکمه همان دکمه‌ی اصلی سربرگ است. فقط برچسب کوچک روزهای مانده یا «پایان یافته» اضافه می‌شود.
   ============================================================================ */

/* ── سربرگ عمومی ─────────────────────────────────────────────────────────── */
.pub-sub{gap:7px}
.pub-sub .pub-sub__l{white-space:nowrap}
.pub-sub .pub-sub__d{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;background:rgba(24,26,29,.13);
  font-size:11px;font-weight:800;line-height:1.75;white-space:nowrap}
.pub-sub .pub-sub__d[hidden]{display:none}
.pub-sub.is-expired .pub-sub__d::before{content:"";width:6px;height:6px;border-radius:50%;background:#c2410c}
.pub-sub:focus-visible{outline:2px solid var(--tk-ink,#15171a);outline-offset:2px}

/* ch-122: در گوشی هم دیده می‌شود، کنار «ورود / پنل»: فقط نشان الماس و واژه‌ی «اشتراک» (pub-sub__s)، بی برچسب بلند و بی روزشمار.
   دکمه‌ی اشتراک همان دکمه‌ی اصلی طلایی است و «ورود / پنل» کنارش به حالت ساده (ghost) برمی‌گردد (قاعده‌ی hdr8 که در نبود
   این دکمه «ورود» را طلایی می‌کرد، با :has فقط وقتی دکمه‌ی اشتراک هست کنار می‌رود). */
.pub-sub .pub-sub__s{display:none}
@media (max-width:640px){
  .pub-mnav-cta .tk-btn.pub-sub{display:none!important}
  .tk-public-header .tk-btn.pub-sub{display:inline-flex!important;height:38px;padding:0 13px 0 11px;gap:6px;margin-inline-start:2px;font-size:13px;box-shadow:none}
  .tk-public-header .tk-btn.pub-sub svg{display:block;width:17px;height:17px}      /* قاعده‌ی عمومی نشان pub-start را در گوشی پنهان می‌کند */
  .tk-public-header .pub-sub .pub-sub__l,.tk-public-header .pub-sub .pub-sub__d{display:none}
  .tk-public-header .pub-sub .pub-sub__s{display:inline;font-weight:800}
  .tk-public-header .pub-nav-right:has(.pub-sub) .tk-btn.pub-login,
  .tk-public-header .pub-nav-right:has(.pub-sub) [data-public-auth-link]{background:var(--tk-surface,#fff)!important;border-color:var(--tk-line-strong,rgba(26,28,31,.16))!important;color:var(--tk-ink,#1a1c1f)!important;font-weight:700!important}
}
@media (max-width:400px){
  .tk-public-header .tk-btn.pub-sub{height:36px;padding:0 11px 0 9px;font-size:12.5px}
}
@media (max-width:374px){
  .tk-public-header .pub-theme{display:none}                          /* جا برای دکمه‌ی اشتراک کنار «ورود» */
}
@media (max-width:340px){
  .tk-public-header .tk-btn.pub-sub{width:36px;padding:0;justify-content:center}
  .tk-public-header .pub-sub .pub-sub__s{display:none}                 /* فقط نشان الماس */
}

/* ── سربرگ پنل دانشجو ────────────────────────────────────────────────────── */
/* ch-122: چیپ اشتراک دیگر کپی چیپ کیف پول (دایره‌ی زرد + قاب) نیست. «خرید اشتراک» یک پیل توپر ذغالی با الماس کهربایی است؛
   اشتراک فعال و پایان‌یافته یک پیل روشن ساده با الماس هم‌رنگ وضعیت. بدون سایه، بدون قاب. */
.skh .skh-sub{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0;padding-inline:12px 14px;margin-inline-end:4px;
  border:0;border-radius:999px;background:var(--sk-surface-2,#f3f2ee);color:var(--sk-ink);white-space:nowrap;text-decoration:none;
  transition:background-color .15s var(--sk-ease,ease),color .15s var(--sk-ease,ease)}
.skh .skh-sub:hover{background:var(--sk-line,#e6e4df);box-shadow:none}
.skh .skh-sub:focus-visible{outline:2px solid var(--sk-amber);outline-offset:2px}
.skh .skh-sub__ic{display:grid;place-items:center;width:auto;height:auto;border-radius:0;background:none;color:#8a6500}
.skh .skh-sub__ic svg{width:17px;height:17px}
.skh .skh-sub b{font-size:13px;font-weight:800}
.skh .skh-sub small{font-size:11px;font-weight:700;color:var(--sk-ink-faint)}
.skh .skh-sub.is-none{background:#181a1d;color:#fff}
.skh .skh-sub.is-none:hover{background:#2a2d33}
.skh .skh-sub.is-none .skh-sub__ic{color:var(--sk-amber,#ffc218)}
.skh .skh-sub.is-active .skh-sub__ic{color:#0f766e}
.skh .skh-sub.is-expired .skh-sub__ic{color:#c2410c}
.skh .skh-sub.is-expired small{color:#c2410c}
.skh .skh-sub-end{color:#c2410c}
html[data-theme="dark"] .skh .skh-sub{background:var(--sk-surface-2,var(--sk-surface))}
html[data-theme="dark"] .skh .skh-sub:hover{background:var(--sk-line-strong,var(--sk-line))}
html[data-theme="dark"] .skh .skh-sub.is-none{background:var(--sk-amber,#ffc218);color:#181a1d}
html[data-theme="dark"] .skh .skh-sub.is-none:hover{background:#ffd04a}
html[data-theme="dark"] .skh .skh-sub.is-none .skh-sub__ic{color:#181a1d}
html[data-theme="dark"] .skh .skh-sub.is-active .skh-sub__ic{color:#5eead4}
html[data-theme="dark"] .skh .skh-sub.is-expired .skh-sub__ic,
html[data-theme="dark"] .skh .skh-sub.is-expired small,
html[data-theme="dark"] .skh .skh-sub-end{color:#fb923c}
@media (forced-colors:active){.skh .skh-sub{border:1px solid CanvasText}}
/* مثل بقیه‌ی skh-hide-md در سربرگ باریک پنهان می‌شود. display بالا قاعده‌ی پنل را می‌پوشاند، پس همان دو شرط اینجا تکرار شده است. */
@container skh (max-width: 940px){.skh .skh-sub.skh-hide-md{display:none}}
@media (max-width: 760px){.skh .skh-sub.skh-hide-md{display:none}}

/* ── کارت اشتراک داشبورد دانشجو ─────────────────────────────────────────── */
.skd-panel.sbd{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;margin-bottom:0;padding:16px 18px}  /* ch-122: فاصله‌ی باکس‌های داشبورد همان gap شبکه (12px) است؛ حاشیه‌ی پایین برداشته شد */
.sbd .sbd-main{display:flex;align-items:center;gap:13px;flex:1 1 260px;min-width:0}
.sbd .sbd-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--sk-amber-soft);color:#8a6500}
.sbd .sbd-ic svg{width:22px;height:22px}
.sbd.is-active .sbd-ic{background:rgba(15,118,110,.12);color:#0f766e}
.sbd.is-expired .sbd-ic{background:rgba(194,65,12,.1);color:#c2410c}
.sbd .sbd-t h2{margin:0;font-size:15px;font-weight:800;line-height:1.7}
.sbd .sbd-t p{margin:0;font-size:12.5px;line-height:1.9;color:var(--sk-ink-soft)}
.sbd .sbd-q{display:flex;gap:8px;margin:0;padding:0;list-style:none;flex-wrap:wrap}
.sbd .sbd-q li{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;padding:7px 12px;border-radius:12px;background:var(--sk-surface-2,#f5f5f2)}
.sbd .sbd-q b{font-size:17px;font-weight:900;line-height:1.4}
.sbd .sbd-q span{font-size:11px;color:var(--sk-ink-faint);white-space:nowrap}
.sbd .sbd-q li.is-none b{font-size:12.5px;font-weight:700;color:var(--sk-ink-faint)}
.sbd .sbd-acts{display:flex;gap:8px;flex-wrap:wrap}
html[data-theme="dark"] .sbd.is-active .sbd-ic{background:rgba(94,234,212,.14);color:#5eead4}
html[data-theme="dark"] .sbd .sbd-ic{color:var(--sk-amber)}
@media (max-width:640px){.sbd .sbd-q{width:100%}.sbd .sbd-q li{flex:1;min-width:0}.sbd .sbd-acts{width:100%}.sbd .sbd-acts .sk-btn{flex:1;justify-content:center}}

/* ── «حالت فروش» در تنظیمات قیمت آزمون و بسته (subscriptions/_sale_mode_field.html) ─────────── */
.sbm{display:grid;gap:10px;margin:2px 0 16px}
.sbm .sbm-label{font-size:12.5px;font-weight:700;color:var(--sk-ink-soft)}
.sbm .sbm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sbm .sbm-card{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:3px 10px;align-items:start;padding:13px 14px;border:1.5px solid var(--sk-line);
  border-radius:14px;background:var(--sk-surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.sbm .sbm-card:hover{border-color:var(--sk-line-strong)}
.sbm .sbm-card input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.sbm .sbm-card__dot{grid-row:span 2;width:18px;height:18px;margin-top:3px;border-radius:50%;border:2px solid var(--sk-line-strong);background:var(--sk-surface);transition:border-color .15s ease,box-shadow .15s ease}
.sbm .sbm-card__t{font-size:13.5px;font-weight:800;color:var(--sk-ink);line-height:1.8}
.sbm .sbm-card__d{font-size:11.5px;line-height:1.85;color:var(--sk-ink-faint)}
.sbm .sbm-card.is-on,.sbm .sbm-card:has(input:checked){border-color:var(--sk-amber);background:var(--sk-amber-soft)}
.sbm .sbm-card.is-on .sbm-card__dot,.sbm .sbm-card:has(input:checked) .sbm-card__dot{border-color:#181a1d;box-shadow:inset 0 0 0 4px var(--sk-surface);background:#181a1d}
.sbm .sbm-card.is-subscription.is-on,.sbm .sbm-card.is-subscription:has(input:checked){border-color:#0f766e;background:rgba(15,118,110,.07)}
.sbm .sbm-card.is-subscription.is-on .sbm-card__dot,.sbm .sbm-card.is-subscription:has(input:checked) .sbm-card__dot{border-color:#0f766e;background:#0f766e}
.sbm .sbm-card:has(input:focus-visible){outline:3px solid var(--sk-amber);outline-offset:2px}
.sbm .sbm-err{margin:0;font-size:12px;font-weight:700;color:var(--sk-danger,#e5484d)}
.sbm .sbm-info{padding:13px 15px;border-radius:13px;border:1px solid rgba(15,118,110,.25);background:rgba(15,118,110,.05);font-size:12.5px;line-height:2}
.sbm .sbm-info[hidden]{display:none}
.sbm .sbm-info__pay{margin:0 0 4px}
.sbm .sbm-info__pay b{font-size:14px;font-weight:900;color:#0f766e}
.sbm .sbm-info__list{margin:0;padding:0 18px 0 0;color:var(--sk-ink-soft)}
.sbm .sbm-info__warn{margin:6px 0 0;color:#a85b00;font-weight:700}
html[data-theme="dark"] .sbm .sbm-card.is-on .sbm-card__dot,html[data-theme="dark"] .sbm .sbm-card:has(input:checked) .sbm-card__dot{border-color:var(--sk-amber);background:var(--sk-amber)}
html[data-theme="dark"] .sbm .sbm-info__pay b{color:#5eead4}
@media (max-width:760px){.sbm .sbm-cards{grid-template-columns:minmax(0,1fr)}}
[data-sale-hidden]{display:none!important}