/* Reader chrome: preserve the illuminated expanded header and its live controls. */
.reader-morph-enabled { --thf-reader-top: 0px !important; }
.reader-morph-enabled .main-header,
.reader-morph-enabled:not(.thf-classic-view) .pwa-bottom-nav { display: none !important; }
.reader-morph-enabled .content-wrapper { padding-top: 0 !important; }
.reader-morph-enabled .audio-bible-player-container { overflow: visible; }
.reader-morph-enabled .reader-home-mark {
  display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center;
  width: 44px; min-height: 44px; padding: 0; text-decoration: none;
}
.reader-morph-enabled .reader-home-mark:focus-visible { outline: 2px solid var(--thf-link); outline-offset: 3px; border-radius: 6px; }
.reader-morph-enabled .reader-home-mark img { display: block; width: 30px; height: 30px; object-fit: contain; }
.reader-morph-enabled .bible-player-header { transition: border-radius .28s ease, box-shadow .28s ease; }
.reader-morph-enabled .bible-player-header-title { transition: none; }
.reader-morph-enabled .bible-player-header-actions { flex-wrap: wrap; }
.reader-morph-enabled .reader-header-compact {
  position: relative !important; top: auto !important; left: auto !important; margin: 0 !important;
  padding: 8px 12px !important; border-radius: 0 0 10px 10px; z-index: 1050;
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(95px, 180px); gap: 10px;
}
.reader-morph-enabled .reader-header-compact .reader-home-mark {
  display: flex; flex-shrink: 0; width: 30px; padding: 0; min-height: 0; height: 30px;
  background: none; border: 0; box-shadow: none;
}
.reader-morph-enabled .reader-header-compact .bible-player-header-row { gap: 8px; }
.reader-morph-enabled .reader-header-compact .bible-player-header-row::before,
.reader-morph-enabled .reader-header-compact .bible-player-header-row::after,
.reader-morph-enabled .reader-header-compact .bible-player-header-meta,
.reader-morph-enabled .reader-header-compact .bible-player-header-actions > :not(#langGlobeBtn):not(#readerMessengerBtn) { display: none !important; }
.reader-morph-enabled .reader-header-compact .bible-player-header-title { font-size: 26px; line-height: 30px; margin: 0; }
.reader-morph-enabled .reader-header-compact .bible-player-header-translation { align-self: center; }
.reader-morph-enabled .reader-header-compact .android-trans-trigger { padding: 8px 10px; min-height: 40px; font-size: 12px; }
.reader-morph-enabled .reader-header-compact .globe-char { display: none; }
.reader-morph-enabled.bible-fullscreen-mode .bible-player-header,
.reader-morph-enabled.bible-fullscreen-mode .reader-header-shell { display: none !important; }
.reader-morph-enabled .bible-scroll-header { display: none !important; }
.reader-morph-enabled .player-controls-right { display: flex; align-items: center; gap: 8px; }
.reader-morph-enabled #playerMenuBtn,
.reader-morph-enabled #fullscreenBookBtn { order: 10; }
.reader-morph-enabled #readerSiteMenuBtn { order: 9; }
.reader-morph-enabled #cinemaModeBtn { display: inline-flex !important; }
.reader-morph-enabled:not(.thf-classic-view) .bible-audio-player { bottom: 0 !important; }
/* Both selectors share their existing catalog and navigation handlers. */
.reader-morph-enabled .lang-drawer,
.reader-morph-enabled .trans-drawer {
  width: 460px; max-width: 100vw; right: -480px; height: 100dvh;
  background: var(--thf-bg); color: var(--thf-text); z-index: 2147483401;
  border-left: 1px solid var(--thf-border); overscroll-behavior: contain;
}
.reader-morph-enabled .lang-drawer.open,
.reader-morph-enabled .trans-drawer.open { right: 0; }
.reader-morph-enabled .lang-drawer-overlay,
.reader-morph-enabled .trans-drawer-overlay { z-index: 2147483300; }
.reader-morph-enabled .lang-drawer-header,
.reader-morph-enabled .trans-drawer-header {
  padding: max(22px, env(safe-area-inset-top)) 22px 20px;
  background: var(--thf-surface); color: var(--thf-heading);
  border-bottom: 1px solid var(--thf-border); gap: 12px;
}
.reader-morph-enabled .lang-drawer-header h3,
.reader-morph-enabled .trans-drawer-header h3 { font-family: Georgia, serif; font-size: 25px; }
.reader-morph-enabled .lang-drawer-close,
.reader-morph-enabled .trans-drawer-close,
.reader-morph-enabled .trans-drawer-language { min-width: 44px; min-height: 44px; background: var(--thf-surface-2); color: var(--thf-text); }
.reader-morph-enabled .lang-drawer-stats,
.reader-morph-enabled .lang-drawer-filter,
.reader-morph-enabled .lang-drawer-search {
  background: var(--thf-surface); color: var(--thf-text-2); border-color: var(--thf-border);
}
.reader-morph-enabled .lang-drawer-search { padding: 16px 22px; margin: 0; }
.reader-morph-enabled .lang-drawer-search input { min-width: 0; min-height: 44px; color: var(--thf-text); font-size: 16px; }
.reader-morph-enabled .lang-drawer-list,
.reader-morph-enabled .trans-drawer-list { padding: 16px 20px max(20px, env(safe-area-inset-bottom)); overscroll-behavior: contain; }
.reader-morph-enabled .lang-item,
.reader-morph-enabled .trans-item {
  padding: 18px 14px; margin-bottom: 10px; min-height: 76px; border-radius: 12px;
  border: 1px solid var(--thf-border); background: var(--thf-surface); color: var(--thf-text);
}
.reader-morph-enabled .lang-item.selected,
.reader-morph-enabled .trans-item.selected { border-color: var(--thf-link); box-shadow: inset 3px 0 var(--thf-link); }
.reader-morph-enabled .lang-item-name,
.reader-morph-enabled .trans-item-name { color: var(--thf-heading); font-family: Georgia, serif; font-size: 19px; }
.reader-morph-enabled .lang-item-count,
.reader-morph-enabled .trans-item-abbr,
.reader-morph-enabled .toggle-label { color: var(--thf-text-2); }
@media (max-width: 768px) {
  .reader-morph-enabled .lang-drawer,
  .reader-morph-enabled .trans-drawer { width: 100%; max-width: 100%; right: -100%; border: 0; border-radius: 0; }
  .reader-morph-enabled .lang-drawer.open,
  .reader-morph-enabled .trans-drawer.open { right: 0; }
  .reader-morph-enabled .bible-player-header-row { flex-wrap: wrap; }
  .reader-morph-enabled .bible-player-header-actions { justify-content: flex-end; gap: 5px; }
  .reader-morph-enabled .reader-header-compact { grid-template-columns: minmax(0, 1fr) 76px; gap: 4px; padding: 6px !important; }
  .reader-morph-enabled .reader-header-compact .bible-player-header-row { flex-wrap: nowrap; gap: 5px; }
  .reader-morph-enabled .reader-header-compact .bible-player-header-title { font-size: 24px; line-height: 30px; }
  .reader-morph-enabled .reader-header-compact .bible-player-header-actions { flex-wrap: nowrap; }
  .reader-morph-enabled .player-controls-right { gap: 4px; }
  .reader-morph-enabled #readerSiteMenuBtn { width: 40px; height: 40px; min-width: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .reader-morph-enabled .bible-player-header,
  .reader-morph-enabled .bible-player-header-title,
  .reader-morph-enabled .lang-drawer,
  .reader-morph-enabled .trans-drawer { transition: none; }
}
.reader-morph-enabled:has(.lang-drawer.open),
.reader-morph-enabled:has(.trans-drawer.open) { overflow: hidden !important; }
/* One in-flow sticky header; its shell shrinks with its actual content. */
.reader-morph-enabled .reader-header-shell {
  position: sticky; top: 0; z-index: 1050; flex: 0 0 auto;
  width: auto; align-self: stretch; margin: 0 -20px 16px;
  overflow: visible; overflow-anchor: none;
}
.reader-morph-enabled .reader-header-shell > .bible-player-header {
  position: relative !important; top: auto !important; left: auto !important;
  width: 100% !important; margin: 0 !important; box-sizing: border-box; min-height: 0;
}
.reader-morph-enabled .content-wrapper,
.reader-morph-enabled #bibleTextContainer { overflow-anchor: none; }
@media (max-width: 1100px) {
  .reader-morph-enabled .reader-header-shell { margin-left: 0; margin-right: 0; }
}
.reader-morph-enabled #v1SideNav.open { display: flex !important; visibility: visible !important; transform: translateX(0) !important; z-index: 2147483400 !important; }
.reader-morph-enabled #v1SidebarOverlay.active { display: block !important; visibility: visible !important; z-index: 2147483399 !important; }
.reader-morph-enabled #readerSiteMenuBtn { display: inline-flex !important; }
.reader-morph-enabled:not(.thf-classic-view) .no-audio-fallback-bar { bottom: 0 !important; }
body.reader-morph-enabled { padding-top: env(safe-area-inset-top, 0px) !important; }
.reader-morph-enabled .wrapper { padding-top: 0 !important; }
.reader-morph-enabled #fullscreenBookBtn { display: var(--reader-mobile-control-display, inline-flex) !important; min-width: 44px; justify-content: center; }
.reader-morph-enabled #fullscreenBookLabel { display: none; }
@media (max-width: 768px) {
  .reader-morph-enabled #fullscreenBookBtn { display: none !important; }
  .reader-morph-enabled #playerMenuBtn { display: inline-flex !important; }
  .reader-morph-enabled .bible-player-header:not(.reader-header-compact) .bible-player-header-title { flex: 1 1 0; min-width: 0; }
  .reader-morph-enabled .bible-player-header:not(.reader-header-compact) .bible-player-header-actions { width: 100%; justify-content: space-between; }
}
body.has-v1-sidebar.audio-bible-page.reader-morph-enabled > .wrapper { padding-top: 0 !important; }
@media (max-width: 768px) {
  body.reader-morph-enabled .reader-header-compact { border-radius: 0; }
}

/* The site navbar is absent here: remove its old 70px PWA clipping inset. */
@media (max-width: 1100px) {
  html.is-pwa-standalone body.audio-bible-page.reader-morph-enabled .content-wrapper,
  body.is-pwa-standalone.audio-bible-page.reader-morph-enabled .content-wrapper {
    top: env(safe-area-inset-top, 0px) !important;
    bottom: 0 !important;
    height: calc(100dvh - env(safe-area-inset-top, 0px)) !important;
  }
}

.reader-morph-enabled .reader-header-compact { box-sizing: border-box; }
.reader-morph-enabled .reader-header-compact .bible-player-header-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* The reader owns its viewport. Shared PWA chrome must not leave an invisible
   navbar, a second safe-area inset, or the library's half-rem side gutters. */
html:has(body.audio-bible-page.reader-morph-enabled) {
  padding: 0 !important;
}
body.audio-bible-page.reader-morph-enabled {
  padding-top: 0 !important;
}
html:has(body.audio-bible-page.reader-morph-enabled:not(.bible-cinema-mode)),
body.audio-bible-page.reader-morph-enabled:not(.bible-cinema-mode),
body.audio-bible-page.reader-morph-enabled:not(.bible-cinema-mode) > .wrapper,
body.audio-bible-page.reader-morph-enabled:not(.bible-cinema-mode) .content-wrapper {
  background: var(--thf-bg) !important;
}
body.audio-bible-page.reader-morph-enabled #thf-pwa-status-surface {
  height: env(safe-area-inset-top, 0px) !important;
  background: var(--thf-bg) !important;
}
@media (max-width: 1100px) {
  html body.has-v1-sidebar.audio-bible-page.reader-morph-enabled > .wrapper,
  html.thf-ios27-pwa.thf-standard-header body.audio-bible-page.reader-morph-enabled:not(.messenger-open) > .wrapper {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body.audio-bible-page.reader-morph-enabled .content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.audio-bible-page.reader-morph-enabled .audio-bible-player-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.audio-bible-page.reader-morph-enabled .bible-text-container {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

.reader-morph-enabled .reader-header-morphing { overflow: hidden !important; }
/* Hidden horizontal overflow creates an unintended vertical scroll container
   and prevents the sticky header from following the actual reader viewport. */
body.audio-bible-page.reader-morph-enabled .audio-bible-main,
body.audio-bible-page.reader-morph-enabled .audio-bible-layout {
  overflow: visible !important;
}
@media (max-width: 1100px) {
  html.is-pwa-standalone body.audio-bible-page.reader-morph-enabled .content-wrapper,
  body.is-pwa-standalone.audio-bible-page.reader-morph-enabled .content-wrapper {
    box-sizing: border-box !important;
    min-height: 0 !important;
    max-height: calc(100dvh - env(safe-area-inset-top, 0px)) !important;
  }
}

/* Quiet compact controls: clear typography and a single line globe. */
body.reader-morph-enabled .reader-header-compact #langGlobeBtn,
body.reader-morph-enabled .reader-header-compact .android-trans-trigger {
  background: transparent !important;
  color: #e7d6b3 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 4px;
  min-height: 44px;
}
body.reader-morph-enabled .reader-header-compact .android-trans-trigger {
  font: 500 15px/1.2 Georgia, serif;
  letter-spacing: .06em;
  padding: 8px;
  border-left: 1px solid rgba(231, 214, 179, .24) !important;
  border-radius: 0;
}
body.reader-morph-enabled .reader-header-compact #langGlobeBtn:hover,
body.reader-morph-enabled .reader-header-compact .android-trans-trigger:hover {
  background: rgba(231, 214, 179, .08) !important;
}
.reader-morph-enabled .reader-language-icon { flex: 0 0 auto; width: 23px; height: 23px; }
.reader-morph-enabled .reader-header-compact .android-trans-arrow { width: 11px; height: 11px; }
body.reader-morph-enabled .reader-header-compact .android-trans-text {
  color: #e7d6b3 !important;
  text-shadow: none !important;
}

/* Desktop condenses to one row: identity, full version, then quick controls. */
@media (min-width: 1101px) {
  /* Two equal side columns keep the version box in the exact centre:
     home mark + title share the left one, quick controls the right. */
  body.reader-morph-enabled .reader-header-compact {
    grid-template-columns: minmax(120px, 1fr) minmax(220px, 2fr) minmax(120px, 1fr);
    align-items: center;
    gap: 10px;
  }
  body.reader-morph-enabled .reader-header-compact .bible-player-header-row { display: contents; }
  body.reader-morph-enabled .reader-header-compact .reader-home-mark { grid-column: 1; grid-row: 1; justify-self: start; }
  body.reader-morph-enabled .reader-header-compact .bible-player-header-title {
    grid-column: 1; grid-row: 1; padding-top: 0; padding-left: 0; margin-left: 40px; align-self: center; box-sizing: border-box; max-width: 100%;
  }
  body.reader-morph-enabled .reader-header-compact .bible-player-header-actions {
    grid-column: 3; grid-row: 1; justify-self: end; flex-wrap: nowrap; margin: 0;
  }
  body.reader-morph-enabled .reader-header-compact .bible-player-header-translation {
    grid-column: 2; grid-row: 1; width: 100%; min-width: 0;
  }
  body.reader-morph-enabled .reader-header-compact .android-trans-trigger {
    width: 100%; min-height: 44px; padding: 8px 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.26), transparent 46%),
      linear-gradient(180deg, #c99d72 0%, #b3865e 52%, #9c7048 100%) !important;
    border: 1px solid rgba(56,34,15,.45) !important;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(255,233,194,.42), inset 0 1px rgba(255,255,255,.4) !important;
    font-size: 15px; font-weight: 700; letter-spacing: .015em;
  }
  body.reader-morph-enabled .reader-header-compact .android-trans-text {
    color: #fff5e4 !important; text-align: center; white-space: normal;
  }
}

body.reader-morph-enabled .reader-header-compact #readerMessengerBtn {
  display: inline-flex !important; background: transparent; border: 0;
  box-shadow: none; color: #e7d6b3; min-width: 38px; min-height: 44px;
}
body.reader-morph-enabled #readerMessengerBtn[aria-busy="true"] { opacity: .55; }

/* Play owns the center column; unequal side controls cannot displace it. */
body.reader-morph-enabled .player-controls {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center;
  gap: 12px;
}
body.reader-morph-enabled .player-controls-left,
body.reader-morph-enabled .player-controls-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  gap: 6px;
}
body.reader-morph-enabled .player-controls-center { justify-self: center; }
@media (max-width: 768px) {
  body.reader-morph-enabled .player-controls { gap: 10px; }
  body.reader-morph-enabled .player-controls-left,
  body.reader-morph-enabled .player-controls-right { gap: 3px; }
}

/* Desktop: three balanced groups, with chapter navigation around Play.
   Mobile/PWA keeps the compact seven-control row and navigation shortcuts. */
body.reader-morph-enabled {
  --reader-desktop-control-display: flex;
  --reader-mobile-control-display: none;
  --reader-control-group-display: grid;
}
@media (max-width: 768px), (max-height: 500px) and (pointer: coarse), (display-mode: standalone) {
  body.reader-morph-enabled {
    --reader-desktop-control-display: none;
    --reader-mobile-control-display: flex;
    --reader-control-group-display: flex;
  }
}
:is(html.is-pwa-standalone body, body.is-pwa-standalone).reader-morph-enabled {
  --reader-desktop-control-display: none;
  --reader-mobile-control-display: flex;
  --reader-control-group-display: flex;
}
body.reader-morph-enabled .player-controls .slides-present-btn,
body.reader-morph-enabled .player-controls .prev-btn,
body.reader-morph-enabled .player-controls .next-btn,
body.reader-morph-enabled .player-controls .autoplay-btn,
body.reader-morph-enabled .player-controls .font-size-controls {
  display: var(--reader-desktop-control-display) !important;
}
body.reader-morph-enabled #fontDrawerBtn,
body.reader-morph-enabled #readerSiteMenuBtn {
  display: var(--reader-mobile-control-display) !important;
}
body.reader-morph-enabled .player-controls .slides-present-btn { order: -1; }
body.reader-morph-enabled .player-controls .autoplay-btn { order: 10; }
body.reader-morph-enabled .player-controls .forward-btn,
body.reader-morph-enabled .player-controls .width-toggle-controls { display: none !important; }
body.reader-morph-enabled .player-controls-left,
body.reader-morph-enabled .player-controls-right {
  display: var(--reader-control-group-display);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: center;
  justify-content: space-around;
}
body.reader-morph-enabled .player-controls .font-size-controls {
  gap: 0 !important;
  border: 1px solid var(--thf-border);
  border-radius: 24px;
  overflow: hidden;
}
body.reader-morph-enabled .player-controls .font-size-btn {
  width: 32px !important;
  height: 44px !important;
  padding: 0;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--thf-surface-2) !important;
  color: var(--thf-text) !important;
  font-size: 13px !important;
}
body.reader-morph-enabled .player-controls .font-size-btn:hover,
body.reader-morph-enabled .player-controls .font-size-btn:focus-visible {
  background: var(--thf-surface-3) !important;
  color: var(--thf-heading) !important;
}
body.reader-morph-enabled .player-controls { max-width: 780px; margin-inline: auto; }
body.reader-morph-enabled .player-controls .control-btn,
body.reader-morph-enabled .player-controls #fullscreenBookBtn {
  width: 48px; height: 48px; min-width: 0; flex: 0 0 auto;
}
body.reader-morph-enabled .player-controls #playPauseBtn { width: 60px; height: 60px; }
body.reader-morph-enabled .player-controls #autoplayBtn {
  width: 72px;
  border-radius: 24px;
  font-size: 12px;
  font-weight: 600;
}
body.reader-morph-enabled .player-controls #fullscreenBookBtn {
  border: 0; border-radius: 50%; background: var(--thf-accent, #bd926f); color: #fff;
}
@media (max-width: 480px) {
  body.reader-morph-enabled .player-controls .control-btn { width: 40px; height: 44px; }
  body.reader-morph-enabled .player-controls #playPauseBtn { width: 60px; height: 60px; }
  body.reader-morph-enabled .player-controls { gap: 6px; }
}

/* This is the phone book shortcut; desktop has its persistent sidebar. */
@media (min-width: 769px) {
  body.reader-morph-enabled #playerMenuBtn { display: none !important; }
}

/* Keep the desktop book glyph legible when its text label is hidden. */
body.reader-morph-enabled #fullscreenBookBtn i { display: inline-block !important; font-size: 20px; color: #fff; }

/* A compact daily invitation with the real day's progress in its gold ring. */
body.reader-morph-enabled .audio-bible-sidebar .biay-side-toggle {
  padding: 12px 14px; gap: 12px; min-height: 76px;
  background: linear-gradient(110deg, rgba(189,146,111,.16), transparent 85%), var(--dw-panel, var(--thf-surface)) !important;
  border-bottom: 1px solid var(--dw-line, var(--thf-border)) !important;
}
body.reader-morph-enabled .biay-side-title { font: 600 19px/1.15 Georgia, serif; }
body.reader-morph-enabled .biay-side-text { gap: 4px; }
body.reader-morph-enabled .biay-side-ring { width: 42px; height: 42px; background: conic-gradient(#bd926f calc(var(--biay-pct) * 1%), rgba(189,146,111,.15) 0); }
body.reader-morph-enabled .biay-side-ring .biay-ribbon-day { width: 34px; height: 34px; font-size: 13px; }
body.reader-morph-enabled .audio-bible-sidebar .biay-side-state { letter-spacing: .02em; padding: 7px 10px; }
/* Desktop drawer: two sleek lines. Title on one line; the day line and a
   small READ button share the second. (Phones keep the layout above.) */
@media (min-width: 891px) {
  body.reader-morph-enabled .audio-bible-sidebar .biay-side-toggle {
    display: grid; grid-template-columns: 36px minmax(0, 1fr) auto;
    grid-template-areas: "ring title title" "ring sub state";
    align-items: center; column-gap: 10px; row-gap: 1px;
    padding: 9px 14px; min-height: 0; text-align: left;
  }
  body.reader-morph-enabled .audio-bible-sidebar .biay-side-text { display: contents; }
  body.reader-morph-enabled .audio-bible-sidebar .biay-side-ring { grid-area: ring; width: 36px; height: 36px; }
  body.reader-morph-enabled .audio-bible-sidebar .biay-side-ring .biay-ribbon-day { width: 29px; height: 29px; font-size: 12px; }
  body.reader-morph-enabled .audio-bible-sidebar .biay-side-title {
    grid-area: title; font-size: 17px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  body.reader-morph-enabled .audio-bible-sidebar .biay-side-sub {
    grid-area: sub; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  body.reader-morph-enabled .audio-bible-sidebar .biay-side-state {
    grid-area: state; justify-self: end; padding: 3px 9px; font-size: 10px; min-height: 0; line-height: 1.3;
  }
}
@media (max-width: 1100px) {
  body.audio-bible-page.reader-morph-enabled .audio-bible-sidebar {
    padding-top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
  }
}

/* Align the title's letters with the logo's lower edge (font descenders
   otherwise leave the visible title several pixels higher than the mark). */
.reader-morph-enabled .reader-header-compact .bible-player-header-title {
  padding-top: 11px; box-sizing: border-box; line-height: 30px;
}
.reader-morph-enabled #readerGreekBtn[hidden] { display: none !important; }
.reader-morph-enabled #readerGreekBtn.active { border-color: var(--thf-accent, #bd926f); }

.reader-morph-enabled #readerGreekBtn { min-width: 50px; width: auto; padding-inline: 7px; font-size: 12px; }

/* The installed status area follows the header in light and dark themes. */
body.audio-bible-page.reader-morph-enabled {
  --reader-chrome-background:
    repeating-linear-gradient(135deg, rgba(255,244,222,.008) 0 3px, transparent 3px 7px),
    radial-gradient(130% 170% at 12% -32%, rgba(201,162,39,.2) 0%, transparent 58%),
    radial-gradient(120% 120% at 50% 120%, rgba(0,0,0,.3) 0%, transparent 60%),
    linear-gradient(165deg, #38322c 0%, #262019 56%, #1a1512 100%);
}
:is(html.is-pwa-standalone body, body.is-pwa-standalone).audio-bible-page.reader-morph-enabled #thf-pwa-status-surface {
  background: var(--reader-chrome-background) !important;
  background-color: #38322c !important;
  background-size: 100% var(--reader-chrome-height, 180px) !important;
  background-repeat: no-repeat !important;
  z-index: 2147483646 !important;
}

/* The divider belongs to the settled expanded row. Never let its temporary
   flex-row position pass across the title while the controls are moving. */
.reader-morph-enabled .bible-player-header-row::before,
.reader-morph-enabled .bible-player-header-row::after {
  opacity: 1;
  transition: opacity 140ms ease;
}
.reader-morph-enabled .reader-header-morphing .bible-player-header-row::before,
.reader-morph-enabled .reader-header-morphing .bible-player-header-row::after {
  opacity: 0 !important;
  transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .reader-morph-enabled .bible-player-header-row::before,
  .reader-morph-enabled .bible-player-header-row::after { transition: none; }
}
/* Join the installed reader to its status area without a white theme strip. */
:is(html.is-pwa-standalone body, body.is-pwa-standalone).audio-bible-page.reader-morph-enabled .audio-bible-player-container {
  padding-top: 0 !important;
}
:is(html.is-pwa-standalone body, body.is-pwa-standalone).audio-bible-page.reader-morph-enabled .bible-player-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Mobile menu actions share the entire row, including when optional actions
   are unavailable. Keep desktop's existing labels and active Together dot. */
.sidebar-action-label { display: none; }
@media (max-width: 890px) {
  html body:not(.thf-classic-view) .audio-bible-sidebar .sidebar-header {
    display: flex !important;
    padding: 10px 12px !important;
  }
  html body:not(.thf-classic-view) .audio-bible-sidebar .sidebar-header-actions {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    gap: 6px !important;
  }
  html body:not(.thf-classic-view) .audio-bible-sidebar .sidebar-action-btn {
    position: relative;
    width: 100% !important;
    min-width: 0 !important;
    height: 60px !important;
    padding: 6px 2px !important;
    flex-direction: column;
    gap: 7px;
    border-radius: 10px !important;
    font-size: 18px;
  }
  html body:not(.thf-classic-view) .audio-bible-sidebar .sidebar-action-label {
    display: block;
    max-width: 100%;
    font-size: clamp(10px, 2.8vw, 12px);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    color: var(--dw-ink, var(--thf-text));
  }
  html body:not(.thf-classic-view) .audio-bible-sidebar .sidebar-close-mobile {
    display: none !important;
  }
}

/* Carry the illuminated header palette into both selector panels. */
body.reader-morph-enabled :is(.lang-drawer, .trans-drawer) {
  background: linear-gradient(145deg, rgba(189,146,111,.12), transparent 45%), var(--thf-bg);
  border-left-color: rgba(189,146,111,.45);
}
body.reader-morph-enabled :is(.lang-drawer-header, .trans-drawer-header) {
  background: radial-gradient(ellipse at top left, rgba(201,162,39,.22), transparent 65%),
    linear-gradient(145deg, #38322c, #1a1512);
  border-bottom: 1px solid #a78251;
  color: #f3dfb5;
  box-shadow: 0 5px 20px rgba(0,0,0,.16);
}
body.reader-morph-enabled :is(.lang-drawer-header, .trans-drawer-header) h3 { color: #f3dfb5; }
body.reader-morph-enabled :is(.lang-drawer-close, .trans-drawer-close, .trans-drawer-language) {
  background: rgba(225,191,135,.1); color: #f3dfb5;
  border: 1px solid rgba(225,191,135,.3); border-radius: 10px;
}
body.reader-morph-enabled :is(.lang-drawer-stats, .lang-drawer-filter, .lang-drawer-search) {
  background: linear-gradient(110deg, rgba(189,146,111,.14), rgba(189,146,111,.04)), var(--thf-surface);
}
body.reader-morph-enabled .lang-drawer-search input {
  border: 1px solid rgba(189,146,111,.42); border-radius: 10px;
  background: var(--thf-bg); padding: 12px 14px;
}
body.reader-morph-enabled :is(.lang-item, .trans-item) {
  background: linear-gradient(120deg, rgba(189,146,111,.12), transparent 70%), var(--thf-surface);
  border-color: rgba(189,146,111,.3);
  box-shadow: 0 3px 10px rgba(0,0,0,.06);
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.reader-morph-enabled :is(.lang-item, .trans-item):is(:hover, .selected) {
  background: linear-gradient(120deg, rgba(189,146,111,.27), rgba(189,146,111,.07)), var(--thf-surface);
  border-color: #bd926f;
  box-shadow: inset 3px 0 #bd926f, 0 3px 12px rgba(0,0,0,.08);
}
body.reader-morph-enabled .lang-item-badge {
  background: rgba(189,146,111,.17); color: var(--thf-heading);
  border: 1px solid rgba(189,146,111,.3); border-radius: 8px;
}
body.reader-morph-enabled :is(.lang-drawer-stats strong, .trans-item-icon.audio, .trans-item-icon.drama) { color: #b38a51; }