/* KBIBLE Bible reader theme correction v21 — 2026-08-15
   Authoritative layer loaded LAST on bible.php.
   Goals:
   1) remove the obsolete per-verse KO/KJV/WEB queue strip from visual layout;
   2) make the Scripture paper selector actually recolor the Scripture surface;
   3) make the selected / TTS-tracked sentence follow the chosen highlight color;
   4) keep page light/dark mode independent from Scripture paper choice.
*/

/* The live region remains available to assistive technology, but the huge queue strip
   no longer occupies visible page space. */
body.kb-bible-v5 #ttsScript.listen-status {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
}
body.kb-bible-v5 #ttsScript .tts-script-line { display:none !important; }

/* Paper variables. These are intentionally explicit and independent of page mode. */
body.kb-bible-v5[data-reader-paper="ivory"] {
  --kb-paper-bg:#fbf8ef !important;
  --kb-paper-head:#f3ecde !important;
  --kb-paper-key:#f7f2e8 !important;
  --kb-paper-text:#28231d !important;
  --kb-paper-muted:#746b60 !important;
  --kb-paper-line:rgba(89,72,49,.14) !important;
}
body.kb-bible-v5[data-reader-paper="parchment"] {
  --kb-paper-bg:#eee0c3 !important;
  --kb-paper-head:#e4d0a9 !important;
  --kb-paper-key:#ead8b5 !important;
  --kb-paper-text:#30271d !important;
  --kb-paper-muted:#75644e !important;
  --kb-paper-line:rgba(91,65,32,.19) !important;
}
body.kb-bible-v5[data-reader-paper="white"] {
  --kb-paper-bg:#ffffff !important;
  --kb-paper-head:#f7f7f5 !important;
  --kb-paper-key:#fbfbfa !important;
  --kb-paper-text:#202020 !important;
  --kb-paper-muted:#676767 !important;
  --kb-paper-line:rgba(32,32,32,.11) !important;
}
body.kb-bible-v5[data-reader-paper="sage"] {
  --kb-paper-bg:#eef3e8 !important;
  --kb-paper-head:#e3ebdc !important;
  --kb-paper-key:#e8efe2 !important;
  --kb-paper-text:#263026 !important;
  --kb-paper-muted:#647063 !important;
  --kb-paper-line:rgba(54,79,55,.14) !important;
}
body.kb-bible-v5[data-reader-paper="lavender"] {
  --kb-paper-bg:#f2eef8 !important;
  --kb-paper-head:#e8e1f2 !important;
  --kb-paper-key:#ede7f5 !important;
  --kb-paper-text:#2e2934 !important;
  --kb-paper-muted:#71697a !important;
  --kb-paper-line:rgba(84,69,105,.14) !important;
}
body.kb-bible-v5[data-reader-paper="sky"] {
  --kb-paper-bg:#edf5f8 !important;
  --kb-paper-head:#e0edf2 !important;
  --kb-paper-key:#e7f1f5 !important;
  --kb-paper-text:#243138 !important;
  --kb-paper-muted:#63727a !important;
  --kb-paper-line:rgba(54,83,96,.14) !important;
}
body.kb-bible-v5[data-reader-paper="dark"] {
  --kb-paper-bg:#0c1517 !important;
  --kb-paper-head:#111d20 !important;
  --kb-paper-key:#0f1a1c !important;
  --kb-paper-text:#f1f5f3 !important;
  --kb-paper-muted:#a8b6b1 !important;
  --kb-paper-line:rgba(213,229,222,.13) !important;
}

/* Highlight variables. */
body.kb-bible-v5[data-reader-highlight="yellow"] {
  --kb-track:#e9b91e !important; --kb-track-soft:rgba(233,185,30,.15) !important; --kb-track-strong:rgba(233,185,30,.30) !important;
}
body.kb-bible-v5[data-reader-highlight="orange"] {
  --kb-track:#e57827 !important; --kb-track-soft:rgba(229,120,39,.15) !important; --kb-track-strong:rgba(229,120,39,.30) !important;
}
body.kb-bible-v5[data-reader-highlight="purple"] {
  --kb-track:#8d6de8 !important; --kb-track-soft:rgba(141,109,232,.15) !important; --kb-track-strong:rgba(141,109,232,.30) !important;
}
body.kb-bible-v5[data-reader-highlight="green"] {
  --kb-track:#4b9b66 !important; --kb-track-soft:rgba(75,155,102,.15) !important; --kb-track-strong:rgba(75,155,102,.30) !important;
}
body.kb-bible-v5[data-reader-highlight="blue"] {
  --kb-track:#4d86d8 !important; --kb-track-soft:rgba(77,134,216,.15) !important; --kb-track-strong:rgba(77,134,216,.30) !important;
}

/* The selected paper is the actual Scripture surface. Loaded after legacy V13 rules,
   so old hard-coded ivory can no longer win the cascade. */
html body.kb-bible-v5[data-reader-paper] .reader-body {
  background-color:var(--kb-paper-bg) !important;
  background-image:none !important;
  color:var(--kb-paper-text) !important;
  border-color:var(--kb-paper-line) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.14) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body.kb-bible-v5[data-reader-paper="ivory"] .reader-body {
  background-image:radial-gradient(circle at 14% 10%,rgba(180,145,76,.035),transparent 24%),repeating-linear-gradient(0deg,rgba(89,72,49,.012) 0 1px,transparent 1px 5px) !important;
}
html body.kb-bible-v5[data-reader-paper="parchment"] .reader-body {
  background-image:radial-gradient(circle at 14% 12%,rgba(255,255,255,.18),transparent 27%),repeating-linear-gradient(0deg,rgba(91,62,26,.024) 0 1px,transparent 1px 5px) !important;
}
html body.kb-bible-v5[data-reader-paper="sage"] .reader-body,
html body.kb-bible-v5[data-reader-paper="lavender"] .reader-body,
html body.kb-bible-v5[data-reader-paper="sky"] .reader-body {
  background-image:radial-gradient(circle at 12% 8%,rgba(255,255,255,.46),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.10),transparent 62%) !important;
}
html body.kb-bible-v5[data-reader-paper="dark"] .reader-body {
  background-image:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0)) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.28) !important;
}

html body.kb-bible-v5[data-reader-paper] .chapter-heading {
  background:var(--kb-paper-head) !important;
  border-bottom-color:var(--kb-paper-line) !important;
}
html body.kb-bible-v5[data-reader-paper] .translation-key {
  background:var(--kb-paper-key) !important;
  border-bottom-color:var(--kb-paper-line) !important;
}
html body.kb-bible-v5[data-reader-paper] .chapter-heading h2,
html body.kb-bible-v5[data-reader-paper] .v-ko .v-text,
html body.kb-bible-v5[data-reader-paper] .v-kjv .v-text,
html body.kb-bible-v5[data-reader-paper] .v-web .v-text {
  color:var(--kb-paper-text) !important;
}
html body.kb-bible-v5[data-reader-paper] .chapter-heading .sub,
html body.kb-bible-v5[data-reader-paper] .v-label,
html body.kb-bible-v5[data-reader-paper] .translation-key span {
  color:var(--kb-paper-muted) !important;
}
html body.kb-bible-v5[data-reader-paper] .verse-row {
  background:transparent !important;
  border-bottom-color:var(--kb-paper-line) !important;
}
html body.kb-bible-v5[data-reader-paper] .verse-row:hover {
  background:color-mix(in srgb,var(--kb-track) 5%,transparent) !important;
}

/* Selected verse and Google TTS sentence tracking use the chosen highlight. */
html body.kb-bible-v5[data-reader-highlight] .verse-row.is-selected {
  background:var(--kb-track-soft) !important;
  box-shadow:inset 4px 0 0 var(--kb-track) !important;
}
html body.kb-bible-v5[data-reader-highlight] .verse-row.is-reading {
  background:var(--kb-track-strong) !important;
  box-shadow:inset 5px 0 0 var(--kb-track),0 0 0 1px color-mix(in srgb,var(--kb-track) 22%,transparent) !important;
}
html body.kb-bible-v5[data-reader-highlight] .sentence-unit.is-reading-sentence {
  background:linear-gradient(180deg,transparent 4%,color-mix(in srgb,var(--kb-track) 38%,transparent) 4%,color-mix(in srgb,var(--kb-track) 56%,transparent) 90%,transparent 90%) !important;
  box-shadow:0 .14em .72em color-mix(in srgb,var(--kb-track) 28%,transparent) !important;
  border-radius:.16em;
}
html body.kb-bible-v5[data-reader-highlight] .v-num {
  color:var(--kb-track) !important;
}
html body.kb-bible-v5[data-reader-highlight] .v-num span {
  background:var(--kb-track-soft) !important;
}

/* Fallback for browsers without color-mix: the essential paper switch still works;
   tracking remains visible through the solid inset rail / variables above. */
@supports not (color:color-mix(in srgb, black 50%, white)) {
  html body.kb-bible-v5[data-reader-highlight] .verse-row:hover { background:transparent !important; }
  html body.kb-bible-v5[data-reader-highlight] .verse-row.is-reading { box-shadow:inset 5px 0 0 var(--kb-track) !important; }
  html body.kb-bible-v5[data-reader-highlight] .sentence-unit.is-reading-sentence { background:var(--kb-track-soft) !important; }
}