/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  light-fixes.css — HELL-MODUS LESBARKEITS-OVERRIDES  (BUG 1)               ║
   ║  Erzeugt 10.06.2026 · Multi-Agent-Audit (13 Module, je 1 Agent)           ║
   ║                                                                            ║
   ║  Wirkt AUSSCHLIESSLICH bei html[data-theme="light"]. Im Dunkel-Modus       ║
   ║  greift KEINE Regel hier → der funktionierende Dunkel-Modus bleibt 100%    ║
   ║  unberührt. Reversibel: einfach den <link> in app.html entfernen.         ║
   ║                                                                            ║
   ║  Behebt hartcodierte Weisswerte (color:#fff / rgba(255,255,255,.0x)), die  ║
   ║  im Hell-Modus unlesbar/unsichtbar werden. NUR Kategorie A (Text),         ║
   ║  B (Karten-/Pillen-Fuellung) und D (Trenner) — Kategorie C (Weiss auf      ║
   ║  gesaettigtem/dunklem Grund: Buttons/Badges) wird BEWUSST verschont.       ║
   ║                                                                            ║
   ║  MUSS NACH allen anderen Stylesheets geladen werden (Cascade).             ║
   ║                                                                            ║
   ║  Hinweis: Miqāt ist NICHT enthalten — das Modul besitzt bereits ein        ║
   ║  vollstaendiges, ans globale Theme gekoppeltes Light-System                ║
   ║  (#hcmq-modal[data-light="on"], miqat-v2.css:489ff / miqat-v2.js:664).     ║
   ║  Inline-JS-Weisswerte (app.js/hajj-v2.js/umra-v1.js/Tracker/home-tiles.js) ║
   ║  sind per CSS nicht erreichbar und werden separat im Quellcode gefixt.     ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */



/* ###################### style-core ###################### */
/* =====================================================================
   LIGHT-MODE OVERRIDES — style.css (global shell)
   Wirkt AUSSCHLIESSLICH bei html[data-theme="light"].
   !important ist hier gefahrlos (greift nie im Dunkelmodus) und schlaegt
   die runtime-/inline-!important-Regeln der Karten-Gruppen.

   Behoben: hartcodierte Weisswerte (color:#fff / rgba(255,255,255,.0x)),
   die im Hell-Modus unlesbar werden bzw. Karten/Pillen unsichtbar machen.
   NICHT angefasst: weiss auf gesaettigtem/dunklem Grund (Buttons, Badges,
   aktive Tabs, grad-emerald/danger, dunkle Glas-Pillen) — dort korrekt.
   ===================================================================== */

/* ---- A: weisser Text auf hellem Glas-Grund (unlesbar im Hell-Modus) ---- */
/* .hc-accordion = var(--glass-surface) (= rgba(255,255,255,.82) hell) → Text muss dunkel */
html[data-theme="light"] .hc-accordion__header{ color:var(--color-text) !important; }

/* ---- B: rgba(255,255,255,.0x)-Fuellungen (auf Weiss unsichtbar) ---- */
/* Pillen / Inputs mit dezenter Weiss-Fuellung → dezenter Dunkel-Tint bzw. Surface */
html[data-theme="light"] .prayer-time-chip{ background:rgba(0,0,0,0.03) !important; }
html[data-theme="light"] .wai-pill{ background:rgba(0,0,0,0.03) !important; }
html[data-theme="light"] .pack-badge--opt{ background:var(--color-surface-2) !important; }
html[data-theme="light"] .welcome-input{ background:var(--color-surface) !important; }
/* Hover-Feedback der Bottom-Nav (Weiss-Tint verschwindet auf hellem Glas) */
html[data-theme="light"] .bottom-nav__item:hover{ background:rgba(0,0,0,0.04) !important; }

/* Einzel-Karten mit linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.015)) */
html[data-theme="light"] .dua-card{ background:var(--color-surface) !important; }
html[data-theme="light"] .ziyarat-route{ background:var(--color-surface) !important; }
html[data-theme="light"] .ziyarat-site-card{ background:var(--color-surface) !important; }

/* Karten-Sammelregeln (style.css zeile ~3180 / ~3200) — gleiche unsichtbare Weiss-Gradient-Fuellung */
html[data-theme="light"] .restaurant-card,
html[data-theme="light"] .parking-card,
html[data-theme="light"] .diary-entry-card,
html[data-theme="light"] .hajj-calendar-item,
html[data-theme="light"] .loc-place-item,
html[data-theme="light"] .bus-info-card,
html[data-theme="light"] .sunnah-item,
html[data-theme="light"] .best-time-row{ background:var(--color-surface) !important; }

html[data-theme="light"] .gate-item,
html[data-theme="light"] .wudu-item,
html[data-theme="light"] .mehr-item,
html[data-theme="light"] .taxi-card,
html[data-theme="light"] .group-tracker-card,
html[data-theme="light"] .ziyarat-card{ background:var(--color-surface) !important; }


/* ###################### shell-misc ###################### */
/* ════════════════════════════════════════════════════════════════════════
   LIGHT-MODE OVERRIDES — Shell / Misc group
   Audit der hartcodierten Weisswerte in:
     settings.css, home-style.css, subscription-ui.css,
     hc-push-ui.js, hc-settings-skin.js, hc-global-settings-ui.js,
     contacts.js, home-inspiration.js, home-tiles.js, haram-nav.js,
     overlays.js, paywall.js, paywall-terms-gate.js, hc-welcome.js

   Wirkt NUR im Hell-Modus (html[data-theme="light"]) → !important gefahrlos.

   WICHTIG (Kontext, siehe notes der strukturierten Rueckgabe):
   - Die MEISTEN Weisswerte dieser Gruppe sind KORREKT (Kategorie C) und bleiben
     unangetastet: weiss-auf-Emerald-Buttons, Karten-/Map-Marker, QR-Codes,
     iOS-weisses Push-Modal, Google-Login-Button, sowie mehrere Modals die im
     Hell-Modus DUNKEL bleiben (paywall #0a1814, subscription-sheet #0a130f,
     #hcgs-Modal, hc-welcome) → weiss-auf-dunkel = lesbar.
   - settings.css besitzt ein EIGENES Hell-Theme via html[data-hc-theme="light"]
     (synchron zu data-theme gesetzt, app.js 687-690 / theme.js 27-30) und wird
     zusaetzlich von hc-settings-skin.js abgedeckt → hier NICHT dupliziert.
   - Hero-Card, Tiles, Akkordeon-Container & Bottom-Nav werden bereits von den
     Inline-Light-Overrides in app.html (data-theme="light") auf helle Flaechen
     umgestellt. Nur die wenigen Stellen, die app.html NICHT erreicht, sind hier.
   ════════════════════════════════════════════════════════════════════════ */


/* ===== home-style.css · Hero-Wetter (Hero wird in app.html hell) ===== */
/* app.html faerbt Name/Greeting/Datum/Label/Countdown auf #1a2818 um, aber
   NICHT die Wetter-Zeile → weisse Temperatur wuerde auf hellem Hero verschwinden. */
html[data-theme="light"] .hero-prayer-card__weather-inline .w-temp{
  color:var(--color-text) !important;
}
html[data-theme="light"] .hero-prayer-card__weather-inline .w-warn{
  color:var(--color-text-secondary) !important;
}


/* ===== home-style.css · Prayer-Time-Chips ===== */
/* app.html setzt den Chip-Hintergrund hell (rgba(255,255,255,0.6)) und die
   Chip-Farbe auf #1a2818, aber die span-Kinder haben eigene Weisswerte
   (rgba(255,255,255,0.55) / #fff) die das ueberschreiben → Uhrzeiten unsichtbar.
   Aktive Chips (gruener Text) werden bewusst AUSGENOMMEN. */
html[data-theme="light"] .prayer-time-chip:not(.is-active):not(.prayer-time-chip--active) span:first-child{
  color:var(--color-text-secondary) !important;
}
html[data-theme="light"] .prayer-time-chip:not(.is-active):not(.prayer-time-chip--active) span:last-child{
  color:var(--color-text) !important;
}


/* ===== home-style.css · Akkordeon Hover-Border ===== */
/* Basis-Border wird von app.html hell gesetzt, der :hover-Zustand kippt aber
   auf rgba(255,255,255,0.14) zurueck → im Hell-Modus unsichtbar. */
html[data-theme="light"] .hc-accordion:hover{
  border-color:var(--color-border) !important;
}

/* ────────────────────────────────────────────────────────────────────────
   Hinweis: Die weissen Texte IM Akkordeon-Header (Titel/Subtitel/Zaehler-Pille/
   Chevron) stehen als Inline-Styles ohne eigene Klasse/ID in home-tiles.js und
   lassen sich nicht zuverlaessig per Override treffen → siehe inlineJsEdits.
   ──────────────────────────────────────────────────────────────────────── */


/* ###################### hajj ###################### */
/* ════════════════════════════════════════════════════════════════════════
   HELL-MODUS OVERRIDES · HAJJ
   ────────────────────────────────────────────────────────────────────────
   Wirkt NUR im Hell-Modus (html[data-theme="light"]). !important ist hier
   gefahrlos, da diese Datei im Dunkel-Modus nicht greift und nur runtime-/
   inline-injizierte Weisswerte ueberschreibt.

   BEFUND
   ──────
   hajj-v2.css besitzt bereits ein SEHR umfangreiches Light-Theme unter
   html[data-hc-theme="light"]. data-hc-theme wird in app.js (Z.687/690) und
   theme.js synchron zu data-theme gesetzt — d.h. dieses bestehende Light-Theme
   ist im Hell-Modus aktiv und adaptiert nahezu ALLE hartcodierten Weisswerte
   (Hero-Card, Tabs, Day-Pills, Blocks, Tracker, Du'a, Madhahib, Mdh-Ruling,
   Sunan, Statusbar, Header ...). Diese Funde sind also NICHT kaputt.

   Es verbleiben nur Luecken im KONTEXT-AKKORDEON (.hcj-ctx-*): der dev hat
   .hcj-ctx-block im Light-Mode auf hellen Karten-BG (rgba(255,255,255,0.55))
   umgestellt, aber Vorschau-Text, Chevron und Innen-Trenner weiss gelassen.
   Zusaetzlich ein weisser Innen-Trenner im offenen Madhahib-Block-Header.

   BEWUSST NICHT ANGEFASST (Kategorie C):
   - hajj-types.css  : .hct-screen hat einen HARTKODIERT DUNKLEN Kaaba-Nacht-
                       Hintergrund und KEIN Light-Override -> Modal bleibt in
                       beiden Themes dunkel -> Weiss ist korrekt/lesbar.
   - hajj-svg-animations.js : SVG-Figuren liegen in .hcj-hero-anim, dessen
                       Container im Light-Mode bewusst DUNKEL gehalten wird
                       (hajj-v2.css Z.2632: rgba(40,30,20,0.85)) -> Weiss korrekt.
   - Weiss auf Maroon/Gold/Gruen-Flaechen (day-pill.active, cta-main,
                       step-dua-audio.playing) -> korrekt in beiden Themes.
   ════════════════════════════════════════════════════════════════════════ */

/* ===== Hajj · Kontext-Akkordeon (.hcj-ctx-*) ===== */
/* A: Vorschau-Text war color:rgba(255,255,255,0.6) — weiss auf hellem
       Karten-BG (.hcj-ctx-block wird im Light-Mode rgba(255,255,255,0.55)) */
html[data-theme="light"] .hcj-ctx-preview{ color:var(--color-text-secondary) !important; }
/* A: Chevron nutzt stroke="currentColor" + color:rgba(255,255,255,0.5)
       -> auf heller Karte unsichtbar */
html[data-theme="light"] .hcj-ctx-chevron{ color:var(--color-text-secondary) !important; }
/* D: Innen-Trenner unter dem offenen Header (border-bottom rgba(255,255,255,0.06))
       verschwand auf hellem Grund */
html[data-theme="light"] .hcj-ctx-block.open .hcj-ctx-hdr{ border-bottom-color:var(--color-border) !important; }

/* ===== Hajj · Madhahib-Akkordeon ===== */
/* D: Trenner zwischen offenem Header und Inhalt war border-bottom
       rgba(255,255,255,0.1) -> im Hell-Modus unsichtbar */
html[data-theme="light"] .hcj-madhahib-block.open .hcj-madhahib-block-hdr{ border-bottom-color:var(--color-border) !important; }


/* ###################### hub ###################### */
/* =====================================================================
   HUB-MODUL · Hell-Modus-Overrides (hub-v1.css / hub-v1.js)
   ---------------------------------------------------------------------
   Wirkt NUR im Hell-Modus (html[data-theme="light"]).
   theme.js setzt data-theme UND data-hc-theme synchron, daher greift
   dieser Prefix garantiert. !important schlaegt vorhandene !important-
   bzw. inline-Regeln.

   WICHTIG: hub-v1.css besitzt bereits einen sehr umfangreichen
   html[data-hc-theme="light"]-Block, der die grosse Mehrheit der
   hartcodierten Weisswerte (Header, Cards, Tags, Detail, Treffpunkt,
   Filter-Dropdown, Exit, Toolbar, Filter-Sheet ...) korrekt abfaengt.
   Diese Datei ergaenzt NUR die wenigen Funde, die dort NICHT abgedeckt
   sind und im Hell-Modus tatsaechlich unlesbar/unsichtbar werden.
   ===================================================================== */


/* ===== Leaflet-Popup: Schliessen-Button =====
   A — color rgba(255,255,255,0.6) (hub-v1.css:565, mit !important).
   Popup-Wrapper wird im Hell-Modus weiss (Override :642ff), das "x"
   bleibt aber weiss => unsichtbar auf Weiss. */
html[data-theme="light"] .leaflet-popup-close-button{
  color:var(--color-text-secondary) !important;
}


/* ===== Schnell-Raus · Ergebnis-Tag-Pille =====
   B — background rgba(255,255,255,0.06) (hub-v1.css:1589).
   Das Exit-Sheet selbst ist (per inline-Style im JS) auch im Hell-Modus
   dunkel, ABER .hub-exit-result wird im Hell-Modus weiss (Override
   :1639). Die Tag-Pille sitzt also auf einer weissen Karte und ihr
   transparent-weisser Grund verschwindet. Dezenter dunkler Tint. */
html[data-theme="light"] .hub-exit-tag{
  background:rgba(0,0,0,0.05) !important;
}


/* ===== Filter-Bottom-Sheet (v0.8) — restliche Funde =====
   Das .hub-filter-sheet hat KEINEN inline-Hintergrund und wird im
   Hell-Modus weiss (Override :1877). Folgende Kind-Elemente sind dort
   nicht abgedeckt und werden auf Weiss unsichtbar: */

/* D — Kopf-Trenner border-bottom rgba(255,255,255,0.06) (hub-v1.css:1750).
   Als sichtbare Trennlinie zwischen Sheet-Kopf und -Koerper gedacht. */
html[data-theme="light"] .hub-filter-head{
  border-bottom-color:var(--color-border) !important;
}

/* B+D — Reset-Button: background rgba(255,255,255,0.06) (:1779) +
   border rgba(255,255,255,0.1) (:1781) verschwinden auf Weiss; der
   helle Text #cbd5e1 (:1780) waere dann ebenfalls unlesbar, daher wird
   die Textfarbe mit angepasst, damit der Button ueberhaupt nutzbar
   bleibt (sonst greift der Hintergrund-Fix ins Leere). */
html[data-theme="light"] .hub-filter-reset{
  background:var(--color-surface-2) !important;
  border-color:var(--color-border) !important;
  color:var(--color-text-secondary) !important;
}

/* A — Such-Platzhalter color rgba(255,255,255,0.4) (hub-v1.css:1814).
   Das Suchfeld wird im Hell-Modus hell (Override :1883), der weisse
   Placeholder bleibt aber unsichtbar. */
html[data-theme="light"] .hub-filter-search::placeholder{
  color:var(--color-text-tertiary) !important;
}


/* ###################### umra ###################### */
/* ═══════════════════════════════════════════════════════════════════════
   LIGHT-MODE OVERRIDES — ʿUMRA MODULE
   Wirkt NUR im Hell-Modus (html[data-theme="light"]).
   ---------------------------------------------------------------------
   Hinweis: umra-v1.css bringt bereits ein vollstaendiges, modul-eigenes
   Light-Theme mit (Selektor-Prefix html[data-hc-theme="light"]; wird von
   theme.js synchron zu data-theme gesetzt). Dadurch sind FAST ALLE
   hartcodierten Weisswerte aus umra-v1.css im Hell-Modus bereits korrekt
   umgefaerbt. Hier stehen NUR die Reste, die dieses Theme NICHT abdeckt,
   plus die beiden Dateien OHNE eigenes Light-Theme (umra-modes / umra-fiqh).
   ═══════════════════════════════════════════════════════════════════════ */


/* ===== umra-modes.css — KEIN eigenes Light-Theme ============================
   Die Karte selbst (.hcu-mode-card bg/border) wird durch das Light-Theme von
   umra-v1.css (gleiche Klasse) hell gemacht → die weissen Text-Kinder werden
   dadurch unlesbar (weiss auf hell). Hier nachgezogen.                       */

/* Picker-Kopf */
html[data-theme="light"] .hcu-modes-title    { color: var(--color-text) !important; }
html[data-theme="light"] .hcu-modes-subtitle { color: var(--color-text-secondary) !important; }

/* Karten-Text. Mode-Name nur fuer NICHT-aktive Karten umfaerben — die aktive
   Karte traegt einen (nicht-weissen) Teal-Akzent #2dd4bf, der erhalten bleibt. */
html[data-theme="light"] .hcu-mode-card:not(.hcu-mode-card--active) .hcu-mode-name { color: var(--color-text) !important; }
html[data-theme="light"] .hcu-mode-name-ar { color: var(--color-text-secondary) !important; }
html[data-theme="light"] .hcu-mode-meaning  { color: var(--color-text-secondary) !important; }

/* Flow-Step-Text: die Flow-Box hat bg rgba(0,0,0,.2) (kein Weiss) → im
   Hell-Modus ein helles Grau; dunkler Primaertext bleibt darauf gut lesbar. */
html[data-theme="light"] .hcu-mode-flow-text { color: var(--color-text) !important; }

/* Empty-State */
html[data-theme="light"] .hcu-mode-empty { color: var(--color-text-secondary) !important; }


/* ===== umra-v1.css — Reste, die das data-hc-theme-Light auslaesst ===========
   Loading-/Empty-State teilen einen Selektor mit .hcu-error; Error hat ein
   eigenes Rot (#ef4444), daher hier nur loading + empty.                     */
html[data-theme="light"] .hcu-loading,
html[data-theme="light"] .hcu-empty { color: var(--color-text-secondary) !important; }


/* ===== umra-fiqh.css — KEIN eigenes Light-Theme =============================
   Text ist bereits var()-basiert (adaptiv). Kaputt sind nur die beiden
   weissen Tints, die als Custom-Props die Klapp-Kachel + Trenner zeichnen
   (auf Hell unsichtbar) sowie der weisse Hover-Tint des Toggles.             */
html[data-theme="light"] .umra-fiqh-wrap {
  --uf-card:   var(--color-surface) !important;  /* B: rgba(255,255,255,.04) → sichtbare Kachel */
  --uf-border: var(--color-border)  !important;  /* D: rgba(255,255,255,.10) → sichtbarer Trenner/Rahmen */
}
html[data-theme="light"] .umra-fiqh-wrap .uf-toggle:hover { background: rgba(0,0,0,0.04) !important; } /* B: weisser Hover-Tint */


/* ###################### tracker ###################### */
/* ═══════════════════════════════════════════════════════════════════════════
   LIGHT-MODE OVERRIDES — Tracker (Tawāf / Saʿy / Stein / Quick-Modal)
   Quelle: tracker-v2.css  (+ inline-JS in tracker-v2.js / tawaf-say-tracker.js /
           step-tracker-core.js → siehe inlineJsEdits, NICHT hier behebbar)

   Greift NUR im globalen Hell-Modus  html[data-theme="light"].
   Behebt hartcodierte Weisswerte (Text, Karten-Tints, Trenner), die im
   Hell-Modus auf hellem Grund unlesbar / unsichtbar werden.

   WICHTIG — bewusst AUSGELASSEN:
   - Solide Farb-/Gradient-Buttons & Badges (weiss auf Gold/Blau/Grün/Lila) = korrekt.
   - Settings-Bottomsheet (.hctk-settings-*): hat hartcodierten DUNKLEN Grund
     (#0a1814) der dem Theme NICHT folgt → weisser Text dort = weiss-auf-dunkel =
     korrekt. NICHT überschreiben (sonst dunkel-auf-dunkel = unlesbar).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   HERO-CARD (.hctk-*) — Tint-Karte auf Seiten-/Modul-Grund
   ───────────────────────────────────────────────────────────── */
html[data-theme="light"] .hctk-name{ color:var(--color-text) !important; }
html[data-theme="light"] .hctk-counter-of{ color:var(--color-text-tertiary) !important; }
html[data-theme="light"] .hctk-label{ color:var(--color-text-secondary) !important; }
html[data-theme="light"] .hctk-saymarwa{ color:var(--color-text-secondary) !important; }

/* Leere Fortschritts-Punkte (Hintergrund + Rand verschwinden auf Weiss) */
html[data-theme="light"] .hctk-dot{
  background:rgba(0,0,0,0.08) !important;
  border-color:rgba(0,0,0,0.18) !important;
}

/* Minus-Button = Ghost-Button (kein solider Grund) → alle 3 Weisswerte kaputt */
html[data-theme="light"] .hctk-btn-minus{
  background:rgba(0,0,0,0.05) !important;
  color:var(--color-text) !important;
  border-color:rgba(0,0,0,0.12) !important;
}

/* Tipp-Box-Text (Grund ist nur ein heller Tint) */
html[data-theme="light"] .hctk-tip{ color:var(--color-text-secondary) !important; }

/* Zahnrad-Button auf der Karte */
html[data-theme="light"] .hctk-gear{
  background:rgba(0,0,0,0.05) !important;
  border-color:rgba(0,0,0,0.1) !important;
  color:var(--color-text-secondary) !important;
}

/* ─────────────────────────────────────────────────────────────
   QUICK-MODAL (.hctq-*) — liegt in #modal-tawaf-quick .modal__box,
   dessen Grund global var(--color-surface) = #ffffff im Hell-Modus ist.
   → sämtlicher weisser Text/Tints darin wird unlesbar/unsichtbar.
   ───────────────────────────────────────────────────────────── */

/* Header: Zurück-Button (Ghost) */
html[data-theme="light"] .hctq-modal-back{
  background:rgba(0,0,0,0.05) !important;
  border-color:rgba(0,0,0,0.12) !important;
  color:var(--color-text) !important;
}
html[data-theme="light"] .hctq-modal-back:hover{ background:rgba(0,0,0,0.08) !important; }

/* Tabs (inaktiv = Ghost). .hctq-tab.active bleibt unangetastet (Teal-Gradient). */
html[data-theme="light"] .hctq-tab{
  background:rgba(0,0,0,0.03) !important;
  border-color:rgba(0,0,0,0.1) !important;
  color:var(--color-text-secondary) !important;
}

/* Niyyah-Box-Texte (Grund = heller Lila-Tint) */
html[data-theme="light"] .hctq-niyyah-text{ color:var(--color-text) !important; }
html[data-theme="light"] .hctq-niyyah-explain{ color:var(--color-text) !important; }
html[data-theme="light"] .hctq-niyyah-tip{ color:var(--color-text-secondary) !important; }

/* Counter: "/ Gesamt"-Suffix */
html[data-theme="light"] .hctq-counter-num-total{ color:var(--color-text-tertiary) !important; }

/* Fortschritts-Schiene */
html[data-theme="light"] .hctq-progress-track{ background:rgba(0,0,0,0.08) !important; }

/* Nummerierte Punkte (leer). .hctq-dot.done bleibt (Grün-Fläche, weisse Zahl korrekt). */
html[data-theme="light"] .hctq-dot{
  border-color:rgba(0,0,0,0.2) !important;
  color:var(--color-text-tertiary) !important;
}

/* Saʿy-Strecken-Anzeige */
html[data-theme="light"] .hctq-saymarwa{ color:var(--color-text-secondary) !important; }

/* Reset-Button (Ghost). .hctq-btn-add bleibt (Grün-Gradient, weisser Text korrekt). */
html[data-theme="light"] .hctq-btn-reset{
  background:rgba(0,0,0,0.04) !important;
  border-color:rgba(0,0,0,0.12) !important;
  color:var(--color-text-secondary) !important;
}
html[data-theme="light"] .hctq-btn-reset:hover{ background:rgba(0,0,0,0.08) !important; }

/* Du'a-Akkordeon-Texte (Grund = heller Lila-Tint) */
html[data-theme="light"] .hctq-dua-title{ color:var(--color-text) !important; }
html[data-theme="light"] .hctq-dua-subtitle{ color:var(--color-text-tertiary) !important; }
html[data-theme="light"] .hctq-dua-translit{ color:var(--color-text-secondary) !important; }
html[data-theme="light"] .hctq-dua-translation{ color:var(--color-text) !important; }
/* Quellen-Chip: Grund ist rgba(0,0,0,0.3) (KEIN Weisswert → bleibt), nur Text fixen */
html[data-theme="light"] .hctq-dua-source{ color:var(--color-text-secondary) !important; }

/* Hinweise-Liste (Grund = heller Gold-Tint) */
html[data-theme="light"] .hctq-hints-list{ color:var(--color-text) !important; }

/* Source-Footer (Grund rgba(0,0,0,0.3) = KEIN Weisswert → bleibt, nur Text fixen) */
html[data-theme="light"] .hctq-source-footer{ color:var(--color-text-secondary) !important; }
html[data-theme="light"] .hctq-source-footer strong{ color:var(--color-text) !important; }


/* ###################### planner ###################### */
/* ═══════════════════════════════════════════════════════════════════════════
   HELL-MODUS OVERRIDES — Tagesplaner (planner-v2.css / planner-v2.js)
   ───────────────────────────────────────────────────────────────────────────
   SONDERFALL: Dieses Modul nutzt NICHT direkt das globale html[data-theme]-
   System. Es hat einen EIGENEN, vollstaendigen Hell-Cascade ueber
   #hcpl-modal[data-light="on"] (planner-v2.css Zeilen 526–641).
   Dieser wird in planner-v2.js (applySettingsToModal, Zeile ~745) an das
   GLOBALE Theme gekoppelt:
       modal.setAttribute('data-light', HC_Settings.getTheme()==='light' ? 'on':'off')
   und bei 'hc-settings-changed' live nachgezogen (Zeile ~1168).

   Ergebnis: JEDER hartcodierte Weisswert in den Basis-(Dunkel-)Regeln hat
   bereits ein passendes [data-light="on"]-Gegenstueck (Text → dunkle Farbe,
   rgba(255,255,255,.0x)-Karten → rgba(0,0,0,.0x), Trenner → rgba(0,0,0,.08)).
   Die verbliebenen color:#fff sind ausschliesslich Kategorie C
   (Weiss auf gesaettigtem Grund: .hcpl-dot.hcpl-done #047857, .hcpl-st-btn/
   .hcpl-st-cta-btn .hcpl-active #047857, .hcpl-toggle-thumb auf #2d946a/dunkler
   Spur) → in beiden Themes korrekt, NICHT angefasst.

   => Es sind GRUNDSAETZLICH KEINE html[data-theme="light"]-Overrides noetig.
      Die einzige unten stehende Regel schliesst die EINZIGE Luecke im
      Eigen-Cascade (siehe Kommentar).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Einzige Luecke: Tap-Feedback der Route-Card (B) ──────────────────────────
   .hcpl-route-card:active setzt background:rgba(255,255,255,0.06) und hat KEIN
   [data-light]-Gegenstueck. Im Hell-Modus wuerde der Druck-Effekt die Karte
   AUFhellen statt abdunkeln (Feedback verkehrt herum, kosmetisch). Hier auf
   einen dezenten dunklen Tint gedreht. Rein optisch, keine Lesbarkeit. */
html[data-theme="light"] .hcpl-route-card:active{ background:rgba(0,0,0,0.06) !important; }


/* ###################### madinah ###################### */
/* ════════════════════════════════════════════════════════════════════
   MADINAH  (Quelle: madinah-v2.css / madinah-v2.js)
   Hell-Modus-Overrides
   ────────────────────────────────────────────────────────────────────
   WICHTIGER KONTEXT:
   Dieses Modul nutzt NICHT die globalen var(--color-*) Variablen, sondern
   ein EIGENES, vollstaendiges Light-Mode-System (Selektor html.hcm-light-mode,
   gesetzt in madinah-settings.js Z.368 synchron zum globalen Theme).
   Dieser PHASE-6-Block (madinah-v2.css Z.686-997) neutralisiert bereits
   ~49 der ~50 hartcodierten Weisswerte korrekt. Diese sind im Hell-Modus
   NICHT kaputt und werden hier daher NICHT angefasst.

   Es folgen NUR die Faelle, die das bestehende hcm-light-mode VERGESSEN hat
   und die deshalb im Hell-Modus tatsaechlich weiss-auf-hell (unlesbar/
   unsichtbar) sind.
   ════════════════════════════════════════════════════════════════════ */

/* (A) Modul-Basistextfarbe: #madinah-body setzt explizit color:var(--hcm-text)
   (=rgba(255,255,255,.95)) und wird vom hcm-light-mode NICHT ueberschrieben
   -> loser/un-klassierter Text im Modul bleibt weiss auf hellem Grund.
   Quelle: madinah-v2.css Z.70 (Variable definiert Z.16). */
html[data-theme="light"] #madinah-body{ color:var(--color-text) !important; }

/* (D) Settings-Kopf-Trenner: border-bottom rgba(255,255,255,.05) -> auf hell
   unsichtbar. (.hcm-set-hdr-title/-close sind ueberschrieben, der Container
   selbst nicht.) Quelle: madinah-v2.css Z.535. */
html[data-theme="light"] .hcm-set-hdr{ border-bottom-color:var(--color-border) !important; }

/* (A) Quelle-Box im Settings-Panel: Buchtitel + Verlagszeile setzen eigene
   weisse Farbe und werden nicht ueberschrieben (nur .hcm-set-source-info wird).
   Quelle: madinah-v2.css Z.661 / Z.664. */
html[data-theme="light"] .hcm-set-source-book{ color:var(--color-text) !important; }
html[data-theme="light"] .hcm-set-source-pub{ color:var(--color-text-tertiary) !important; }

/* (B/D/A) Zustand "Fehler-Hervorhebung AUS": die Error-Karte bekommt dann einen
   weissen Tint/Border + gedimmtes weisses Badge. Hoehere Spezifitaet als die
   hcm-light-mode .hcm-point-Regel -> bleibt weiss-auf-hell = unsichtbarer Tint,
   unsichtbarer Border, unlesbares Badge. Quelle: madinah-v2.css Z.504-505, Z.507. */
html[data-theme="light"] #madinah-body.hcm-no-error-hl .hcm-point--error{
  background:rgba(0,0,0,0.03) !important;
  border-left-color:var(--color-border) !important;
}
html[data-theme="light"] #madinah-body.hcm-no-error-hl .hcm-point--error .hcm-point-badge{
  color:var(--color-text-secondary) !important;
}

/* ────────────────────────────────────────────────────────────────────
   BEWUSST AUSGELASSEN:
   - .hcm-set-toggle::after { background:#fff } (Z.611): weisser Toggle-Knopf,
     in beiden Themes als heller Knopf gewollt (Kategorie C).
   - Alle uebrigen Weisswerte: bereits durch html.hcm-light-mode (PHASE 6)
     korrekt auf rgba(0,0,0,..) / #1a1a1a umgestellt.
   ──────────────────────────────────────────────────────────────────── */


/* ###################### fiqh-quran ###################### */
/* ════════════════════════════════════════════════════════════════════
   HELL-MODUS OVERRIDES — Fiqh-Q&A (fiqh-qa-v2.css) + Quran (quran-v2.css)
   Wirkt NUR bei html[data-theme="light"]. !important schlaegt Runtime-/
   Inline-Styles. App setzt data-theme UND data-hc-theme synchron.

   BEWUSST NICHT ANGEFASST (Kategorie C — weiss auf dunkel, in beiden Themes ok):
   - Das Settings-Sheet (.hcfq-sheet*): Panel-Hintergrund ist ein fest
     codierter dunkler Gradient (#0d2419 -> #0a1814); das Sheet ist ein
     SIBLING von #hcfq-app, bekommt also nie .is-light und bleibt dunkel.
     Saemtliche weisse Texte/Pillen/Toggles darin sind korrekt.
   - .hcq-hero / .hcq-hero-title: dunkler Foto+Gradient-Banner -> #fff korrekt.

   Bereits durch die komponenteneigenen #hcfq-app.is-light-Regeln abgedeckt
   und daher hier NICHT noetig: .hcfq-search-input, .hcfq-q-tag,
   .hcfq-q-block-text, .hcfq-a-block-text, .hcfq-arabic-content,
   .hcfq-related-text sowie die --hcfq-*-Token-Defaults.
   ════════════════════════════════════════════════════════════════════ */

/* ===== Fiqh-Q&A — weisser Text auf hellem Karten-/Bannergrund (A) ===== */
html[data-theme="light"] .hcfq-q-text{ color:var(--hcfq-text) !important; }
html[data-theme="light"] .hcfq-source-author{ color:var(--hcfq-text) !important; }
/* inaktives Lesezeichen-Icon — aktiv & hover bleiben Gold */
html[data-theme="light"] .hcfq-bookmark:not(.is-active):not(:hover){ color:rgba(0,0,0,0.28) !important; }

/* ===== Fiqh-Q&A — faint-weisse Flaechen/Buttons unsichtbar auf hell (B) ===== */
html[data-theme="light"] .hcfq-search-clear{ background:rgba(0,0,0,0.06) !important; }
html[data-theme="light"] .hcfq-search-clear:hover{ background:rgba(0,0,0,0.10) !important; }
html[data-theme="light"] .hcfq-detail-action:not(.is-active){ background:rgba(0,0,0,0.04) !important; }
html[data-theme="light"] .hcfq-detail-action:not(.is-active):hover{ background:rgba(0,0,0,0.08) !important; }
html[data-theme="light"] #hcfq-app .hcfq-detail-badge--page{ background:rgba(0,0,0,0.05) !important; }

/* ===== Fiqh-Q&A — unsichtbare Trenner & Karten-Borders (D) ===== */
html[data-theme="light"] .hcfq-stat-card{ border-color:var(--hcfq-border) !important; }
html[data-theme="light"] .hcfq-cat{ border-color:var(--hcfq-border) !important; }
html[data-theme="light"] .hcfq-q-card{ border-color:var(--hcfq-border) !important; }
html[data-theme="light"] .hcfq-related-card{ border-color:var(--hcfq-border) !important; }
/* Empty-State: faint-weisser Grund + gestrichelter weisser Rahmen (B+D) */
html[data-theme="light"] .hcfq-empty{ background:rgba(0,0,0,0.02) !important; border-color:rgba(0,0,0,0.12) !important; }
/* Scrollbar-Thumb sonst unsichtbar auf hell (D) */
html[data-theme="light"] #hcfq-app::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.20) !important; }
html[data-theme="light"] #hcfq-app::-webkit-scrollbar-thumb:hover{ background:rgba(0,0,0,0.30) !important; }

/* ===== Quran (quran-v2.css) ===== */
/* Zaehler-Pille im INAKTIVEN Filter-Tab (B) — aktiver Tab nutzt rgba(0,0,0,.2), bleibt */
html[data-theme="light"] .hcq-filter-tab:not(.is-active) .hcq-filter-count{ background:rgba(0,0,0,0.12) !important; }
/* Skeleton-Shimmer-Verlauf (B) — weisser Gradient unsichtbar auf hellem Skeleton-Grund */
html[data-theme="light"] .hcq-verse.is-skeleton .hcq-verse-arabic,
html[data-theme="light"] .hcq-verse.is-skeleton .hcq-verse-trans{
  background:linear-gradient(90deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.04) 100%) !important;
}


/* ###################### appjs ###################### */
/* =======================================================================
   app.js — Hell-Modus-Overrides (greift NUR bei html[data-theme="light"])
   Quelle: hartcodierte Weisswerte in JS-generierten Render-Funktionen.
   Hinweis: app.js erzeugt fast alles als Inline-`style="..."` in Template-
   Strings OHNE Klasse/ID. Solche Faelle sind per CSS-Selektor NICHT
   erreichbar und stehen daher als Quellcode-Edits in inlineJsEdits.
   Hier landen NUR Funde mit stabiler Klasse/ID.
   ======================================================================= */

/* -----------------------------------------------------------------------
   Guide-Modus Umrah/Hajj Umschalter (HC._applyGuideMode, ~Zeile 1560)
   INAKTIVER Button setzt per cssText:
     color:rgba(255,255,255,0.45)  -> A (Text unlesbar auf Hell)
     border:2px solid rgba(255,255,255,0.12) -> D (Trenner unsichtbar)
   Aktiver Button (.active) = Gold-Gradient + #000 Text = C -> NICHT anfassen.
   !important schlaegt den per JS gesetzten Inline-Style (ohne !important).
   ----------------------------------------------------------------------- */
html[data-theme="light"] .guide-mode-btn:not(.active){
  color: var(--color-text-secondary) !important;
  border-color: var(--color-border) !important;
}


/* ###################### features-loaders ###################### */
/* =========================================================================
   Hell-Modus Overrides — features.js + Loader (hisnul / dhikr / seerah / janaza)
   Wirkt NUR im Hell-Modus (html[data-theme="light"]).
   !important schlaegt runtime-injizierte Inline-/<style>-Werte.
   ========================================================================= */

/* ===== hisnul.js =====
   Akkordeon-Header/-Body sind im Dunkel-Modus mit rgba(255,255,255,0.0x)
   getintet → auf Hell unsichtbar (verschwinden auf Weiss). Trenner ebenso.
   Header-Text erbt var(--color-text) → wird nach dem Hintergrund-Fix lesbar. */
html[data-theme="light"] .hisnul-accordion-header{
  background:var(--color-surface-2) !important;
  border-color:var(--color-border) !important;
}
html[data-theme="light"] .hisnul-accordion-body{
  background:var(--color-surface-2) !important;
}
/* Dua-Zeilen-Trenner (inline border-bottom: rgba(255,255,255,0.06)).
   Nur die direkten div-Kinder des Body haben diesen Trenner; border-bottom-color
   faerbt ausschliesslich vorhandene Borders (letzte Zeile bleibt randlos). */
html[data-theme="light"] .hisnul-accordion-body > div{
  border-bottom-color:var(--color-border) !important;
}

/* ===== dhikr-loader.js =====
   Akkordeon-Header (1. Kind von .dhikr-card) und Body (#dhikr-body-N) sind
   rgba(255,255,255,0.0x)-getintet → unsichtbar auf Hell.
   Vorschau-Text ist rgba(255,255,255,0.82) → weisser Text auf Hell = unlesbar. */
html[data-theme="light"] .dhikr-card > div:first-child{
  background:var(--color-surface-2) !important;
  border-color:var(--color-border) !important;
}
/* Vorschau-Text: einziger direkter div im Header (uebrige Kinder sind spans) */
html[data-theme="light"] .dhikr-card > div:first-child > div{
  color:var(--color-text-secondary) !important;
}
html[data-theme="light"] [id^="dhikr-body-"]{
  background:var(--color-surface-2) !important;
}

/* ===== seerah-loader.js =====
   KEINE Funde. Modal ist self-theming: Basis-Styles sind bereits HELL
   (.sr-card/.sr-control/.sr-section = #fff bg + #0f172a text), Dunkel via
   [data-theme="dark"]. Header-Leiste (.modal__header) ist dauerhaft dunkel
   (rgba(15,23,42,0.85), nicht theme-gegated) → weisse Titel/Pillen dort korrekt.
   Nichts zu ueberschreiben. */

/* ===== janaza-loader.js =====
   KEINE Funde. Alle Weisswerte sitzen auf gesaettigten Flaechen:
   #fff-Text auf Teal/Emerald-Buttons & Gradienten (Kategorie C), bzw.
   weisser Sekundaer-Button mit Teal-Rand+Teal-Text (in Hell lesbar).
   Nichts zu ueberschreiben. */


/* ###################### adhkar ###################### */
/* ═══════════════════════════════════════════════════════════════════════════
   HELL-MODUS OVERRIDES — Adhkar-Modul (adhkar-v1.css / adhkar-v1.js)
   ═══════════════════════════════════════════════════════════════════════════

   ERGEBNIS: KEINE Overrides nötig. Diese Datei ist absichtlich leer (nur Header).

   WARUM — wichtiger Sonderfall:
   Das Adhkar-Modul nutzt NICHT das globale Variablen-Theme-System
   (html[data-theme="light"] + var(--color-*)). Es ist ein eigenständiges
   Vollbild-Modal (#hca-modal) mit FEST dunklem Hintergrund #0a1814 und einer
   EIGENEN, kompletten Hell-Modus-Implementierung über das Attribut
   #hca-modal[data-light="on"] (adhkar-v1.css Zeilen 651–839).

   Die JS-Schicht spiegelt das globale Theme in dieses lokale Attribut:
     adhkar-v1.js:612  lsSet(LS_LIGHT_MODE, HC_Settings.getTheme()==='light' ? 'on':'off')
     adhkar-v1.js:618  modal.setAttribute('data-light', s.light)
   D.h. sobald global "light" aktiv ist, bekommt das Modal data-light="on" und
   der hand-getunte Hell-Block übernimmt. Jeder gefundene Weisswert ist dort
   bereits korrekt überschrieben (Text -> #0a1814/#1f2d28, rgba(255,255,255,..)
   -> rgba(0,0,0,..), Borders -> rgba(0,0,0,..)). Verifiziert für ALLE Funde.

   GEFAHR bei trotzdem-Overrides:
   Würde man hier html[data-theme="light"] .hca-* { ... !important } setzen,
   griffe das auch in Zuständen, in denen das Modal (per festem #0a1814) noch
   dunkel ist -> dunkler Text auf dunklem Grund. Daher bewusst NICHTS schreiben.

   Verbleibende echte Weisswerte sind Kategorie C (Weiss auf Farbe, in beiden
   Themes korrekt) und werden NICHT angefasst:
     - .hca-toggle-thumb            background:#fff  (Schalter-Knauf auf Track)
     - adhkar-v1.js:467–469         <circle fill="#fff"/>  (Sterne im Mond-Icon)
     - .hca-cat-pill-check / .hca-toast nutzen #0a1814 (dunkel auf Gold/Grün) — kein Weiss.

   Hinweis (bewusst ausgelassen, nicht kaputt):
     - .hca-hdr-btn:active { background: rgba(255,255,255,0.12) } — transientes
       Press-Feedback; im Hell-Modus nicht separat überschrieben, aber nur
       kurz/kaum sichtbar. Konservativ belassen.
   ═══════════════════════════════════════════════════════════════════════════ */