/* bible-audio.css — Audio Bible: Listen buttons, the section page and the mini-player.
   Colours/fonts come from the reader's --br-* variables (Bible Studio), so every
   theme (parchment, white, sepia, night, large print) and both site designs apply. */

/* Listen button (chapter toolbar, readings) */
.bible-reader .br-listen { display: inline-flex; align-items: center; gap: .4rem; }
.bible-reader .br-listen .br-listen-ico { width: 18px; height: 18px; flex: none; }
.bible-reader .br-listen.is-current, .bible-reader .br-listen[aria-pressed="true"] { border-color: var(--br-gold, #8a642e); box-shadow: inset 0 0 0 1px var(--br-gold, #8a642e); }
.bible-reader .br-listen.is-none, .bible-reader .br-listen:disabled { opacity: .62; cursor: not-allowed; }
.bible-reader .br-listen-sm { min-height: 2rem; padding: .15rem .6rem; font-size: .85rem; vertical-align: middle; font-family: var(--br-font-ui); }
.bible-reader .br-audio-line { margin: .35rem 0 0; font-size: .85rem; color: var(--br-muted, #6c675f); font-family: var(--br-font-ui); }
.bible-reader .br-audio-line a { color: var(--br-link, #7a4a12); }

/* Section page */
.bible-reader .br-audio-cards { grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); }
.bible-reader .br-audio-card { padding: 1.1rem 1.2rem; }
.bible-reader .br-audio-dl { display: grid; grid-template-columns: max-content 1fr; gap: .3rem .9rem; margin: .6rem 0; font-size: .95rem; }
.bible-reader .br-audio-dl dt { font-weight: 600; color: var(--br-heading, #2b2015); }
.bible-reader .br-audio-dl dd { margin: 0; overflow-wrap: anywhere; }
.bible-reader .br-audio-honest { border-left: 3px solid var(--br-gold, #8a642e); padding-left: .7rem; }
.bible-reader .br-audio-gaps { margin: .6rem 0; }
.bible-reader .br-audio-gaps summary { cursor: pointer; font-weight: 600; }
.bible-reader .br-audio-gaps ul { columns: 2 12rem; margin: .4rem 0 0; padding-left: 1.1rem; font-size: .92rem; }
.bible-reader .br-audio-grid { margin: 1.4rem 0; }
.bible-reader .br-audio-testaments { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: .4rem 1.4rem; }
.bible-reader .br-audio-th { font-family: var(--br-font-ui); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--br-muted, #6c675f); margin: .8rem 0 .3rem; }
.bible-reader .br-audio-book { border-bottom: 1px solid var(--br-line-soft, #ece2d1); }
.bible-reader .br-audio-book > summary { cursor: pointer; padding: .55rem .2rem; display: flex; justify-content: space-between; gap: .6rem; min-height: 2.75rem; align-items: center; }
.bible-reader .br-audio-book[data-testament="ot"] > summary .br-audio-bname { border-left: 3px solid var(--br-ot, #8c5a2b); padding-left: .5rem; }
.bible-reader .br-audio-book[data-testament="nt"] > summary .br-audio-bname { border-left: 3px solid var(--br-nt, #7b1e2b); padding-left: .5rem; }
.bible-reader .br-audio-chs { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(2.75rem, 1fr)); gap: .35rem; padding: .2rem 0 .8rem; margin: 0; }
.bible-reader .br-audio-ch { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 2.75rem; border: 1px solid var(--br-line, #d6c6ab); border-radius: 8px; background: var(--br-surface, #fffaf0); color: var(--br-ink, #231f19); font: 600 .95rem var(--br-font-ui); cursor: pointer; }
.bible-reader button.br-audio-ch:hover, .bible-reader button.br-audio-ch:focus-visible { border-color: var(--br-gold, #8a642e); }
.bible-reader .br-audio-ch.is-current { background: var(--br-gold, #8a642e); color: var(--br-on-accent, #fff); border-color: var(--br-gold, #8a642e); }
.bible-reader .br-audio-ch.is-none { opacity: .45; cursor: default; border-style: dashed; font-weight: 400; }
.bible-reader .br-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bible-reader .br-audio-more { font-style: italic; }

/* Mini-player: fixed to the bottom, inside main.bible-reader so it inherits the theme. */
.bible-reader .ha-audio {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1290;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "info ctl" "bar bar"; gap: .2rem 1rem; align-items: center;
  padding: .55rem max(16px, env(safe-area-inset-right)) calc(.55rem + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  background: var(--br-toolbar, #fbf6ea); color: var(--br-ink, #231f19); border-top: 1px solid var(--br-line, #d6c6ab);
  box-shadow: 0 -6px 22px rgba(40, 30, 15, .16); font-family: var(--br-font-ui);
}
.bible-reader .ha-audio[hidden] { display: none; }
html[data-sd="desk"] .bible-reader .ha-audio { left: var(--sd-side-w, 0px); }
@media (max-width: 1023px) { html[data-sd="desk"] .bible-reader .ha-audio { left: 0; } }
.ha-audio-info { grid-area: info; min-width: 0; }
.ha-audio-title { margin: 0; font-weight: 700; font-size: 1rem; color: var(--br-heading, #2b2015); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ha-audio-sub, .ha-audio-status { margin: 0; font-size: .8rem; color: var(--br-muted, #6c675f); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ha-audio-status:empty { display: none; }
.ha-audio-open { font-size: .8rem; color: var(--br-link, #7a4a12); }
.ha-audio-bar { grid-area: bar; display: flex; align-items: center; gap: .6rem; }
.ha-audio-t { font-size: .78rem; font-variant-numeric: tabular-nums; color: var(--br-muted, #6c675f); min-width: 2.8rem; text-align: center; }
.ha-audio-seek { flex: 1; min-width: 0; accent-color: var(--br-gold, #8a642e); height: 1.6rem; }
.ha-audio-ctl { grid-area: ctl; display: flex; align-items: center; gap: .25rem; flex-wrap: wrap; justify-content: flex-end; }
.ha-audio-btn { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; border: 1px solid transparent; background: transparent; color: var(--br-ink, #231f19); cursor: pointer; padding: 0; }
.ha-audio-btn svg { width: 22px; height: 22px; }
.ha-audio-btn:hover { border-color: var(--br-line, #d6c6ab); }
.ha-audio-btn:focus-visible, .ha-audio-sel:focus-visible, .ha-audio-seek:focus-visible { outline: 3px solid var(--br-focus, #8a642e); outline-offset: 2px; }
.ha-audio-play { background: var(--br-gold, #8a642e); color: var(--br-on-accent, #fff); width: 3rem; height: 3rem; }
.ha-audio-play:hover { border-color: var(--br-gold, #8a642e); filter: brightness(1.08); }
.ha-audio-sel { min-height: 2.5rem; border: 1px solid var(--br-line, #d6c6ab); border-radius: 8px; background: var(--br-surface, #fffaf0); color: var(--br-ink, #231f19); font: .85rem var(--br-font-ui); padding: 0 .3rem; max-width: 9.5rem; }
.ha-audio-close { width: 2.4rem; height: 2.4rem; }

/* Room for the player at the end of the page; lift the My Study button above it. */
html.has-audio-player body { padding-bottom: 8.5rem; }
html.has-audio-player .study-fab { bottom: 9rem !important; }

@media (max-width: 720px) {
  .bible-reader .ha-audio { grid-template-columns: 1fr; grid-template-areas: "info" "bar" "ctl"; padding-top: .45rem; }
  .ha-audio-ctl { justify-content: space-between; gap: .1rem; }
  .ha-audio-sel { max-width: 5.6rem; font-size: .8rem; }
  .ha-audio-btn { width: 2.6rem; height: 2.6rem; }
  .ha-audio-play { width: 2.9rem; height: 2.9rem; }
  html.has-audio-player body { padding-bottom: 14.5rem; }
  html.has-audio-player .study-fab { bottom: 15rem !important; }
}
@media (max-width: 380px) { .ha-audio-close { position: absolute; top: .3rem; right: .3rem; } .ha-audio-info { padding-right: 2.2rem; } }
@media (prefers-reduced-motion: reduce) { .bible-reader .ha-audio { box-shadow: none; } }
@media print { .bible-reader .ha-audio, .bible-reader .br-listen, .bible-reader .br-audio-line { display: none !important; } }