/* ─────────────────────────────────────────────────────────────
   The EOOW & ETO Bible landing page.
   Mirrors the OOW Bible page structure (classes from style.css)
   but re-themes the accent from blue to amber by overriding the
   --accent CSS variables on every .eoow-page section. This file
   is only loaded on the /eoow-eto-bible routes, so the override
   is naturally scoped to that page.
   ───────────────────────────────────────────────────────────── */

.eoow-page {
  --accent: #F59E0B;
  --accent-light: #FBBF24;
  --accent-glow: rgba(245, 158, 11, 0.15);
}

.accent-amber { color: var(--amber); }

/* Amber colour splash behind the EOOW hero (the OOW hero keeps its blue splash
   from style.css). Matches the strengthened two-stop falloff there — the old
   single-stop 0.10 alpha was imperceptible on most screens. */
.hero.eoow-page::before {
  background: radial-gradient(circle, rgba(245, 158, 11, 0.22) 0%, rgba(245, 158, 11, 0.07) 45%, transparent 70%);
}

/* Google Play badge — Android still in review, shown but not linked */
.store-badge-soon {
  position: relative;
  cursor: default;
  opacity: 0.55;
  filter: grayscale(0.35);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.store-badge-soon:hover {
  transform: none;
}

.store-badge-soon-tag {
  position: absolute;
  top: -10px;
  right: -6px;
  font-family: var(--font-heading, 'Space Grotesk', sans-serif);
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--amber);
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.35);
  padding: 3px 8px;
  border-radius: 20px;
  white-space: nowrap;
  line-height: 1;
}

@media (max-width: 480px) {
  .store-badge-soon-tag {
    top: -8px;
    right: 50%;
    transform: translateX(50%);
  }
}