/* =========================================================================
   UECF.NET Audiobook Player — additional styles
   Extends css/style.css (shared UECF.NET web-book design system).
   ========================================================================= */

.lang-select{display:flex;gap:8px;margin:18px 0 0;flex-wrap:wrap;}
.lang-btn{font:inherit;font-size:.95rem;font-weight:700;padding:10px 22px;border-radius:999px;
  border:1px solid var(--gold-soft);background:transparent;color:var(--band-fg);cursor:pointer;}
.lang-btn[aria-pressed="true"]{background:var(--gold);color:#1b1305;border-color:var(--gold);}
.lang-btn:hover{border-color:var(--gold);}
.lang-btn .te{font-family:var(--font-te);}

.audiobook-layout{display:grid;grid-template-columns:1fr;gap:24px;}
@media (min-width:960px){.audiobook-layout{grid-template-columns:300px 1fr;align-items:start;}}

/* ---------- chapter list ---------- */
.chapters-card{position:sticky;top:74px;max-height:calc(100vh - 96px);overflow:auto;}
.chapters-card h2{font-family:var(--font-display);font-size:1.05rem;margin:0 0 12px;}
#chapter-list{list-style:none;margin:0;padding:0;}
.chapter-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
  background:transparent;border:none;border-radius:8px;padding:9px 10px;margin:0 0 2px;
  font:inherit;font-size:.92rem;color:var(--ink-soft);cursor:pointer;}
.chapter-item:hover{background:var(--cream-dim);color:var(--ink);}
.chapter-item[aria-current="true"]{background:var(--gold-soft);color:var(--ink);font-weight:700;}
.chapter-num{min-width:1.8em;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700;}
.chapter-name{font-family:var(--font-te);line-height:1.4;}
@media (max-width:959px){.chapters-card{position:static;max-height:none;}}

/* ---------- player card ---------- */
.player-card{padding:clamp(16px,3vw,28px);}
.player-chapter-heading{margin:0 0 4px;}
#player-chapter-title{font-family:var(--font-te);font-size:1.3rem;color:var(--maroon);display:block;}
#player-chapter-meta{font-size:.82rem;color:var(--ink-soft);}
.player-loading{font-size:.85rem;color:var(--ink-soft);margin:6px 0 0;}
.player-loading[hidden]{display:none;}

.player-transport{display:flex;align-items:center;gap:10px;margin:18px 0 10px;flex-wrap:wrap;}
.transport-btn{background:var(--cream-dim);border:1px solid var(--line);color:var(--ink);
  border-radius:50%;width:46px;height:46px;font-size:1.05rem;cursor:pointer;display:inline-flex;
  align-items:center;justify-content:center;flex:0 0 auto;}
.transport-btn:hover{border-color:var(--gold);}
#player-play{width:58px;height:58px;font-size:1.3rem;background:var(--gold);border-color:var(--gold);color:#1b1305;}
#player-play:hover{background:var(--ink);color:#fff;}

.player-progress{display:flex;align-items:center;gap:10px;margin:10px 0;}
.player-progress input[type=range]{flex:1;accent-color:var(--gold);}
.time-label{font-size:.8rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-width:3.2em;}

.player-settings{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:14px;
  padding-top:14px;border-top:1px solid var(--line);}
.player-settings label{font-size:.82rem;color:var(--ink-soft);display:flex;align-items:center;gap:6px;}
.player-settings select{font:inherit;padding:6px 8px;border-radius:8px;border:1px solid var(--line);
  background:var(--card);color:var(--ink);}
.player-settings input[type=range]{accent-color:var(--gold);width:100px;}

/* ---------- transcript ---------- */
.transcript-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;
  margin:26px 0 10px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap;}
.transcript-toolbar h2{font-family:var(--font-display);margin:0;font-size:1.1rem;}
#transcript-root{--transcript-scale:1;}
.transcript{font-size:calc(1.05rem * var(--transcript-scale));}
.transcript p{max-width:var(--reading);margin:0 0 1.1em;}
.transcript[lang="te"], .transcript [lang="te"]{font-family:var(--font-te);line-height:1.95;}
.transcript-heading{font-family:var(--font-display);color:var(--maroon);font-size:1.25rem;margin:0 0 14px;}
.transcript-heading.te{font-family:var(--font-te);}

/* full-text noscript fallback: hidden once JS renders the interactive player */
.js-ready .noscript-only{display:none;}
noscript .full-book-note{display:block;}

.source-note{font-size:.85rem;}