/*
 * bible-public.css — guest Bible reader styles (B + C contexts)
 *
 * fix_218_F0 (2026-04-27): extracted from inline <style> of bible-unified.ejs
 * L626-638. Sacred Modern CSS variables added per plan §6.3 for theme
 * overridability per ministry template (Contexto C).
 *
 * Tailwind utility classes inside the partials handle most styling. This
 * file only contains:
 *   1. CSS custom properties for theme tokens (overridable in ministry templates)
 *   2. Body padding for fixed CTA banner (mobile + tablet)
 *   3. Position overrides for ctaBanner across viewport breakpoints
 */

/* ═══ Theme tokens (defaults Sacred Modern) ════════════════════════════
 * Override per ministry template by setting on .bible-public-reader scope:
 *   <main class="bible-public-reader" style="--br-pub-primary: #ff5722;">
 * Applies to: chapter pill, active chapter cell, primary CTA button.
 */
:root,
.bible-public-reader {
  --br-pub-primary: #2563eb;
  --br-pub-primary-hover: #1d4ed8;
  --br-pub-text: #0f172a;
  --br-pub-text-muted: #64748b;
  --br-pub-bg: #ffffff;
  --br-pub-surface: #f8fafc;
  --br-pub-surface-hover: #f1f5f9;
  --br-pub-border: #e2e8f0;
  --br-pub-accent: #f59e0b;
  --br-pub-success: #16a34a;
  --br-pub-error: #dc2626;
  --br-pub-active-bg: #dbeafe;
  --br-pub-active-text: #1d4ed8;
}

/* ═══ CTA banner positioning (fixed) ═══════════════════════════════════
 * Mobile (<768): bottom nav visible 60px → CTA above it, body padding clears
 *                both (60px nav + 58px CTA + 32px breathing = 150px)
 * Tablet (768-1023): bottom nav hidden → CTA at viewport bottom, body padding
 *                    clears CTA only
 * Desktop (≥1024): CTA hidden via lg:hidden Tailwind class
 *
 * NOTE: extracted verbatim from bible-unified.ejs L627-638. Selectors target
 * #ctaBanner from bible-cta-guest.ejs partial.
 */
@media (max-width: 767px) {
  #ctaBanner { bottom: calc(env(safe-area-inset-bottom, 0px) + 58px); }
  body.has-bible-cta { padding-bottom: 150px !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #ctaBanner { bottom: 0; }
  body.has-bible-cta { padding-bottom: 70px !important; }
}

/* ═══ fix_218_F1_S1_6 — Bible version card desktop sidebar ═════════════ */
.bible-version-card select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='2' viewBox='0 0 24 24'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px;
  padding-right: 32px;
  appearance: none;
  -webkit-appearance: none;
}