/* ============================================================================
   ch-114 · نوار پایین موبایل و برگهٔ «آزمون‌ها»
   (۱) نوار پایین (‎.pub-bnav‎، نشانه‌گذاری در ‎_public_header.html‎ دست نمی‌خورد): برچسب‌ها تیره‌تر و خواناتر.
       ch-114a: بخش فعال پس‌زمینهٔ رنگی نمی‌گیرد، فقط متن و آیکونش تیره و برچسبش کمی پررنگ‌تر می‌شود.
       وقتی برگهٔ «آزمون‌ها» باز است همین حالت روی «آزمون‌ها» می‌رود.
   (۲) برگهٔ «آزمون‌ها» (live_exam_tags.live_exam_bottom_nav_item): چهار ردیف با آیکون توپر در مربع رنگی، همان رنگ‌های
       منوی بزرگ دسکتاپ: مهارت‌محور تیره با آیکون طلایی، بین‌المللی آبی، رقابتی طلایی، ماک فیروزه‌ای. پشت برگه پرده‌ای کم‌رنگ.
       ch-122: مینیمال شد؛ آیکون‌ها پنهان و ردیف‌ها ساده با خط مویی (بلوک پایین فایل). نشانه‌گذاری دست نخورده.
   رنگ‌ها از توکن‌های ‎public-chrome-v1.css‎ می‌آیند، پس تم تیره خودکار است.
   ============================================================================ */
@media (max-width:820px){
  .pub-bnav{gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--tk-surface,#fff);
    border-top:1px solid var(--tk-line,rgba(26,28,31,.10));box-shadow:0 -6px 24px rgba(17,24,39,.07)}
  .pub-bnav a{gap:3px;padding:7px 0 5px;border-radius:14px;font-size:11px;font-weight:600;line-height:1.5;background:none;
    color:var(--tk-ink-soft,rgba(26,28,31,.62));-webkit-tap-highlight-color:transparent;transition:color .18s ease,opacity .18s ease}
  .pub-bnav a svg{width:23px;height:23px;padding:0;background:none}
  .pub-bnav a.is-on,.pub-bnav a.is-open{color:var(--tk-ink,#1a1c1f);font-weight:800;background:none}
  .pub-bnav a:active{opacity:.6}
  .pub-bnav:has(a.is-open) a.is-on:not(.is-open){color:var(--tk-ink-soft,rgba(26,28,31,.62));font-weight:600}   /* برگه باز است: فقط «آزمون‌ها» فعال دیده می‌شود */
  .pub-bnav a:focus-visible{outline:2px solid var(--tk-ink,#1a1c1f);outline-offset:-2px}
}
@media (max-width:820px) and (prefers-reduced-motion:reduce){.pub-bnav a{transition:none}}

/* ---------- (۲) برگهٔ «آزمون‌ها» ---------- */
.lx-bsheet{position:fixed;inset-inline:10px;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:152;display:grid;gap:6px;
  padding:8px;border-radius:20px;background:var(--tk-surface,#fff);border:1px solid var(--tk-line,rgba(26,28,31,.10));
  box-shadow:0 18px 50px -12px rgba(17,24,39,.30)}
.lx-bsheet[hidden],.lx-bsheet-bd[hidden]{display:none}
/* روی دکمهٔ گفت‌وگوی آنلاین (z-index 150) می‌نشیند و تا برگه باز است آن دکمه پنهان می‌ماند */
.lx-sheet-open .tkcw .tkcw-launch{opacity:0;pointer-events:none}
.lx-bsheet-bd{position:fixed;inset:0;z-index:139;background:rgba(17,24,39,.32)}
.lx-bs{--bs-bg:#1a1c1f;--bs-fg:#181a1d;display:flex;align-items:center;gap:12px;min-height:60px;padding:9px 12px;box-sizing:border-box;
  border-radius:14px;background:var(--tk-surface-2,#f4f3ef);color:var(--tk-ink,#1a1c1f);text-decoration:none;-webkit-tap-highlight-color:transparent}
.lx-bs .ic{--lx-cut:var(--bs-bg);flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--bs-bg);color:var(--bs-fg)}
.lx-bs .ic svg{width:22px;height:22px}
.lx-bs--skill{--bs-bg:#1a1c1f;--bs-fg:#ffc218}
.lx-bs--intl{--bs-bg:#86a8ff}
.lx-bs--gold{--bs-bg:#ffc218}
.lx-bs--mock{--bs-bg:#2dd4bf}
.lx-bs .t{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.lx-bs .t b{font-size:14.5px;font-weight:800;line-height:1.5}
.lx-bs .t small{font-size:12px;font-weight:500;line-height:1.5;color:var(--tk-ink-soft,rgba(26,28,31,.62));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-bs .go{flex:none;display:grid;place-items:center;color:var(--tk-ink-faint,rgba(26,28,31,.40))}
.lx-bs .go svg{width:16px;height:16px}
a.lx-bs:active{background:var(--tk-surface-3,#eceae4)}
a.lx-bs:focus-visible{outline:2px solid var(--tk-ink,#1a1c1f);outline-offset:2px}
.lx-bs.is-on{background:var(--tk-surface-3,#eceae4)}   /* ch-114a: ردیف صفحهٔ فعلی بی رنگ طلایی، فقط زمینهٔ کمی تیره‌تر و عنوان پررنگ‌تر */
.lx-bs.is-on .t b{font-weight:900}
.lx-bs.is-on .go{color:var(--tk-ink,#1a1c1f)}
.lx-bs--soon{opacity:.55}
.lx-bs--soon .pill{flex:none;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:800;line-height:1.7;
  color:var(--tk-ink,#1a1c1f);background:var(--tk-line-strong,rgba(26,28,31,.16))}
[data-theme="dark"] .lx-bs--skill .ic{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
@media (min-width:1025px){.lx-bsheet,.lx-bsheet-bd{display:none!important}}

/* ---------- ch-122: برگهٔ «آزمون‌ها» مینیمال ----------
   بی آیکون و بی کاشی رنگی: چهار ردیف ساده روی زمینه‌ی سفید با خط مویی میان‌شان، عنوان پررنگ، زیرعنوان کم‌رنگ و یک پیکان.
   ردیف صفحه‌ی فعلی فقط عنوان پررنگ‌تر و پیکان تیره دارد. */
.lx-bsheet{gap:0;padding:6px 8px;border-radius:16px}
.lx-bs{min-height:56px;padding:9px 10px 9px 12px;border-radius:10px;background:transparent;gap:10px}
.lx-bs .ic{display:none}
.lx-bs + .lx-bs{border-top:1px solid var(--tk-line,rgba(26,28,31,.10));border-radius:0}
.lx-bs:first-child{border-radius:10px 10px 0 0}
.lx-bs:last-child{border-radius:0 0 10px 10px}
.lx-bs .t b{font-size:14px;font-weight:700}
.lx-bs .t small{font-size:11.5px;color:var(--tk-ink-faint,rgba(26,28,31,.40))}
.lx-bs .go{width:22px;height:22px;border-radius:50%;background:var(--tk-surface-2,#f4f3ef)}
.lx-bs .go svg{width:13px;height:13px}
a.lx-bs:active{background:var(--tk-surface-2,#f4f3ef)}
.lx-bs.is-on{background:transparent}
.lx-bs.is-on .t b{font-weight:900}
.lx-bs.is-on .go{background:var(--tk-ink,#1a1c1f);color:#fff}
.lx-bs--soon .pill{font-size:10px;padding:1px 8px}
