/* KBIBLE Bible desktop correction v19 — 2026-08-15
   Desktop-only pass. Mobile (<=760px) is intentionally untouched.
   Goals:
   - restore a clear desktop hierarchy after the mobile listening redesign
   - keep chapter-listening controls spacious instead of squeezing every control into one row
   - make all light-mode navigator/control text readable
   - align the Bible navigator with the scripture canvas instead of floating mid-viewport
   - remove the overlapping study bridge on the Bible desktop page
*/

@media (min-width:1081px) {
  body.kb-bible-v5 {
    --kb7-rail-w:180px;
    --kb7-shell-max:1720px;
  }

  /* Keep the two top working cards aligned with the main reader shell. */
  body.kb-bible-v5 .kb-top-reader-zone,
  body.kb-bible-v5 .kb-top-listen-zone {
    width:min(var(--kb7-shell-max),100%);
    max-width:none;
    margin-inline:auto;
    padding-inline:clamp(18px,1.35vw,24px);
    box-sizing:border-box;
  }

  /* Current chapter / display controls: one deliberate desktop command row. */
  body.kb-bible-v5 .kb-top-reader-zone > .reader-toolbar {
    position:relative !important;
    top:auto !important;
    z-index:24;
    min-height:66px;
    display:grid;
    grid-template-columns:minmax(180px,.72fr) minmax(720px,2.28fr);
    gap:18px;
    align-items:center;
    padding:10px 12px 10px 18px;
    border-radius:15px;
    overflow:visible;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-main {
    min-width:0;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-label {
    margin-bottom:3px;
    font-size:.62rem;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.06em;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar #selRef {
    display:block;
    min-width:0;
    color:inherit;
    font-size:1.05rem;
    line-height:1.28;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-controls {
    min-width:0;
    display:grid;
    grid-template-columns:42px 42px 42px 42px minmax(165px,1fr) minmax(155px,.95fr) 58px;
    gap:7px;
    align-items:center;
    justify-content:stretch;
    overflow:visible;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-controls > * {
    min-width:0;
    margin:0;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-nav-trigger {
    display:none !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-control {
    min-width:0;
    min-height:38px;
    height:38px;
    padding-inline:8px;
    border-radius:10px;
    font-size:.72rem;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-control.chapter-move {
    width:42px;
    padding:0;
    font-size:1.12rem;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-move-text {
    display:none !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select {
    width:100%;
    min-width:0;
    min-height:38px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:7px;
    align-items:center;
    padding:4px 5px 4px 9px;
    border-radius:10px;
    box-sizing:border-box;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select > span {
    display:block;
    margin:0;
    font-size:.60rem;
    line-height:1.15;
    font-weight:850;
    white-space:nowrap;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select select {
    width:100%;
    max-width:none;
    min-width:0;
    height:30px;
    padding:0 28px 0 8px;
    border-radius:8px;
    font-size:.70rem;
    font-weight:800;
  }

  /* Chapter listening: use two roomy control rows, never one squeezed line. */
  html body.kb-bible-v5 .kb-top-listen-zone > section#learning-tools.listen-deck {
    display:grid !important;
    grid-template-columns:170px 205px minmax(360px,1.15fr) minmax(320px,1fr) 180px !important;
    grid-template-rows:auto auto auto !important;
    gap:10px 12px !important;
    align-items:stretch !important;
    width:100% !important;
    min-height:0 !important;
    padding:14px 16px !important;
    border-radius:17px !important;
    overflow:visible !important;
  }
  body.kb-bible-v5 #learning-tools .listen-deck-title {
    grid-column:1;
    grid-row:1 / span 2;
    align-self:start;
    min-width:0;
    padding:3px 3px 0 1px;
  }
  body.kb-bible-v5 #learning-tools .listen-deck-title span {
    font-size:.55rem;
    letter-spacing:.12em;
  }
  body.kb-bible-v5 #learning-tools .listen-deck-title strong {
    margin-top:4px;
    font-size:1.08rem;
    line-height:1.2;
  }
  body.kb-bible-v5 #learning-tools .listen-deck-title small {
    margin-top:6px;
    font-size:.64rem;
    line-height:1.52;
  }

  body.kb-bible-v5 #learning-tools .listen-actions-main {
    grid-column:2;
    grid-row:1;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(68px,.65fr);
    gap:7px;
    align-self:start;
    width:100%;
  }
  body.kb-bible-v5 #learning-tools .listen-actions-main button {
    width:100%;
    min-width:0;
    min-height:42px;
    height:42px;
    padding:0 9px;
    border-radius:10px;
    font-size:.72rem;
    font-weight:900;
    white-space:nowrap;
  }

  body.kb-bible-v5 #learning-tools .listen-mode-stack {
    grid-column:3 / span 2;
    grid-row:1;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);
    gap:10px;
    align-items:center;
  }
  body.kb-bible-v5 #learning-tools .listen-setting-label {
    grid-column:1 / -1;
    margin-bottom:-4px;
    font-size:.60rem;
  }
  body.kb-bible-v5 #learning-tools .listen-modes {
    min-width:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    flex-wrap:nowrap;
  }
  body.kb-bible-v5 #learning-tools .listen-modes .tool-mode {
    min-width:0;
    min-height:36px;
    padding:0 7px;
    font-size:.67rem;
    white-space:nowrap;
  }
  body.kb-bible-v5 #learning-tools .listen-en-source {
    min-width:0;
    min-height:36px;
    display:grid;
    grid-template-columns:auto repeat(3,minmax(0,1fr));
    gap:5px;
    align-items:center;
    padding:4px 5px;
    border-radius:12px;
  }
  body.kb-bible-v5 #learning-tools .listen-en-source > span {
    margin:0 3px 0 0;
    font-size:.58rem;
  }
  body.kb-bible-v5 #learning-tools .en-source-btn {
    width:100%;
    min-width:0;
    min-height:30px;
    padding:0 7px;
    font-size:.64rem;
  }

  body.kb-bible-v5 #learning-tools .listen-rate {
    grid-column:5;
    grid-row:1;
    min-width:0;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto;
    gap:5px 8px;
    align-content:center;
    padding:3px 2px;
  }
  body.kb-bible-v5 #learning-tools .listen-rate > span {
    grid-column:1;
    grid-row:1;
    font-size:.60rem;
    font-weight:850;
  }
  body.kb-bible-v5 #learning-tools .listen-rate output {
    grid-column:2;
    grid-row:1;
    min-width:44px;
    font-size:.64rem;
  }
  body.kb-bible-v5 #learning-tools .listen-rate input {
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    min-width:0;
    margin:0;
  }

  body.kb-bible-v5 #learning-tools .listen-voice-card[data-voice-lang="en"] {
    grid-column:2 / span 2;
    grid-row:2;
  }
  body.kb-bible-v5 #learning-tools .listen-voice-card[data-voice-lang="ko"] {
    grid-column:4 / span 2;
    grid-row:2;
  }
  body.kb-bible-v5 #learning-tools .listen-voice-card {
    min-width:0;
    min-height:74px;
    display:grid;
    grid-template-columns:minmax(132px,.72fr) minmax(0,1.55fr);
    gap:12px;
    align-items:center;
    padding:10px 11px;
    border-radius:12px;
    box-sizing:border-box;
  }
  body.kb-bible-v5 #learning-tools .listen-voice-head {
    min-width:0;
    display:grid;
    gap:4px;
    align-content:center;
  }
  body.kb-bible-v5 #learning-tools .listen-voice-head strong {
    font-size:.72rem;
    line-height:1.2;
  }
  body.kb-bible-v5 #learning-tools .listen-voice-card .tts-voice-status {
    min-width:0;
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    font-size:.62rem;
    line-height:1.35;
  }
  body.kb-bible-v5 #learning-tools .listen-voice-controls {
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) 94px;
    gap:7px;
    align-items:center;
  }
  body.kb-bible-v5 #learning-tools .listen-voice-select,
  body.kb-bible-v5 #learning-tools .voice-preview-btn {
    min-width:0;
    min-height:42px;
    height:42px;
    font-size:.72rem;
  }
  body.kb-bible-v5 #learning-tools .listen-voice-select {
    width:100%;
    padding:0 30px 0 10px;
  }
  body.kb-bible-v5 #learning-tools .voice-preview-btn {
    width:94px;
    padding:0 8px;
  }

  body.kb-bible-v5 #learning-tools .listen-status {
    grid-column:1 / -1;
    grid-row:3;
    min-height:32px;
    display:flex;
    align-items:center;
    padding:7px 10px;
    border-radius:9px;
    font-size:.60rem;
    line-height:1.4;
    white-space:normal;
    overflow:visible;
  }
  body.kb-bible-v5 #learning-tools .listen-access-note {
    grid-column:1 / -1;
    grid-row:4;
  }

  /* Put the navigator back into the reader's visual flow. */
  body.kb-bible-v5 .bible-shell {
    width:min(var(--kb7-shell-max),100%);
    grid-template-columns:var(--kb7-rail-w) minmax(0,1fr) !important;
    gap:16px;
    align-items:start;
    padding-inline:clamp(18px,1.35vw,24px);
  }
  body.kb-bible-v5 .bible-main {
    grid-column:2 !important;
    min-width:0;
  }
  body.kb-bible-v5 .bible-aside.bible-jump-rail {
    position:sticky !important;
    top:78px !important;
    left:auto !important;
    z-index:36 !important;
    width:auto !important;
    max-height:calc(100dvh - 96px) !important;
    margin:0 !important;
    transform:none !important;
    overflow:visible !important;
  }
  body.kb-bible-v5 .bible-aside.bible-jump-rail .rail-inner {
    width:100%;
    max-height:calc(100dvh - 96px);
    box-sizing:border-box;
  }

  /* The Bible desktop already has verse tools and full navigation. Avoid a second
     fixed study bar covering scripture lines. */
  body.kb-bible-v5 .kb-study-bridge,
  body.kb-bible-v5 .kb-study-bridge.is-visible {
    display:none !important;
  }

  /* Light mode contrast: no pale-on-ivory labels anywhere in the desktop reader. */
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-label,
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select > span {
    color:#655b4d !important;
    opacity:1 !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar #selRef {
    color:#211c16 !important;
    text-shadow:none !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-control {
    background:#fffdf8 !important;
    color:#2d271f !important;
    border-color:rgba(86,67,38,.18) !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select {
    background:#f7f2e8 !important;
    color:#3d3428 !important;
    border-color:rgba(86,67,38,.17) !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select select {
    background:#fffdf8 !important;
    color:#251f18 !important;
    border:1px solid rgba(86,67,38,.14) !important;
  }

  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-deck-title span {
    color:#8f6506 !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-deck-title strong,
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-voice-head strong,
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-rate > span,
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-rate output {
    color:#29231c !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-deck-title small,
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-setting-label,
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-en-source > span,
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-voice-card .tts-voice-status {
    color:#685e50 !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-voice-card,
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-en-source {
    background:#faf6ed !important;
    border-color:rgba(91,71,40,.14) !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-voice-select {
    background:#fffdf8 !important;
    color:#28221b !important;
    border-color:rgba(91,71,40,.17) !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .voice-preview-btn {
    background:#fff7df !important;
    color:#6e4e0c !important;
    border-color:rgba(174,126,28,.30) !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-actions #ttsStop {
    background:#252a30 !important;
    color:#fff !important;
    border-color:#252a30 !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools .listen-status {
    background:#f5efe3 !important;
    color:#5f5548 !important;
    border:1px solid rgba(91,71,40,.10) !important;
  }

  html[data-bible-color-mode="light"] body.kb-bible-v5 .bible-aside.bible-jump-rail .rail-inner {
    background:rgba(255,253,248,.97) !important;
    color:#29241d !important;
    border-color:rgba(91,71,40,.17) !important;
    box-shadow:0 14px 36px rgba(61,46,24,.10),inset 0 1px 0 #fff !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .rail-kicker {
    color:#946b0e !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .rail-head strong {
    color:#27221b !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .rail-head #railCurrentRef,
  html[data-bible-color-mode="light"] body.kb-bible-v5 .rail-field > span,
  html[data-bible-color-mode="light"] body.kb-bible-v5 .rail-search-box summary {
    color:#665d50 !important;
    opacity:1 !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .rail-field select,
  html[data-bible-color-mode="light"] body.kb-bible-v5 .rail-search-box input {
    background:#fffdf8 !important;
    color:#28231c !important;
    border-color:rgba(91,71,40,.17) !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .rail-move-row button,
  html[data-bible-color-mode="light"] body.kb-bible-v5 .rail-search-box button {
    background:#272c32 !important;
    color:#fff !important;
    border-color:#272c32 !important;
  }
}

/* On smaller desktop widths keep the same hierarchy, but allow the top controls to breathe. */
@media (min-width:1081px) and (max-width:1320px) {
  body.kb-bible-v5 .kb-top-reader-zone > .reader-toolbar {
    grid-template-columns:150px minmax(0,1fr);
    gap:12px;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-controls {
    grid-template-columns:38px 38px 38px 38px minmax(140px,1fr) minmax(130px,.9fr) 54px;
    gap:5px;
  }
  html body.kb-bible-v5 .kb-top-listen-zone > section#learning-tools.listen-deck {
    grid-template-columns:150px 180px minmax(300px,1.1fr) minmax(280px,1fr) 150px !important;
    gap:8px !important;
  }
  body.kb-bible-v5 #learning-tools .listen-mode-stack {
    grid-template-columns:1fr;
    gap:6px;
  }
  body.kb-bible-v5 #learning-tools .listen-setting-label { margin-bottom:0; }
}