/* ── IV-OL Tiefen-Theme (Imkerverein Oldenburg e.V.) ─────────────
   Quelle: iv-oldenburg.de (Dancing Script + Open Sans, #f9b126/#ed8c00,
   Text #212934, Grün #65bc7b) + Neuimker-Flyer (Honig-Verlauf,
   Creme-Papier, Bienen-Illustration). Wird NACH dem Inline-CSS geladen. */

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&family=Open+Sans:wght@400;600;700;800&display=swap');

:root {
  --ivol-honig: #f9b126;
  --ivol-orange: #ed8c00;
  --ivol-ink: #212934;
  --ivol-creme: #f6efdf;
  --ivol-gruen: #65bc7b;
}

/* Grundschrift wie die Website */
body { font-family: 'Open Sans', -apple-system, sans-serif !important; }

/* ── Card-Seiten (Login / Wizard / Reset / Konto) ── */
body:has(> .card) {
  background: linear-gradient(165deg, var(--ivol-honig) 0%, var(--ivol-orange) 100%) !important;
}
.card {
  background: #fffdf7 !important;
  box-shadow: 0 2px 6px rgba(64, 41, 0, .18), 0 18px 48px rgba(64, 41, 0, .28) !important;
}
.card h1 {
  font-family: 'Dancing Script', cursive !important;
  font-size: 30px !important;
  color: var(--ivol-ink) !important;
}
.card .brand .name { color: var(--ivol-ink); }
/* Nur auf den Card-SEITEN (Login/Wizard/Reset: .card liegt direkt im body) —
   nicht auf den Vorlagen-Karten der Galerie (.grid .card). */
body > .card::after {
  content: '';
  display: block;
  margin: 22px auto 0;
  width: 130px; height: 60px;
  background: url('biene.png') no-repeat center / contain;
  opacity: .9;
}

/* ── Tool-UI (index.php) ── */
html, body { background: var(--ivol-creme) !important; }
.topbar { background: rgba(255, 253, 247, .92) !important; }

.hero {
  background: linear-gradient(165deg, var(--ivol-honig) 0%, var(--ivol-orange) 100%) !important;
  border-bottom: 0 !important;
  position: relative;
}
.hero::before { background-image: none !important; }          /* LM-Punktraster aus */
.hero::after {
  /* Biene mit Flugbahn statt Vignette (Asset aus dem Neuimker-Flyer) */
  background: url('biene.png') no-repeat right 42px bottom 18px / 190px auto !important;
  opacity: .95;
}
.hero-h1 {
  font-family: 'Dancing Script', cursive !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: var(--ivol-ink) !important;
}
.hero-h1 .hl { padding: 0 10px 4px; }
.hero-h1 .hl::before { background: var(--ivol-ink) !important; transform: rotate(-1.4deg); inset: 8px 0 0 0 !important; }
.hero-h1 .hl span { color: var(--ivol-honig) !important; }
.hero-sub { color: rgba(33, 41, 52, .82) !important; font-weight: 600 !important; }
.hero-stat, .hero-stat.active { color: var(--ivol-ink) !important; }
.hero-stat-label { color: rgba(33, 41, 52, .65) !important; }

/* Karten auf Creme */
.card-icon { background: #fdf4dd !important; border-color: rgba(237, 140, 0, .35) !important; color: var(--ivol-orange) !important; }
.grid .card h3 { letter-spacing: -.02em; }
.logitem, .form-card, .prev-card, .grid .card { border-color: rgba(64, 41, 0, .14) !important; }

/* Abschnitts-Labels in Vereinsgrün wie die Website-Akzente */
.section-label { color: var(--ivol-gruen) !important; letter-spacing: 1px !important; }

/* Eingaben/Fokus */
.f-input:focus, .f-area:focus { border-color: var(--ivol-orange) !important; }

/* User-Pill + Toast im CI */
.user-pill { background: #fffdf7 !important; }
.toast { background: var(--ivol-ink) !important; color: #fff !important; }