/* ═══════════════════════════════════════════════════════════════════
   HARAMAIN DESIGN v2 — „Dawn & Dome" (2026-07-02)
   Fundament des neuen Looks: helles Pergament, Kino-Hero (Kaaba-Dawn),
   Stadt-Modus Makkah(Gold)/Madinah(Teal), lebende Reise-Karten.
   KOMPLETT gescoped auf body.hcv2 → Kill-Switch: ohne Klasse alles aus.
   ═══════════════════════════════════════════════════════════════════ */

body.hcv2{
  --v2-bg:#f7f4ec; --v2-bg2:#fffdf8; --v2-surface:#fffdf8; --v2-sunken:#f1ebdd;
  --v2-ink:#211c14; --v2-ink2:#6b6156; --v2-ink3:#7a7063;
  --v2-accent:#a8842e; --v2-accent-soft:rgba(168,132,46,.16);
  --v2-green:#0e9d4c; --v2-line:rgba(33,28,20,.10);
  --v2-serif:'Fraunces',Georgia,serif; --v2-sans:'Inter',system-ui,sans-serif;
  --v2-hero-img:url('img-kaaba-dawn.webp');
}
html[data-city="madinah"] body.hcv2{
  --v2-accent:#a8842e; --v2-accent-soft:rgba(168,132,46,.16);
  --v2-hero-img:url('img-madinah-dome.webp');
}

/* ── Grundfläche: Pergament ── */
body.hcv2, body.hcv2 .app{ background:var(--v2-bg) !important; }
body.hcv2 #page-dashboard{ background:transparent; }

/* ── Hero: Kino-Bild + Tinte ── */
body.hcv2 .hero-prayer-card{
  position:relative; overflow:hidden; border-radius:22px !important;
  background:var(--v2-hero-img) top center / cover no-repeat, #efe9dc !important;
  border:1px solid var(--v2-line) !important;
  box-shadow:0 1px 2px rgba(60,50,35,.05),0 10px 34px rgba(60,50,35,.10) !important;
  transition:background-image .9s ease;
}
body.hcv2 .hero-prayer-card__bg{ background:linear-gradient(180deg,rgba(247,244,236,.20) 0%,rgba(247,244,236,.05) 34%,rgba(247,244,236,.66) 78%,rgba(247,244,236,.94) 100%) !important; }
body.hcv2 .hero-prayer-card__bg::after{ display:none !important; }
body.hcv2 .hero-prayer-card__label{ color:var(--v2-ink3) !important; letter-spacing:2.2px; text-transform:uppercase; font-size:10.5px !important; font-weight:600; }
body.hcv2 .hero-prayer-card__name{
  font-family:var(--v2-serif) !important; font-weight:500 !important;
  font-size:44px !important; line-height:1.02 !important; letter-spacing:-.02em;
  color:var(--v2-ink) !important; text-shadow:0 1px 14px rgba(255,253,248,.85);
}
body.hcv2 #user-greeting-inline, body.hcv2 #greeting-name-inline{ color:var(--v2-ink2) !important; }
body.hcv2 #date-hijri, body.hcv2 #date-gregorian{ color:var(--v2-ink2) !important; }
body.hcv2 #w-temp-inline{ color:var(--v2-ink2) !important; } body.hcv2 #w-warn-inline{ color:var(--v2-ink3) !important; }

/* ── Countdown-Ring „Aurum Thread" (Council 2026-07-03) ──
   Ultradünner Gold-Fortschrittsbogen am Rand + leuchtender Punkt am Kopf.
   Mitte transparent → Kaaba-Foto sichtbar (KEINE deckende Scheibe mehr).
   Nur ein sehr dezenter, weicher Scrim hinter dem Text für Lesbarkeit über
   der dunklen Kaaba. Fortschritt via --v2-prog (0-100). --v2r-scrim je Theme. */
body.hcv2 .v2-ring{
  position:relative; width:168px; height:168px; margin:10px auto 4px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; flex-direction:column;
  --v2r-radius:84px; --v2r-thick:3.5px;
  --v2r-ang:calc(var(--v2-prog,62) * 3.6deg);
  --v2r-track:rgba(168,132,46,.10);
  --v2r-scrim:rgba(0,0,0,.30);
  background:radial-gradient(closest-side, var(--v2r-scrim) 0%, color-mix(in srgb, var(--v2r-scrim) 45%, transparent) 42%, transparent 64%);
  box-shadow:none; animation:none;
}
/* Bogen: conic (Gold bis --v2-prog, Rest = dezente Spur), auf Rand-Annulus maskiert */
body.hcv2 .v2-ring::before{
  content:""; position:absolute; inset:0; border-radius:50%; pointer-events:none;
  background:conic-gradient(from -90deg,
    var(--v2-accent) 0deg,
    var(--v2-accent) var(--v2r-ang),
    var(--v2r-track) var(--v2r-ang),
    var(--v2r-track) 360deg);
  -webkit-mask:radial-gradient(circle at center, transparent calc(var(--v2r-radius) - var(--v2r-thick)), #000 calc(var(--v2r-radius) - var(--v2r-thick) + 1px));
          mask:radial-gradient(circle at center, transparent calc(var(--v2r-radius) - var(--v2r-thick)), #000 calc(var(--v2r-radius) - var(--v2r-thick) + 1px));
  filter:drop-shadow(0 0 5px var(--v2-accent-soft));
}
/* Leuchtender Punkt am Bogen-Kopf (gleiche 12-Uhr-Winkelbasis wie der Bogen) */
body.hcv2 .v2-ring::after{
  content:""; position:absolute; top:50%; left:50%;
  width:7px; height:7px; border-radius:50%; background:var(--v2-accent);
  transform:translate(-50%,-50%) rotate(var(--v2r-ang)) translateY(calc(-1 * var(--v2r-radius) + var(--v2r-thick) / 2));
  box-shadow:0 0 6px 1px color-mix(in srgb, var(--v2-accent) 55%, transparent), 0 0 13px 4px var(--v2-accent-soft);
  animation:v2DotGlow 2.6s ease-in-out infinite; pointer-events:none;
}
@keyframes v2DotGlow{
  0%,100%{ box-shadow:0 0 5px 1px color-mix(in srgb, var(--v2-accent) 50%, transparent), 0 0 10px 3px var(--v2-accent-soft); }
  50%    { box-shadow:0 0 8px 2px color-mix(in srgb, var(--v2-accent) 60%, transparent), 0 0 17px 6px var(--v2-accent-soft); }
}
body.hcv2 .v2-ring .hero-prayer-card__countdown{ margin:0 !important; }
/* Ziffern sitzen IMMER über der dunklen Kaaba → cremeweiß + dunkler Schatten (beide Modi) */
body.hcv2 .countdown-unit, body.hcv2 .countdown-unit span{ font-family:var(--v2-serif) !important; color:#fbf8f0 !important; text-shadow:0 1px 4px rgba(0,0,0,.62), 0 0 12px rgba(0,0,0,.42); }
body.hcv2 .countdown-unit small{ color:rgba(251,248,240,.74) !important; }
body.hcv2 .countdown-sep{ color:var(--v2-accent) !important; }
body.hcv2 .v2-ring-label{ font-size:10px; letter-spacing:1.6px; text-transform:uppercase; color:rgba(251,248,240,.78); margin-top:3px; text-shadow:0 1px 4px rgba(0,0,0,.55); }

/* ── Variante D „Helles Glas" — Nächstes-Gebet-Karte (ersetzt den Ring) ── */
/* Inhalt an den UNTEREN Rand der Hero-Karte schieben (oben mehr Kaaba sichtbar) */
body.hcv2 #page-dashboard .hero-prayer-card{ display:flex; }
body.hcv2 #page-dashboard .hero-prayer-card__content{ display:flex; flex-direction:column; flex:1 1 auto; min-width:0; }
body.hcv2 .v2-nextcard{
  position:relative; z-index:1; margin:auto 0 0; padding:0 1px;   /* KEIN Kasten mehr → Foto (Kaaba/Moschee) frei sichtbar; Schrift direkt aufs Bild */
  background:none; -webkit-backdrop-filter:none; backdrop-filter:none; border:none; box-shadow:none;
}
body.hcv2 .v2-nextcard #prayer-countdown,
body.hcv2 .v2-nextcard .hero-prayer-card__countdown{ display:none !important; } /* H/M/S-Ticker versteckt, tickt aber weiter (State) */
body.hcv2 .v2-nc-main{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
/* Name/Label/Datum sitzen jetzt in der Karte — immer cremeweiß über dem Foto (beide Modi) */
body.hcv2 .v2-nextcard .hero-prayer-card__next{ min-width:0; }
body.hcv2 .v2-nextcard .hero-prayer-card__label{ color:rgba(255,251,242,.92) !important; text-shadow:0 1px 3px rgba(0,0,0,.85); }
body.hcv2 .v2-nextcard .hero-prayer-card__name{ color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,.9), 0 3px 20px rgba(0,0,0,.6); line-height:1; }
body.hcv2 .v2-nextcard #date-hijri, body.hcv2 .v2-nextcard #date-gregorian{ color:rgba(255,251,242,.86) !important; text-shadow:0 1px 3px rgba(0,0,0,.8); }
body.hcv2 .v2-nc-right{ display:flex; flex-direction:column; align-items:flex-end; gap:7px; flex-shrink:0; }
body.hcv2 .v2-nc-pill{ display:flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; color:#f0d99a;
  background:rgba(0,0,0,.30); border:1px solid rgba(226,194,116,.5); padding:2px 10px; border-radius:20px; white-space:nowrap; font-variant-numeric:tabular-nums; text-shadow:0 1px 2px rgba(0,0,0,.7); }
body.hcv2 .v2-nc-dot{ width:6px; height:6px; border-radius:50%; background:var(--v2-accent,#e2c274); box-shadow:0 0 7px rgba(226,194,116,.9); flex-shrink:0; }
body.hcv2 .v2-nc-time{ font-family:'Inter',system-ui,sans-serif; font-variant-numeric:tabular-nums; font-feature-settings:"tnum";
  font-weight:600; font-size:34px; letter-spacing:-1px; line-height:.9; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.9), 0 2px 18px rgba(0,0,0,.6); }
body.hcv2 .v2-nc-bar{ margin-top:12px; height:3px; border-radius:3px; background:rgba(255,255,255,.18); overflow:hidden; }
body.hcv2 .v2-nc-bar > i{ display:block; height:100%; width:50%; border-radius:3px;
  background:linear-gradient(90deg,var(--v2-accent,#e2c274),#f5e2ad); transition:width .6s ease; }
[dir="rtl"] body.hcv2 .v2-nc-right{ align-items:flex-start; }
/* Leichter Abstand unten (Punkt 4): kleine Lücke Zeiten↔Tipp + Luft am Kartenrand */
body.hcv2 #page-dashboard .hero-prayer-card__times{ margin-top:11px !important; }
body.hcv2 #page-dashboard #hero-tip-strip{ margin-top:12px !important; }
body.hcv2 #page-dashboard .hero-prayer-card__content{ padding-bottom:18px !important; }

/* ── Gebetszeiten-Zeile ── */
/* Chips sitzen jetzt DIREKT auf dem Foto (dunkler Verlauf) → in BEIDEN Modi HELLE Schrift + Schatten (sonst im Hellmodus dunkle Schrift auf dunklem Scrim = unlesbar) */
body.hcv2 .prayer-time-chip{ background:transparent !important; border:none !important; }
body.hcv2 .prayer-time-chip span{ color:rgba(255,251,242,.93) !important; text-shadow:0 1px 3px rgba(0,0,0,.85) !important; }
body.hcv2 .prayer-time-chip span:first-child{ color:rgba(255,251,242,.72) !important; }
/* Aktiver Chip: Struktur + helle Akzentschrift in beiden Modi */
body.hcv2 .prayer-time-chip--active{ background:rgba(14,157,76,.24) !important; border:1.5px solid rgba(52,211,153,.62) !important; border-radius:12px !important; box-shadow:0 2px 12px rgba(0,0,0,.35) !important; transform:translateY(-1px); }
body.hcv2 .prayer-time-chip--active span{ font-weight:800 !important; color:#7bf0b6 !important; text-shadow:0 1px 3px rgba(0,0,0,.7) !important; }
/* Madinah-Modus: Gold statt Grün (beide Modi) */
html[data-city="madinah"] body.hcv2 .prayer-time-chip--active{ background:rgba(176,131,15,.24) !important; border-color:rgba(226,194,116,.62) !important; }
html[data-city="madinah"] body.hcv2 .prayer-time-chip--active span{ color:#f0d99a !important; }
/* Hell-Modus: light-fixes.css setzt Chip-Text dunkel (für alten Papier-BG) — Chips sind jetzt auf dem Foto → mit HÖHERER Spezifität hell überschreiben */
html[data-theme="light"][data-hc-theme] body.hcv2 .prayer-time-chip:not(.prayer-time-chip--active) span{ color:rgba(255,251,242,.93) !important; text-shadow:0 1px 3px rgba(0,0,0,.85) !important; }
html[data-theme="light"][data-hc-theme] body.hcv2 .prayer-time-chip:not(.prayer-time-chip--active) span:first-child{ color:rgba(255,251,242,.72) !important; }
html[data-hc-theme="dark"][data-city="madinah"] body.hcv2 .prayer-time-chip--active span{ color:var(--v2-accent) !important; }

/* ── Pilger-Tipp als Papierzeile ── */
body.hcv2 #hero-tip-strip{ background:rgba(255,253,248,.82) !important; border:1px solid var(--v2-line) !important; }
body.hcv2 #hero-tip-text{ color:var(--v2-ink2) !important; }

/* ── Stadt-Umschalter (oben, nicht im Hero) ── */
body.hcv2 .v2-city{ display:flex; justify-content:center; margin:2px 16px 12px; }
body.hcv2 .v2-city-pill{ display:flex; background:var(--v2-sunken); border:1px solid var(--v2-line); border-radius:999px; padding:3px; gap:2px; }
body.hcv2 .v2-city-pill button{
  all:unset; cursor:pointer; font-family:var(--v2-sans); font-size:12.5px; font-weight:600;
  color:var(--v2-ink3); padding:7px 18px; border-radius:999px; transition:all .25s ease;
}
body.hcv2 .v2-city-pill button.on{ background:var(--v2-ink); color:#fffdf8; box-shadow:0 2px 8px rgba(33,28,20,.25); }

/* ── Reise-Karten: dunkle Kino-Fenster auf hellem Grund ── */
body.hcv2 .v2-sec{ display:flex; align-items:center; gap:10px; margin:20px 18px 12px; }
body.hcv2 .v2-sec span{ font-family:var(--v2-serif); font-size:19px; font-weight:500; color:var(--v2-ink); }
body.hcv2 .v2-sec i{ flex:1; height:1px; background:var(--v2-line); }
body.hcv2 .v2-journey{ display:flex; flex-direction:column; gap:13px; margin:0 16px; }
body.hcv2 .v2-card{
  position:relative; overflow:hidden; border-radius:20px; min-height:118px;
  padding:18px 18px 16px; cursor:pointer; border:1px solid rgba(255,255,255,.10);
  background:#0b1310; color:#f2efe6; display:flex; flex-direction:column; justify-content:flex-end;
  box-shadow:0 10px 30px rgba(33,28,20,.16); -webkit-tap-highlight-color:transparent;
}
body.hcv2 .v2-card:active{ transform:scale(.985); }
body.hcv2 .v2-card h3{ margin:0; font-family:var(--v2-serif); font-weight:500; font-size:26px; line-height:1.05; }
body.hcv2 .v2-card p{ margin:5px 0 0; font-size:12px; color:rgba(242,239,230,.72); }
body.hcv2 .v2-card .v2-free{ color:#4ade80; font-weight:600; }
body.hcv2 .v2-card .v2-go{
  position:absolute; right:14px; bottom:14px; width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,.10); display:flex; align-items:center; justify-content:center;
}
body.hcv2 .v2-go svg{ width:16px; height:16px; stroke:#f2efe6; stroke-width:2; fill:none; }
/* Umra: rotierende Tawaf-Geometrie */
body.hcv2 .v2-card--umra{ background:radial-gradient(120% 150% at 85% 25%, rgba(17,194,93,.20), rgba(8,16,12,.98) 60%), #08100c; }
body.hcv2 .v2-tawaf{ position:absolute; right:-28px; top:50%; width:170px; height:170px; transform:translateY(-50%); opacity:.85; pointer-events:none; }
body.hcv2 .v2-tawaf .orbits{ transform-origin:50% 50%; animation:v2Spin 26s linear infinite; }
@keyframes v2Spin{to{transform:rotate(-360deg)}}
/* Hajj/Madinah/Ziyarat/Planner: Bild-Stimmungen */
body.hcv2 .v2-card--img{ background-size:cover; background-position:center; }
body.hcv2 .v2-card--img::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,10,9,.10),rgba(5,10,9,.72)); }
body.hcv2 .v2-card--img > *{ position:relative; }
body.hcv2 .v2-card--hajj{ background-image:url('img-kaaba-dawn.webp'); }
body.hcv2 .v2-card--madinah{ background-image:url('img-madinah-dome.webp'); }
body.hcv2 .v2-card--gold{ background:radial-gradient(120% 150% at 85% 20%, rgba(201,168,76,.26), rgba(14,12,6,.98) 62%), #0e0c06; }

/* ── Schnellzugriff-Kacheln: Papier-Look ── */
body.hcv2 .dash-tiles .dash-tile, body.hcv2 .dash-tile{
  background:var(--v2-surface) !important; border:1px solid var(--v2-line) !important;
  border-radius:16px !important; box-shadow:0 1px 2px rgba(60,50,35,.05) !important;
}
body.hcv2 .dash-tile__label, body.hcv2 .dash-tile span{ color:var(--v2-ink2) !important; }
body.hcv2 .dash-cat-header, body.hcv2 .dash-cat-text{ color:var(--v2-ink) !important; font-family:var(--v2-serif) !important; }

/* ── Bottom-Nav hell ── */
body.hcv2 .bottom-nav{ background:rgba(255,253,248,.92) !important; border-top:1px solid var(--v2-line) !important; backdrop-filter:blur(14px); }
body.hcv2 .bottom-nav__item{ color:var(--v2-ink3) !important; }
body.hcv2 .bottom-nav__item.active{ color:var(--v2-green) !important; }
html[data-city="madinah"] body.hcv2 .bottom-nav__item.active{ color:var(--v2-accent) !important; }
body.hcv2 .bottom-nav__label{ color:inherit !important; }

/* ── Topbar dezent hell ── */
body.hcv2 .top-bar, body.hcv2 header.top-bar{ background:rgba(247,244,236,.90) !important; border-bottom:1px solid var(--v2-line) !important; }
body.hcv2 .top-bar *{ color:var(--v2-ink2); }
/* ── B7: Topbar-Marke skaliert NICHT mit der A-A-Schriftgröße (Chrome bleibt fix),
   Center kann schrumpfen, Buttons rechts nie überlappen ── */
body.hcv2 .app-header{ gap:6px; }
body.hcv2 .app-header__center{ min-width:0; overflow:hidden; padding:0 4px; }
body.hcv2 .app-header__left, body.hcv2 .app-header__right{ flex:0 0 auto; }
body.hcv2 .app-logo-text{ max-width:100%; overflow:hidden; white-space:nowrap; }
html[data-font-size] body.hcv2 .app-logo-text .logo-latin{ font-size:13px !important; }
html[data-font-size] body.hcv2 .app-logo-text .logo-arabic{ font-size:15px !important; }
html[data-font-size] body.hcv2 .app-logo-text .logo-dot{ font-size:11px !important; }
body.hcv2 .app-logo-text .logo-latin{ font-size:13px !important; }
body.hcv2 .app-logo-text .logo-arabic{ font-size:15px !important; }
body.hcv2 .app-logo-text .logo-dot{ font-size:11px !important; }

/* ── Marke „Haramain" wurde auf schmalen Handys zu „Harama…" beschnitten ─────
   Ursache: Das Logo braucht ~124px, die Header-Mitte bekam nur ~72px, weil
   (a) .app-header__left ein `min-width:80px` (style.css:380) für einen 44px
   breiten Hamburger reservierte und (b) rechts zwei Icon-Buttons + der breite
   SOS-Button ~164px belegen. `overflow:hidden` an der Mitte schnitt dann ab.
   Fix in zwei Stufen, damit der Schriftzug NIE beschnitten wird: */
@media (max-width: 430px) {
  /* Links die verschenkten 36px freigeben — der Button trägt seine Breite selbst. */
  body.hcv2 .app-header__left { min-width: 0; }
}
@media (max-width: 384px) {
  /* Ganz schmal (320/360/375) reicht auch das nicht — das komplette Logo misst
     ~124px, die Mitte bietet dort nur ~116px. Das rein dekorative arabische
     Logo (aria-hidden) weicht, damit die Wortmarke vollständig bleibt.
     Ab 390px (iPhone 12–15, Pixel) passt wieder alles, Grenze bewusst darunter. */
  body.hcv2 .app-logo-text .logo-arabic,
  body.hcv2 .app-logo-text .logo-dot { display: none; }
}

/* ── Primäre Kachelwand aus (durch Reise-Karten ersetzt); Akkordeons mit den
      übrigen Modulen bleiben SICHTBAR (home-v2.js klappt sie auf). Duʿā-Karte bleibt ── */
body.hcv2 #dash-tiles-grid{ display:none !important; }
/* Akkordeon-Karten im Pergament-Look (Inline-Weiss-Verläufe überschreiben) */
body.hcv2 #dash-accordions{ margin:8px 16px 0 !important; }
body.hcv2 #dash-accordions .hc-accordion{ background:var(--v2-surface) !important; border:1px solid var(--v2-line) !important; box-shadow:0 1px 2px rgba(60,50,35,.05) !important; }
body.hcv2 #dash-accordions .hc-accordion__header > span:nth-child(3){ background:var(--v2-sunken) !important; border-color:var(--v2-line) !important; color:var(--v2-ink2) !important; }
body.hcv2 #dash-accordions .hc-accordion__header svg{ color:var(--v2-ink3) !important; }
body.hcv2 #daily-dua-card{ margin:22px 16px !important; }
body.hcv2 #daily-dua-card > *{ background:var(--v2-surface) !important; border:1px solid var(--v2-line) !important; border-radius:18px !important; box-shadow:0 1px 2px rgba(60,50,35,.05) !important; color:var(--v2-ink) !important; }
body.hcv2 #daily-dua-card *{ color:var(--v2-ink2) !important; }
/* B8: Arabisch + Übersetzung müssen kräftig sein (Hell: near-black, Dunkel: near-white).
   --v2-ink kippt korrekt pro Theme. Translit/Quelle bleiben dezent, Label gold. */
body.hcv2 #hc-inspire-arabic{ color:var(--v2-ink) !important; }
body.hcv2 #hc-inspire-translation{ color:var(--v2-ink) !important; }
body.hcv2 #hc-inspire-translit{ color:var(--v2-ink3) !important; }
body.hcv2 #hc-inspire-source{ color:var(--v2-ink3) !important; }
body.hcv2 #hc-inspire-label{ color:var(--v2-accent) !important; font-weight:700 !important; }

/* ── Schnellzugriff: runde Papier-Icons ── */
body.hcv2 .v2-quick-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:0 18px; }
body.hcv2 .v2-quick{ all:unset; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:8px; }
body.hcv2 .v2-quick-ic{ width:56px; height:56px; border-radius:50%; background:var(--v2-surface); border:1px solid var(--v2-line); box-shadow:0 1px 2px rgba(60,50,35,.05); display:flex; align-items:center; justify-content:center; transition:transform .18s ease, box-shadow .18s ease; }
body.hcv2 .v2-quick:active .v2-quick-ic{ transform:scale(.93); }
body.hcv2 .v2-quick-ic svg{ width:23px; height:23px; color:var(--v2-ink); }
body.hcv2 .v2-quick-ic .qi-spin{ transform-origin:12px 12px; animation:v2Spin 22s linear infinite; }
body.hcv2 .v2-quick-lbl{ font-size:11.5px; color:var(--v2-ink2); font-weight:500; }

/* ── „Weitere Bereiche" — Papier-Listenzeilen ── */
body.hcv2 .v2-list{ display:flex; flex-direction:column; margin:0 16px; background:var(--v2-surface); border:1px solid var(--v2-line); border-radius:18px; overflow:hidden; box-shadow:0 1px 2px rgba(60,50,35,.05); }
body.hcv2 .v2-row{ all:unset; cursor:pointer; display:flex; align-items:center; gap:13px; padding:14px 16px; border-bottom:1px solid var(--v2-line); }
body.hcv2 .v2-row:last-child{ border-bottom:none; }
body.hcv2 .v2-row:active{ background:var(--v2-sunken); }
body.hcv2 .v2-row-ic{ width:38px; height:38px; border-radius:12px; background:var(--v2-accent-soft); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.hcv2 .v2-row-ic svg{ width:19px; height:19px; color:var(--v2-accent); }
body.hcv2 .v2-row-txt{ flex:1; display:flex; flex-direction:column; }
body.hcv2 .v2-row-txt b{ font-size:14.5px; font-weight:600; color:var(--v2-ink); }
body.hcv2 .v2-row-txt small{ font-size:11.5px; color:var(--v2-ink3); margin-top:1px; }
body.hcv2 .v2-row-go svg{ width:18px; height:18px; color:var(--v2-ink3); }

/* Extra Abstand am Ende, damit Bottom-Nav nichts überdeckt */
body.hcv2 #page-dashboard{ padding-bottom:96px; }

@media (prefers-reduced-motion: reduce){
  body.hcv2 .v2-ring{ animation:none; }
  body.hcv2 .v2-ring::after{ animation:none; }
  body.hcv2 .v2-tawaf .orbits{ animation:none; }
  body.hcv2 .v2-quick-ic .qi-spin{ animation:none; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   QURAN-MODUL · „DAWN & DOME"  —  additive, scoped, NUR CSS (kein JS)
   Ans ENDE von theme-v2.css anhaengen (dort laedt es als LETZTE Quelle nach
   quran-v2.css + light-fixes.css → gewinnt bei Spezifitaets-Gleichstand).
   Kill-Switch: alles unter body.hcv2 (ohne die Klasse bleibt das alte dunkle
   Nachtgruen-Modul voellig unveraendert).
   Prinzip: das .hcq-* Modul ist weitgehend token-getrieben → ein Token-Override
   (html body.hcv2 .hcq-app, Spezifitaet 0,2,2) faerbt Hero, Khatm, Smart-Cards,
   Suren-Liste, Vers-Karten, Audio-Player, Reciter-/Settings-/Hifz-Sheets auf
   warmes Pergament um und schlaegt sicher .hcq-app (0,1,0) UND
   html[data-hc-theme=light] .hcq-app (0,2,1). ABER: rund ein Dutzend Farben im
   Basis-CSS sind hartcodiertes Nachtgruen rgba(45,212,191,…) / rgba(15,38,32,…)
   und NICHT token-getrieben — diese werden unten gezielt nachgezogen.
   Stadt-Akzent: Makkah = Gold (Default), Madinah = Teal via data-city.
   Arabisch bleibt Amiri/Scheherazade + RTL voellig unangetastet.
   Fraunces/Inter laedt bereits der Home — KEIN @import.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) TOKEN-OVERRIDE · MAKKAH (Gold-Akzent, Default) ───────────────────────
   Flaechen/Linie/Tinte 1:1 vom Home. Kontrast-Kniff: --hcq-teal ist der
   PRIMAER-Akzent und faerbt auch KLEINEN UI-Text (Titel, Nav-Labels, Links).
   Reines Zier-Gold #a8842e faellt dort mit ~3.4:1 durch AA → Makkah-Primaer =
   dunkles Gold-Braun #8a6a1e (auf Papier 4.6–5.0:1, AA-fest). Das helle
   #a8842e lebt nur als --hcq-gold fuer GROSSE/dekorative Flaechen/Linien. */
html body.hcv2 .hcq-app{
  /* Flaechen — Papier statt Nachtgruen (= Home-Werte) */
  --hcq-bg-deep:  #f7f4ec;                 /* Grundflaeche Overlay  = --v2-bg      */
  --hcq-bg-mid:   #fffdf8;                 /* Header/Nav/Sheets     = --v2-surface */
  --hcq-bg-soft:  #fffdf8;                 /* Karten-Flaeche        = Home-Karte   */
  --hcq-bg-soft2: #f1ebdd;                 /* leicht gesenkt        = --v2-sunken  */

  /* Primaer-Akzent = Stadt-Akzent. Makkah: dunkles Gold-Braun (AA als Text) */
  --hcq-teal:      #8a6a1e;
  --hcq-teal-soft: rgba(168,132,46,.12);   /* zarte Chip-/Icon-Fuellung           */
  --hcq-teal-line: rgba(33,28,20,.10);     /* = --v2-line, Tinten-Haarlinie        */
  --hcq-teal-glow: rgba(168,132,46,.30);

  /* Sekundaer / Zier = helles Gold (nur GROSSE Flaechen/Linien, kein Kleintext) */
  --hcq-gold:      #a8842e;                /* = --v2-accent (Gold)                */
  --hcq-gold-soft: rgba(168,132,46,.12);
  --hcq-gold-line: rgba(168,132,46,.34);

  /* Text — Tinte auf Papier (WCAG-AA/AAA) */
  --hcq-text:     #211c14;                 /* Haupttext + AR  ~16:1               */
  --hcq-text-mid: #4a4234;                 /* Uebersetzung    ~9:1                 */
  --hcq-text-mut: #6b6156;                 /* sekundaer       ~5.5:1               */
  --hcq-text-sub: #7a7063;                 /* Meta            ~4.4:1 (>=3)         */

  --hcq-active-glow: 0 0 0 1.5px rgba(168,132,46,.55), 0 6px 22px rgba(33,28,20,.12);
}

/* ── 2) STADT-OVERRIDE · MADINAH = Teal (Spezifitaet 0,3,1 > 0,2,2) ──────────
   Nur der Primaer-Akzent + Glow wechseln; Papier + Zier-Gold bleiben. */
html[data-city="madinah"] body.hcv2 .hcq-app{
  --hcq-teal:      #8a6a1e;                /* = --v2-accent (Teal), Text 5.3–5.7:1 */
  --hcq-teal-soft: rgba(168,132,46,.12);
  --hcq-teal-line: rgba(33,28,20,.10);
  --hcq-teal-glow: rgba(168,132,46,.30);
  --hcq-active-glow: 0 0 0 1.5px rgba(168,132,46,.55), 0 6px 22px rgba(33,28,20,.12);
}

/* ═══════════════════════════════════════════════════════════════════════════
   3) STRUKTUR-FEINHEITEN — nur wo Token-Override nicht reicht
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Fonts: Fraunces auf lateinische Ueberschriften (Arabisch NICHT anfassen) ── */
html body.hcv2 .hcq-app .hcq-title,
html body.hcv2 .hcq-app .hcq-hero-title{
  font-family: var(--v2-serif, 'Fraunces','Cormorant Garamond',Georgia,serif);
  letter-spacing: .2px;
}
/* Meta-Labels (Smart/Section) tragen Grossbuchstaben-Tracking → Serif wirkt
   dort unruhig: bewusst Sans, ruhige Meta-Farbe. */
html body.hcv2 .hcq-app .hcq-smart-title,
html body.hcv2 .hcq-app .hcq-section-head-title{
  font-family: var(--v2-sans, 'Inter',system-ui,sans-serif);
  color: var(--hcq-text-sub);
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

/* ── Header: flaches Papier statt Farb-Gradient, feine Home-Linie ── */
html body.hcv2 .hcq-app .hcq-header{
  background: rgba(255,253,248,.92);
  border-bottom: 1px solid var(--hcq-teal-line);
  box-shadow: 0 1px 2px rgba(60,50,35,.05);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
/* Titel als ruhige Serif-Wortmarke in Tinte (nicht Akzent) fuer klaren Kopf */
html body.hcv2 .hcq-app .hcq-title{ color: var(--hcq-text); font-weight: 600; }

/* Section-Head mit Home-Trennlinie fuer nahtlosen Uebergang */
html body.hcv2 .hcq-app .hcq-section-head{
  border-bottom: 1px solid var(--hcq-teal-line);
  padding-bottom: 8px;
}

/* ── Hero: Foto-Hintergrund (hero-bg.jpg) raus → ruhige helle Papier-Karte.
   (Lese-Modul MUSS hell/lesbar sein — kein dunkles Kino-Fenster.) ── */
html body.hcv2 .hcq-app .hcq-hero{
  background: var(--hcq-bg-soft);
  border: 1px solid var(--hcq-gold-line);
  border-radius: 22px;
  box-shadow: 0 1px 2px rgba(60,50,35,.05), 0 10px 30px rgba(33,28,20,.10);
}
/* Radialer Akzent dezent auf Papier (Stadt-Schimmer statt Gold-auf-Dunkel) */
html body.hcv2 .hcq-app .hcq-hero::before{
  background: radial-gradient(circle at 85% 18%, var(--hcq-teal-soft) 0%, transparent 58%);
}
/* Hero-Titel: Basis setzt color:#fff → auf Papier unlesbar. Serif + Tinte. */
html body.hcv2 .hcq-app .hcq-hero-title{ color: var(--hcq-text); font-weight: 600; }
/* FIX 14 — Hero-Tag: Basis = helles Gold auf hellem Gold-Soft (~3.3:1, AA-Fail
   fuer 10px-Uppercase). Auf Primaer-Akzent (AA-fest) umstellen. */
html body.hcv2 .hcq-app .hcq-hero-tag{
  color: var(--hcq-teal);
  background: var(--hcq-teal-soft);
}
/* FIX 16 — Hero-Reason: Vollton-Balken wirkt neben ruhiger Home-Aesthetik zu
   kraeftig → gesenktes Papier + duennere Akzentkante. */
html body.hcv2 .hcq-app .hcq-hero-reason{
  background: var(--hcq-bg-soft2);
  border-left-width: 2px;
}

/* ── CONSTRAINT 4 / FIX 8 — akzent-gefuellte Buttons/Pills.
   Basis setzt Textfarbe = var(--hcq-bg-deep); das ist bei uns HELL (#f7f4ec)
   → heller Text auf Akzentflaeche = unlesbar. Explizit auf REINES Weiss fixen
   (echte AA-Reserve: Makkah #8a6a1e→#fff 5.05:1, Madinah #8a6a1e→#fff 5.83:1). ── */
html body.hcv2 .hcq-app .hcq-hero-btn-primary,
html body.hcv2 .hcq-app .hcq-filter-tab.is-active,
html body.hcv2 .hcq-app .hcq-settings-pill.is-active,
html body.hcv2 .hcq-app .hcq-audio-btn-play{
  color: #fff;
}
/* FIX 7 — Badge/Zaehler-Buttons: Hintergrund verbindlich auf Stadt-Akzent
   (statt moeglichem Zier-Gold #a8842e, wo Weiss nur 3.44:1 saehe) + Weiss.
   Damit gilt 5.05:1 (Makkah) / 5.83:1 (Madinah). */
html body.hcv2 .hcq-app .hcq-smart-badge,
html body.hcv2 .hcq-app .hcq-hifz-item-btn{
  background: var(--hcq-teal);
  color: #fff;
}
/* Sekundaer-Button: Papier-Outline im Home-Stil */
html body.hcv2 .hcq-app .hcq-hero-btn-secondary{
  background: var(--hcq-bg-soft);
  border: 1px solid var(--hcq-gold-line);
  color: var(--hcq-teal);
  border-radius: 12px;
}

/* ── Fortschritts-Fuellungen: teal→gold-Verlauf wirkt auf Papier grell →
   auf reinen Stadt-Akzent vereinheitlichen (ruhiger, Home-konform). ── */
html body.hcv2 .hcq-app .hcq-khatm-fill,
html body.hcv2 .hcq-app .hcq-audio-fill,
html body.hcv2 .hcq-app .hcq-hifz-mastery-dot.is-filled{
  background: var(--hcq-teal);
}

/* ── FIX 1 — hartcodierte Nachtgruen-TRACKS (nicht token-getrieben) auf Papier ──
   Khatm-Balken (Z.199) + Audio-Balken (Z.497) + Hifz-Dot-Track (Z.844). */
html body.hcv2 .hcq-app .hcq-khatm-bar,
html body.hcv2 .hcq-app .hcq-audio-bar,
html body.hcv2 .hcq-app .hcq-hifz-mastery-dot{
  background: var(--hcq-teal-soft);
}
/* FIX 1 — Lade-Spinner-Ring (Z.977): gruener Ring → Stadt-Akzent. */
html body.hcv2 .hcq-app .hcq-loading-spinner{
  border-color: var(--hcq-teal-soft);
  border-top-color: var(--hcq-teal);
}
/* FIX 1 — Hover-Flaechen, die hart auf rgba(45,212,191,…) blitzen
   (Back/Icon Z.102, Font-Toggle Z.126, Spin Z.695, Hifz-Toggle Z.937). */
html body.hcv2 .hcq-app .hcq-back:hover,
html body.hcv2 .hcq-app .hcq-icon-btn:hover,
html body.hcv2 .hcq-app .hcq-font-toggle:hover,
html body.hcv2 .hcq-app .hcq-spin-btn:hover,
html body.hcv2 .hcq-app .hcq-hifz-btn-toggle:hover{
  background: var(--hcq-teal-soft);
}
/* FIX 1 — krasser Fall: Hifz-Item-Button-Hover (Z.861) faerbt VOLLES Teal-Gruen
   mitten im Gold-Theme → auf Stadt-Akzent, leicht aufgehellt. */
html body.hcv2 .hcq-app .hcq-hifz-item-btn:hover{
  background: var(--hcq-teal);
  filter: brightness(1.06);
}

/* ── FIX 12 — Audio-Player: Basis-BG ist hartcodiert linear-gradient mit
   rgba(15,38,32,…) (Nachtgruen, kein Token). Der fixe Player waehrend der
   Rezitation ist Kernerlebnis → helles Papier. ── */
html body.hcv2 .hcq-app .hcq-audio-player{
  background: rgba(255,253,248,.97);
  border-top: 1px solid var(--hcq-gold-line);
  box-shadow: 0 -8px 30px rgba(33,28,20,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* ── FIX 13 — Skeleton-Shimmer nutzt hartcodiert rgba(255,255,255,.04/.08)
   (fast durchsichtiges Weiss) → auf Papier unsichtbar. Auf Tinten-Shimmer. ── */
html body.hcv2 .hcq-app .hcq-verse.is-skeleton .hcq-verse-arabic,
html body.hcv2 .hcq-app .hcq-verse.is-skeleton .hcq-verse-trans{
  background: linear-gradient(90deg,
    rgba(33,28,20,.05) 0%, rgba(33,28,20,.10) 50%, rgba(33,28,20,.05) 100%);
  background-size: 200% 100%;
}

/* ── FIX 5 + 15 — Filter-Zaehler-Chip inaktiver Tabs: Basis rgba(255,255,255,.15)
   (auf Papier unsichtbar); deckt beide Theme-Zustaende ab (hcv2 kann auch bei
   data-hc-theme=dark aktiv sein). ── */
html body.hcv2 .hcq-app .hcq-filter-tab:not(.is-active) .hcq-filter-count{
  background: rgba(33,28,20,.08);
}

/* ── Karten/Sheets an Home angleichen: Home-Radien + weiche Papier-Schatten. ── */
html body.hcv2 .hcq-app .hcq-khatm,
html body.hcv2 .hcq-app .hcq-smart-card,
html body.hcv2 .hcq-app .hcq-sura-item,
html body.hcv2 .hcq-app .hcq-sura-mini,
html body.hcv2 .hcq-app .hcq-verse,
html body.hcv2 .hcq-app .hcq-reciter-item,
html body.hcv2 .hcq-app .hcq-hifz-item{
  border-radius: 18px;
  box-shadow: 0 1px 2px rgba(60,50,35,.05), 0 10px 30px rgba(33,28,20,.10);
}
/* FIX 2 — Sheets im Home-Radius. Reale Klasse ist .hcq-reciter-sheet (das
   Settings-Sheet traegt sie ebenfalls, hcq-settings-sheet ist nur die ID; ein
   .hcq-settings-sheet / .hcq-hifz-modal existiert NICHT → tote Selektoren
   entfernt). Das Hifz-Modal ist .hcq-hifz-practice-card (separat unten). */
html body.hcv2 .hcq-app .hcq-reciter-sheet{
  border-radius: 22px 22px 0 0;
  box-shadow: 0 -8px 40px rgba(33,28,20,.16);
}
html body.hcv2 .hcq-app .hcq-hifz-practice-card{
  border-radius: 22px;
  box-shadow: 0 1px 2px rgba(60,50,35,.05), 0 10px 30px rgba(33,28,20,.12);
}

/* ── WARM-EDITORIAL: langes Lesen premium — luftigere AR-Zeilen + klare
   Vers-Hierarchie. Nur Rhythmus/Abstand, KEINE Font-/RTL-Aenderung. ── */
html body.hcv2 .hcq-app .hcq-verse{ padding: 18px 16px 16px; }
html body.hcv2 .hcq-app .hcq-verse-arabic{
  font-size: var(--hcq-font-ar, 25px);
  line-height: 2.15;
}
html body.hcv2 .hcq-app .hcq-verse-trans{
  line-height: 1.72;
  padding-top: 10px;
  margin-top: 2px;
  /* FIX 11 — Trennlinie zur Uebersetzung auf sichtbarere Akzent-Linie. */
  border-top: 1px solid var(--hcq-gold-line);
}
/* FIX 3 — Vers-Nummer-Medaillon: Basis fuellt dunkel + Zier-Gold-Text/-Rand.
   Gold #a8842e auf gesenktem Papier #f1ebdd = 2.94:1 (unter 3:1-Floor, 11px
   lesbarer Inhalt). → gesenktes Papier + Primaer-Akzent (AA-fest ~4.6–5.3:1). */
html body.hcv2 .hcq-app .hcq-verse-num{
  background: var(--hcq-bg-soft2);
  color: var(--hcq-teal);
  border-color: var(--hcq-teal-line);
}
/* Hifz-Praxis-AR-Block: dunkle Scheibe → gesenktes Papier. */
html body.hcv2 .hcq-app .hcq-hifz-practice-arabic{ background: var(--hcq-bg-soft2); }

/* Praxis-Overlay-Dimmer auf warmes Papier-Dunkel statt kaltes Dunkelgruen */
html body.hcv2 .hcq-app .hcq-hifz-practice-overlay{ background: rgba(33,28,20,.55); }

/* Toast auf Papier */
html body.hcv2 .hcq-app .hcq-toast{
  background: var(--hcq-bg-mid);
  color: var(--hcq-text);
  border: 1px solid var(--hcq-gold-line);
  box-shadow: 0 8px 28px rgba(33,28,20,.18);
}

/* ── Bottom-Nav: helles Papier mit Blur, ruhige Oberkante (wie Home-Nav) ── */
html body.hcv2 .hcq-app .hcq-bottom-nav{
  background: rgba(255,253,248,.92);
  border-top: 1px solid var(--hcq-teal-line);
  box-shadow: 0 -1px 2px rgba(60,50,35,.05);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* ── Arabisch strikt Amiri/Scheherazade + RTL (bewusst NICHT umgefaerbt).
   Serif-Vererbung von oben sicherheitshalber neutralisieren. Hero-Arabisch-
   FARBE hier zentral definiert (FIX 6 + FIX 10): #a8842e auf Hero-Papier
   #fffdf8 = nur 3.44:1 (< AA-Fliesstext) und Hero-AR ist inhaltstragend →
   auf AA-festen Primaer-Akzent (Makkah #8a6a1e 4.96:1 / Madinah #8a6a1e
   5.73:1). Farbe NUR EINMAL (an dieser letzten Regel), keine Doppel-Deklaration. ── */
html body.hcv2 .hcq-app .hcq-hero-arabic,
html body.hcv2 .hcq-app .hcq-sura-arabic,
html body.hcv2 .hcq-app .hcq-sura-mini-arabic,
html body.hcv2 .hcq-app .hcq-verse-arabic,
html body.hcv2 .hcq-app .hcq-title-arabic{
  font-family: 'Amiri','Scheherazade New','Traditional Arabic', serif;
}
html body.hcv2 .hcq-app .hcq-hero-arabic{ color: var(--hcq-teal); }

/* ═══════════════════════════════════════════════════════════════════════════
   DHIKR/ADHKĀR-MODUL → DAWN & DOME
   Additive, gescopte, reine CSS-Umfärbung · ans ENDE von theme-v2.css.
   ───────────────────────────────────────────────────────────────────────────
   SPEZIFITÄTS-KERN:  jede Regel  body.hcv2 #hca-modal <rest>  spiegelt exakt den
   Original-Hell-Selektor  #hca-modal[data-light="on"] <rest>  (gleiche ID- und
   Klassenzahl, .hcv2 statt [data-light]) PLUS ein zusätzliches Element (body)
   → schlägt das modul-eigene Light-Theme per Element-Count UND die Dark-Basis
   (.hca-x) sowieso. Wirkt daher in BEIDEN Zuständen des modul-eigenen
   Hell-Schalters. Kill-Switch: alles unter body.hcv2 — ohne die Klasse bleibt
   das dunkle Nachtgrün-Modul unverändert.
   AUSNAHMEN mit !important: hc-settings-unify.css (lädt vor theme-v2.css)
   setzt .hca-toggle.hca-on / .hca-seg-opt.hca-active / .hca-settings-title
   mit !important → diese drei Regeln brauchen hier ebenfalls !important.
   AUSNAHME Toast: adhkar-v1.js hängt .hca-toast an document.body (NICHT ins
   Modal) → Toast-Regeln sind body.hcv2 .hca-toast gescoped, mit Literalwerten
   (die --hca-*-Variablen auf #hca-modal erreichen den body-Toast nicht).
   Makkah = Gold (Default) · Madinah = Teal via html[data-city="madinah"].
   Grün = Erledigt-Semantik · Orange = Serie/Streak — beide bleiben erhalten.
   Arabisch bleibt Amiri + Tinte, RTL unberührt. Titel = Fraunces (var(--v2-serif)).
   Palette 1:1 aus Home + Quran-Modul: Papier #f7f4ec · Karte #fffdf8 · gesenkt
   #f1ebdd · Tinte #211c14 · Übersetzung #4a4234 · sekundär #6b6156 · Meta
   #7a7063 · Linie rgba(33,28,20,.10) · Zier-Gold #a8842e · TEXT-Gold #7a5c15
   · Grün(Done) #0e9d4c / #047857 · Streak-Orange #c2410c.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Lokale Akzent-Helfer (nur im Modul). TEXT-Akzent bewusst DUNKLER als der
      Zier-Akzent, weil er meist auf den halbtransparenten --hca-acc-soft-Chips
      liegt (16% Akzent über Karte): Makkah #7a5c15 = 5.18:1 auf Gold-Soft,
      5.67:1 auf Papier, 5.3:1 auf gesenktem Papier; Madinah #7a5c15 = 6.2:1
      auf Teal-Soft. Der Madinah-Block kippt alle vier Variablen auf Teal,
      dadurch wechseln Chips/aktive Pillen/Segmente/Toggle/Progress/Eyebrow/
      Counter automatisch mit — ohne Grün (Done) oder Orange (Streak). ── */
body.hcv2 #hca-modal{
  --hca-acc:#a8842e;                 /* Zier-/Flächen-Akzent (Makkah Gold), nur große Flächen/Rahmen/Toggle */
  --hca-acc-txt:#7a5c15;             /* Text-Akzent, AA auch auf Soft-Chips (>=5:1) */
  --hca-acc-soft:rgba(168,132,46,.16);
  --hca-acc-line:rgba(168,132,46,.45);
  --hca-green:#0e9d4c;               /* Erledigt-Fläche */
  --hca-green-txt:#047857;           /* Erledigt-Text, AA ~5.3:1 */
}
html[data-city="madinah"] body.hcv2 #hca-modal{
  --hca-acc:#8a6a1e;                 /* Zier-/Flächen-Akzent (Madinah Teal) */
  --hca-acc-txt:#7a5c15;             /* Teal-Text, AA auch auf Soft-Chips (~6:1) */
  --hca-acc-soft:rgba(168,132,46,.16);
  --hca-acc-line:rgba(168,132,46,.45);
}

/* ── Container: Nachtgrün-Gradient → flaches Pergament ────────────────────── */
body.hcv2 #hca-modal{
  background:#f7f4ec !important;         /* Dark-Basis setzt background + background-image getrennt */
  background-image:none !important;      /* → beide flach überschreiben, sonst blitzt Nachtgrün durch */
  color:#211c14;
}

/* ── Header ───────────────────────────────────────────────────────────────── */
body.hcv2 #hca-modal .hca-hdr{
  background:rgba(247,244,236,.95);
  border-bottom-color:rgba(33,28,20,.10);
}
body.hcv2 #hca-modal .hca-hdr-btn{
  background:#fffdf8;
  border-color:rgba(33,28,20,.12);
  color:#211c14;
}
body.hcv2 #hca-modal .hca-hdr-btn:active{ background:#f1ebdd; }
body.hcv2 #hca-modal .hca-hdr-eyebrow{ color:var(--hca-acc-txt); }        /* Stadt-Akzent-Text, ~5.7:1 */
body.hcv2 #hca-modal .hca-hdr-title{
  color:#211c14;                                                          /* ~15:1 */
  font-family:var(--v2-serif,'Fraunces',Georgia,serif);
  font-weight:500;
  letter-spacing:.2px;
}

/* ── Kategorie-Pillen ─────────────────────────────────────────────────────── */
body.hcv2 #hca-modal .hca-cat-pill{
  background:#fffdf8;
  border-color:rgba(33,28,20,.10);
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
body.hcv2 #hca-modal .hca-cat-pill.hca-active{                            /* Stadt-Akzent-soft */
  background:var(--hca-acc-soft);
  border-color:var(--hca-acc-line);
}
body.hcv2 #hca-modal .hca-cat-pill.hca-done{                             /* Done bleibt grün */
  background:rgba(14,157,76,.12);
  border-color:rgba(14,157,76,.40);
}
body.hcv2 #hca-modal .hca-cat-pill-name{ color:#211c14; }
body.hcv2 #hca-modal .hca-cat-pill-status{ color:#7a7063; }
body.hcv2 #hca-modal .hca-cat-pill-check{                                /* grüner Kreis, DUNKLER Haken (5.15:1, wie Dark-Basis) */
  background:var(--hca-green);
  color:#0a1814;
}
body.hcv2 #hca-modal .hca-cat-pill-anim circle[fill="#fff"]{ fill:#8a7f6d; } /* Mini-Sterne des Mond-Icons auf Papier sichtbar */

/* ── Streak-Banner (warm-orange behalten, Fläche auf Papier heben) ─────────── */
body.hcv2 #hca-modal .hca-streak{
  background:linear-gradient(90deg,rgba(194,65,12,.10),rgba(194,65,12,.03));
  border-color:rgba(194,65,12,.30);
  color:#211c14;
}

/* ── Fortschritt ──────────────────────────────────────────────────────────── */
body.hcv2 #hca-modal .hca-progress{ background:#f1ebdd; }
body.hcv2 #hca-modal .hca-progress-row{ color:#6b6156; }
body.hcv2 #hca-modal .hca-progress-num{ color:var(--hca-acc-txt); }       /* ~5.3:1 auf #f1ebdd */
body.hcv2 #hca-modal .hca-progress-track{ background:rgba(33,28,20,.08); }
body.hcv2 #hca-modal .hca-progress-fill{ background:var(--hca-acc-txt); } /* dunkler Akzent: >=3:1 vs. Track (1.4.11) */

/* ── Quick-Bar ────────────────────────────────────────────────────────────── */
body.hcv2 #hca-modal .hca-qbar{ background:#fffdf8; }
body.hcv2 #hca-modal .hca-qbtn{
  background:#fffdf8;
  border-color:rgba(33,28,20,.10);
  color:#211c14;
}
body.hcv2 #hca-modal .hca-qbtn.hca-active{
  background:var(--hca-acc-soft);
  border-color:var(--hca-acc-line);
  color:var(--hca-acc-txt);
}

/* ── Swipe-Hint ───────────────────────────────────────────────────────────── */
body.hcv2 #hca-modal .hca-swipe-hint{ color:#7a7063; }

/* ── Dhikr-Karte (Swipe) — ruhige Papier-Gebetsseite, klare Lese-Hierarchie ── */
body.hcv2 #hca-modal .hca-dhikr-card{
  background:#fffdf8;
  border:1px solid rgba(33,28,20,.10);
  border-radius:16px;
  box-shadow:0 1px 2px rgba(60,50,35,.05),0 10px 30px rgba(33,28,20,.10);
}
body.hcv2 #hca-modal .hca-dhikr-num{
  background:var(--hca-acc-soft);
  color:var(--hca-acc-txt);
}
body.hcv2 #hca-modal .hca-dhikr-cat{
  background:var(--hca-acc-soft);
  color:var(--hca-acc-txt);
}
body.hcv2 #hca-modal .hca-dhikr-cat::before{ color:var(--hca-acc-txt); }
body.hcv2 #hca-modal .hca-dhikr-times{
  background:var(--hca-acc-soft);
  color:var(--hca-acc-txt);
}
body.hcv2 #hca-modal .hca-dhikr-arabic{ color:#211c14; }                 /* Amiri unberührt, ~16:1 */
body.hcv2 #hca-modal .hca-dhikr-translit{ color:#6b6156; }               /* ~5.6:1 */
body.hcv2 #hca-modal .hca-dhikr-translation{ color:#4a4234; }            /* ~9:1 */
body.hcv2 #hca-modal .hca-dhikr-source{ color:#7a7063; }

/* ── Counter-Karte ────────────────────────────────────────────────────────── */
body.hcv2 #hca-modal .hca-counter{
  background:#fffdf8;
  border:2px solid var(--hca-acc);                                        /* solider Akzent-Rahmen, >=3:1 vs. Karte (1.4.11) */
  border-radius:16px;
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
body.hcv2 #hca-modal .hca-counter:active{ background:#f1ebdd; }
body.hcv2 #hca-modal .hca-counter.hca-counter-done{                      /* Done bleibt grün */
  background:rgba(14,157,76,.08);
  border-color:rgba(14,157,76,.55);
}
body.hcv2 #hca-modal .hca-counter-label{ color:var(--hca-acc-txt); }
body.hcv2 #hca-modal .hca-counter-done .hca-counter-label{ color:var(--hca-green-txt); }
body.hcv2 #hca-modal .hca-counter-value{ color:#211c14; }
body.hcv2 #hca-modal .hca-counter-current{ color:var(--hca-acc-txt); }
body.hcv2 #hca-modal .hca-counter-done .hca-counter-current{ color:var(--hca-green-txt); }
body.hcv2 #hca-modal .hca-counter-sep{ color:#7a7063; }
body.hcv2 #hca-modal .hca-counter-prog{ background:#f1ebdd; }
body.hcv2 #hca-modal .hca-counter-prog-fill{ background:var(--hca-acc-txt); }  /* dunkler Akzent: >=4:1 vs. #f1ebdd */
body.hcv2 #hca-modal .hca-counter-done .hca-counter-prog-fill{ background:var(--hca-green-txt); }
body.hcv2 #hca-modal .hca-counter-hint{ color:#7a7063; }

/* ── Bottom-CTA ───────────────────────────────────────────────────────────── */
body.hcv2 #hca-modal .hca-bcta{ border-top-color:rgba(33,28,20,.10); }
body.hcv2 #hca-modal .hca-bcta-arrow{
  background:#fffdf8;
  border-color:rgba(33,28,20,.12);
  color:#211c14;
}
body.hcv2 #hca-modal .hca-bcta-mid{ color:#7a7063; }

/* ── Liste-Modus ──────────────────────────────────────────────────────────── */
body.hcv2 #hca-modal .hca-list-item{
  background:#fffdf8;
  border-color:rgba(33,28,20,.10);
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
body.hcv2 #hca-modal .hca-list-num{
  background:var(--hca-acc-soft);
  color:var(--hca-acc-txt);
}
body.hcv2 #hca-modal .hca-list-times{ color:#7a7063; }
body.hcv2 #hca-modal .hca-list-done-mark{ color:var(--hca-green-txt); }  /* Done grün */
body.hcv2 #hca-modal .hca-list-arabic{ color:#211c14; }                  /* Amiri unberührt */
body.hcv2 #hca-modal .hca-list-translit{ color:#6b6156; }
body.hcv2 #hca-modal .hca-list-trans{ color:#4a4234; }                   /* ~9:1 */
body.hcv2 #hca-modal .hca-list-source{ color:#7a7063; }
body.hcv2 #hca-modal .hca-list-tap{                                       /* Akzent-Chip auf Papier, Text ~5.2:1 */
  background:var(--hca-acc-soft);
  border-color:var(--hca-acc-line);
  color:var(--hca-acc-txt);
}
body.hcv2 #hca-modal .hca-list-tap:active{ background:rgba(168,132,46,.24); } /* Text #7a5c15 bleibt ~4.8:1 */
body.hcv2 #hca-modal .hca-list-tap-count{
  background:var(--hca-acc-soft);
  color:var(--hca-acc-txt);
}
body.hcv2 #hca-modal .hca-list-item.hca-done .hca-list-tap{               /* Done bleibt grün */
  background:rgba(14,157,76,.10);
  border-color:rgba(14,157,76,.40);
  color:var(--hca-green-txt);
}

/* ── Empty / Loading / Error States ───────────────────────────────────────── */
body.hcv2 #hca-modal .hca-state{ color:#6b6156; }
body.hcv2 #hca-modal .hca-state-sub{ color:#7a7063; }

/* ── Settings ─────────────────────────────────────────────────────────────── */
/* !important nötig: hc-settings-unify.css erzwingt Alt-Gold #c9a84c mit
   !important auf Toggle-on/Segment-aktiv/Settings-Titel (auf Pergament nur
   ~2.2:1). Mit !important + höherer Spezifität gewinnen wir in jedem Zustand. */
body.hcv2 #hca-modal .hca-settings-section{ border-bottom-color:rgba(33,28,20,.10); }
body.hcv2 #hca-modal .hca-settings-title{ color:#7a7063 !important; }
body.hcv2 #hca-modal .hca-settings-row{ color:#211c14; }
body.hcv2 #hca-modal .hca-toggle{ background:rgba(33,28,20,.30); }        /* Track deutlicher vom Pergament abgesetzt */
body.hcv2 #hca-modal .hca-toggle.hca-on{ background:var(--hca-acc) !important; } /* aktiv = Stadt-Akzent */
body.hcv2 #hca-modal .hca-toggle-thumb{                                   /* weißer Knauf bekommt Kante auf hellem Track */
  box-shadow:0 1px 3px rgba(33,28,20,.35),0 0 0 1px rgba(33,28,20,.08);
}
body.hcv2 #hca-modal .hca-seg-opt{
  background:#fffdf8;
  border-color:rgba(33,28,20,.10);
  color:#211c14;
}
body.hcv2 #hca-modal .hca-seg-opt.hca-active{
  background:var(--hca-acc-soft) !important;
  border-color:var(--hca-acc-line) !important;
  color:var(--hca-acc-txt) !important;
}
body.hcv2 #hca-modal .hca-time-input{
  background:#fffdf8;
  border-color:rgba(33,28,20,.15);
  color:var(--hca-acc-txt);
}
body.hcv2 #hca-modal .hca-lang-select{
  background:#fffdf8;
  border-color:rgba(33,28,20,.15);
  color:#211c14;
}
body.hcv2 #hca-modal .hca-stat-value-streak{ color:#c2410c; }            /* Serie = orange bleibt */
body.hcv2 #hca-modal .hca-stat-value-best{ color:var(--hca-acc-txt); }
body.hcv2 #hca-modal .hca-stat-value-week{ color:var(--hca-acc-txt); }

/* ── Toast: liegt am BODY (adhkar-v1.js: document.body.appendChild), daher
      OHNE #hca-modal gescoped und mit Literalwerten (Modal-Variablen erben
      hier nicht). Spezifität (0,2,1) schlägt die Dark-Basis .hca-toast (0,1,0).
      Weiß auf #7a5c15 ≈ 6.2:1, auf #8a6a1e ≈ 5.8:1 — beide AA-fest. ────────── */
body.hcv2 .hca-toast{
  background:#7a5c15;
  color:#ffffff;
  box-shadow:0 8px 24px rgba(33,28,20,.22);
}

/* ═══════════════════════════════════════════════════════════════════════════
   STADT-VARIANTE · MADINAH = Teal.
   Fast alle Akzent-Stellen wechseln bereits über die --hca-acc*-Variablen oben
   (inkl. dunklem Text-Teal #7a5c15 für Chips). Hier nur die hartkodierten
   rgba()-/Literal-Stellen: list-tap:active und der Body-Toast. Streak/Statistik
   bleiben orange, Grün (Done) bleibt via eigener, tieferer .hca-done-Regeln
   erhalten. html[data-city=madinah] body.hcv2 … gewinnt per höherer Tiefe.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-city="madinah"] body.hcv2 #hca-modal .hca-list-tap:active{ background:rgba(168,132,46,.24); } /* Text #7a5c15 ~5.5:1 */
html[data-city="madinah"] body.hcv2 .hca-toast{ background:#8a6a1e; color:#ffffff; }

/* ═══════════════════════════════════════════════════════════════════════════
   MODULE-TINT DAWN UND DOME: HAJJ / UMRA / HUB / SETTINGS
   Ans Ende von theme-v2.css. Scope: html[data-hc-theme="light"] body.hcv2
   (Kill-Switch-sicher: ohne hcv2 oder im Dark-Modus aendert sich NICHTS).
   Review-Fixes eingearbeitet: Zustands-Regeln explizit re-deklariert
   (step-cell.active, cta-main--complete), AA-feste Akzent-Fuellungen,
   border-left-Streifen erhalten, .hub-tag getintet, Madinah-:not()-Ausnahmen,
   !important gegen light-fixes.css, Fraunces einheitlich 600.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ===== MODUL: hajj ===== */
/* ═══════════════════════════════════════════════════════════════════════
   DAWN & DOME v2 — PERGAMENT-TINT: HAJJ (#hcj-modal, .hcj-*)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Grundfläche: flaches Pergament statt Creme-Grün-Verlauf ── */
html[data-hc-theme="light"] body.hcv2 .hcj-screen {
  background: #f7f4ec;
  color: #211c14;
}
html[data-hc-theme="light"] body.hcv2 .hcj-overlay {
  background: rgba(33,28,20,0.38);
}
html[data-hc-theme="light"] body.hcv2 .hcj-statusbar { color: #6b6156; }

/* ── Header: Zurück/Cog + Eyebrow auf Stadt-Akzent, Titel in Fraunces ── */
html[data-hc-theme="light"] body.hcv2 .hcj-hdr-back,
html[data-hc-theme="light"] body.hcv2 .hcj-hdr-cog {
  background: rgba(168,132,46,0.10);
  border-color: rgba(168,132,46,0.28);
  color: #8a6a1e;
}
html[data-hc-theme="light"] body.hcv2 .hcj-hdr-back:active,
html[data-hc-theme="light"] body.hcv2 .hcj-hdr-cog:active {
  background: rgba(168,132,46,0.18);
}
html[data-hc-theme="light"] body.hcv2 .hcj-hdr-eyebrow { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcj-hdr-title {
  color: #211c14;
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600; /* Fix: Fraunces wird nur 400/500/600 geladen */
  letter-spacing: 0;
}

/* ── Tages-Pills: Papier-Karten, aktiv = gefüllter Stadt-Akzent ── */
html[data-hc-theme="light"] body.hcv2 .hcj-day-pill {
  background: #fffdf8;
  border: 1px solid rgba(33,28,20,0.10);
  color: #211c14;
  box-shadow: 0 1px 2px rgba(60,50,35,0.05);
}
html[data-hc-theme="light"] body.hcv2 .hcj-day-pill:hover {
  background: #fffdf8;
  color: #211c14;
  border-color: rgba(168,132,46,0.45);
}
html[data-hc-theme="light"] body.hcv2 .hcj-day-pill.active {
  background: linear-gradient(135deg, #8a6a1e, #6f5518);
  border-color: #6f5518;
  color: #fff;
  box-shadow: 0 1px 2px rgba(60,50,35,0.05), 0 6px 18px rgba(138,106,30,0.30);
}
html[data-hc-theme="light"] body.hcv2 .hcj-day-pill.active .hcj-day-pill-tag,
html[data-hc-theme="light"] body.hcv2 .hcj-day-pill.active .hcj-day-pill-name { color: #fff; }
html[data-hc-theme="light"] body.hcv2 .hcj-day-pill.active::after {
  border-top-color: #6f5518;
}
/* Erledigt-Häkchen bleibt GRÜN (Semantik), nur AA-fester Ton */
html[data-hc-theme="light"] body.hcv2 .hcj-day-pill.done::after { color: #047857; }

/* ── Schritt-Index: Label auf Akzent, Zellen auf Papier ── */
html[data-hc-theme="light"] body.hcv2 .hcj-step-idx-label { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcj-step-idx-label::before { background: #a8842e; }
html[data-hc-theme="light"] body.hcv2 .hcj-step-cell {
  background: #fffdf8;
  border-color: rgba(168,132,46,0.45);
  color: #7a5520;
  box-shadow: 0 1px 2px rgba(60,50,35,0.05);
}
html[data-hc-theme="light"] body.hcv2 .hcj-step-cell:hover {
  background: #fffdf8;
  border-color: #a8842e;
}
html[data-hc-theme="light"] body.hcv2 .hcj-step-cell.done {
  background: #f1ebdd;
  border-color: rgba(168,132,46,0.40);
  color: #7a5520;
}
/* FIX (Review 1/8/17): .active MUSS re-deklariert werden — die generische
   Tint-Regel oben (0,3,2) schlaegt die Basis-Light-Regel (0,3,1).
   Gold-Fuellung im Dawn&Dome-Ton, #fff auf #8a6a1e/#6f5518 = 5.05/7.03:1 (AA).
   Bleibt bewusst auch in Madinah GOLD (Rukn-/Gold-Semantik). */
html[data-hc-theme="light"] body.hcv2 .hcj-step-cell.active {
  background: linear-gradient(135deg, #8a6a1e, #6f5518);
  border-color: #6f5518;
  color: #fff;
  text-shadow: none;
  box-shadow: 0 4px 16px rgba(138,106,30,0.45);
}
html[data-hc-theme="light"] body.hcv2 .hcj-step-progress { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcj-step-progress .done-count { color: #047857; }

/* ── Offline-Pill: Grün = Status-Semantik (Fix 16: #065f46 statt 4.46:1-Grenzfall) ── */
html[data-hc-theme="light"] body.hcv2 .hcj-offline-pill {
  background: rgba(14,157,76,0.10);
  border-color: rgba(14,157,76,0.30);
  color: #065f46;
}
html[data-hc-theme="light"] body.hcv2 .hcj-offline-pill::before { background: #0e9d4c; }

/* ── Tabs: Tinte + Stadt-Akzent-Unterstrich statt Grün ── */
html[data-hc-theme="light"] body.hcv2 .hcj-tabs {
  border-bottom-color: rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hcj-tab { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcj-tab:hover { color: #4a4234; }
html[data-hc-theme="light"] body.hcv2 .hcj-tab.active { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-tab.active::after { background: #a8842e; }
/* Fix 13: Akzent-Text auf getoenter Chip-Flaeche → dunkles #6f5518 (AA) */
html[data-hc-theme="light"] body.hcv2 .hcj-tab-cnt {
  background: rgba(168,132,46,0.12);
  color: #6f5518;
}
html[data-hc-theme="light"] body.hcv2 .hcj-tab:not(.active) .hcj-tab-cnt {
  background: rgba(33,28,20,0.06);
  color: #6b6156;
}

/* ── Hero-Karte: flaches Papier statt Milchglas ── */
html[data-hc-theme="light"] body.hcv2 .hcj-hero-card {
  background: #fffdf8;
  border: 1px solid rgba(33,28,20,0.10);
  box-shadow: 0 1px 2px rgba(60,50,35,0.05), 0 10px 30px rgba(33,28,20,0.10);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-hc-theme="light"] body.hcv2 .hcj-hero-card.critical {
  background: linear-gradient(135deg, #fffdf8 0%, #fdf0ec 100%);
  border-color: rgba(185,28,28,0.35);
}
html[data-hc-theme="light"] body.hcv2 .hcj-hero-card.is-done {
  background: linear-gradient(135deg, #fffdf8 0%, #eef6ec 100%);
  border-color: rgba(14,157,76,0.30);
}
html[data-hc-theme="light"] body.hcv2 .hcj-hero-stepnum { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcj-hero-icon {
  background: rgba(168,132,46,0.10);
  border-color: rgba(168,132,46,0.28);
  box-shadow: 0 2px 8px rgba(138,106,30,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hcj-hero-title {
  color: #211c14;
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600;
  letter-spacing: 0;
}
html[data-hc-theme="light"] body.hcv2 .hcj-hero-instr { color: #4a4234; }
html[data-hc-theme="light"] body.hcv2 .hcj-hero-source {
  background: rgba(168,132,46,0.12);
  border-color: rgba(168,132,46,0.30);
  color: #7a5520;
}
html[data-hc-theme="light"] body.hcv2 .hcj-hero-extra-tracker {
  background: rgba(168,132,46,0.08);
  border-color: rgba(168,132,46,0.28);
}
html[data-hc-theme="light"] body.hcv2 .hcj-hero-extra-title { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcj-hero-extra-desc { color: #4a4234; }

/* FIX (Review 23): Pillar-Badges an Umra-Semantik angleichen —
   RUKN = Gold-Flaeche (statt Alt-Rot, das mit Warn-Semantik kollidiert),
   WAJIB = Amber, SUNNAH = neutral. (0,4,2) schlaegt Basis-Light (0,3,1). */
html[data-hc-theme="light"] body.hcv2 .hcj-hero-badge[data-pillar="rukn"] {
  background: linear-gradient(135deg, #a8842e, #8a6a1e);
  color: #fff;
  border-color: transparent;
}
html[data-hc-theme="light"] body.hcv2 .hcj-hero-badge[data-pillar="wajib"] {
  background: rgba(180,83,9,0.12);
  color: #92400e;
  border-color: rgba(180,83,9,0.30);
}
html[data-hc-theme="light"] body.hcv2 .hcj-hero-badge[data-pillar="sunnah"] {
  background: #f1ebdd;
  color: #6b6156;
  border-color: rgba(33,28,20,0.12);
}
/* Status-Pills (grün/rot) + .critical bleiben — Semantik */

/* ── Nächster-Schritt-Vorschau: Grün → Stadt-Akzent ── */
html[data-hc-theme="light"] body.hcv2 .hcj-next-preview {
  background: linear-gradient(135deg, rgba(168,132,46,0.08) 0%, rgba(168,132,46,0.03) 100%);
  border-color: rgba(168,132,46,0.32);
}
html[data-hc-theme="light"] body.hcv2 .hcj-next-preview:hover {
  background: linear-gradient(135deg, rgba(168,132,46,0.14) 0%, rgba(168,132,46,0.06) 100%);
  border-color: rgba(168,132,46,0.50);
}
html[data-hc-theme="light"] body.hcv2 .hcj-next-label { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcj-next-tag {
  background: rgba(168,132,46,0.12);
  color: #6f5518; /* Fix 13: AA auf getoenter Flaeche */
}
html[data-hc-theme="light"] body.hcv2 .hcj-next-title { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-next-arrow { color: #8a6a1e; }
/* --day-Variante (violett) behält ihre Unterscheidungsfarbe */
html[data-hc-theme="light"] body.hcv2 .hcj-next-preview--day {
  background: linear-gradient(135deg, rgba(109,40,217,0.07) 0%, rgba(109,40,217,0.03) 100%);
  border-color: rgba(109,40,217,0.30);
}
html[data-hc-theme="light"] body.hcv2 .hcj-next-preview--day .hcj-next-label,
html[data-hc-theme="light"] body.hcv2 .hcj-next-preview--day .hcj-next-arrow { color: #6d28d9; }
html[data-hc-theme="light"] body.hcv2 .hcj-next-preview--day .hcj-next-tag {
  background: rgba(109,40,217,0.10);
  color: #6d28d9;
}

/* ── Sektionen / Zwischentitel ── */
html[data-hc-theme="light"] body.hcv2 .hcj-section-line { background: rgba(33,28,20,0.10); }
html[data-hc-theme="light"] body.hcv2 .hcj-section-label { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcj-mehr-title { color: #7a7063; }

/* ── Beleg-Blöcke (Quran/Hadith/Dua/Fiqh): Papier-Karten, Typ-Farben bleiben ── */
html[data-hc-theme="light"] body.hcv2 .hcj-blk {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.10);
  box-shadow: 0 1px 2px rgba(60,50,35,0.05);
}
/* FIX (Review 24): Quran-Typ-Farbe vom Alt-Teal auf Lila — konsistent mit Umra */
html[data-hc-theme="light"] body.hcv2 .hcj-blk[data-type="quran"] { --hcj-blk-c: #6d28d9; }
html[data-hc-theme="light"] body.hcv2 .hcj-blk-arabic { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-blk-translit { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcj-blk-text { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-blk-meta-ref { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hcj-blk-source {
  background: rgba(168,132,46,0.14);
  border-color: rgba(168,132,46,0.35);
  color: #7a5520;
}

/* ── Dua-Block: warmes gesenktes Papier ── */
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua {
  background: #f1ebdd;
  border-color: rgba(168,132,46,0.30);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua::before { background: #a8842e; }
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-hdr:hover {
  background: rgba(168,132,46,0.06);
}
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua.open .hcj-step-dua-hdr {
  border-bottom: 1px solid rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-title { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-ref {
  color: #7a5520;
  background: rgba(168,132,46,0.14);
  border-color: rgba(168,132,46,0.35);
}
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-chevron { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-arabic { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-translit { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-text { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-source {
  color: #7a5520;
  background: rgba(168,132,46,0.12);
  border-color: rgba(168,132,46,0.30);
}
/* Audio-Pille: Papier + Akzent; „playing" = gefüllter Akzent mit Weiß */
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-audio {
  background: #fffdf8;
  border-color: rgba(168,132,46,0.50);
  color: #8a6a1e;
}
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-audio:hover {
  background: rgba(168,132,46,0.14);
}
html[data-hc-theme="light"] body.hcv2 .hcj-step-dua-audio.playing {
  background: linear-gradient(135deg, #8a6a1e, #6f5518);
  border-color: #6f5518;
  color: #fff;
}
html[data-hc-theme="light"] body.hcv2 .hcj-audio-btn {
  background: rgba(168,132,46,0.12);
  border-color: rgba(168,132,46,0.30);
  color: #8a6a1e;
}

/* ── BEGINNEN-Button: GRÜN (Los-Semantik) — FIX (Review 10): AA-feste Töne,
   #fff auf #0b7d3d/#047857 = 5.23/5.48:1 statt 3.53:1 auf #0e9d4c ── */
html[data-hc-theme="light"] body.hcv2 .hcj-bottom-cta {
  background: linear-gradient(180deg, transparent 0%, rgba(247,244,236,0.96) 30%);
}
html[data-hc-theme="light"] body.hcv2 .hcj-cta-main {
  background: linear-gradient(135deg, #0b7d3d, #047857);
  border-color: #047857;
  color: #fff;
  box-shadow: 0 4px 14px rgba(11,125,61,0.35);
}
html[data-hc-theme="light"] body.hcv2 .hcj-cta-main.is-done {
  background: linear-gradient(135deg, #047857, #065f46);
}
html[data-hc-theme="light"] body.hcv2 .hcj-cta-side {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.13);
  color: #211c14;
}
html[data-hc-theme="light"] body.hcv2 .hcj-cta-side:hover {
  background: #f1ebdd;
}

/* ── Tracker (Tawaf/Steine): Papier-Karte; Orange-Done bleibt (Basis-!important) ── */
html[data-hc-theme="light"] body.hcv2 .hcj-tracker {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hcj-tracker-title { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-tracker-count { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcj-tracker-circle {
  background: rgba(33,28,20,0.05);
  border-color: rgba(33,28,20,0.15);
  color: #6b6156;
}
html[data-hc-theme="light"] body.hcv2 .hcj-tracker-stones-label { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcj-tracker-stone {
  background: rgba(33,28,20,0.05);
  border-color: rgba(33,28,20,0.13);
}
html[data-hc-theme="light"] body.hcv2 .hcj-tracker-btn--minus {
  background: rgba(33,28,20,0.06);
  border-color: rgba(33,28,20,0.15);
  color: #4a4234;
}
/* Reset-Button bleibt ROT (Warn-Semantik) — unangetastet */

/* ── „Mehr erfahren"-Karten: warme Haarlinien-Karten ── */
html[data-hc-theme="light"] body.hcv2 .hcj-sunan-block,
html[data-hc-theme="light"] body.hcv2 .hcj-ctx-block,
html[data-hc-theme="light"] body.hcv2 .hcj-madhahib,
html[data-hc-theme="light"] body.hcv2 .hcj-madhahib-block {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.10);
}
/* FIX (Review 19): border-color-Kurzform oben killt die farbcodierten
   border-left-Streifen → hier explizit re-deklarieren */
html[data-hc-theme="light"] body.hcv2 .hcj-madhahib { border-left-color: #7c4dff; }
html[data-hc-theme="light"] body.hcv2 .hcj-sunan-count { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcj-sunan-chevron { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hcj-sunan-item { border-bottom-color: rgba(33,28,20,0.06); }
html[data-hc-theme="light"] body.hcv2 .hcj-sunan-text { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-madhahib-title { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-madhahib-desc { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcj-madhahib-block-title { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-mad-box {
  background: #f1ebdd;
  border-color: rgba(168,132,46,0.28);
}
html[data-hc-theme="light"] body.hcv2 .hcj-mad-box-title { color: #7a5520; }
html[data-hc-theme="light"] body.hcv2 .hcj-mad-box-sub { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcj-mad-topic {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.10);
  border-left-color: #7c4dff; /* FIX (Review 19): Violett-Streifen erhalten */
}
html[data-hc-theme="light"] body.hcv2 .hcj-mad-topic-title { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-mad-opin {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.10);
}
/* FIX (Review 19): Rechtsschul-Farbstreifen re-deklarieren (Light-Palette) */
html[data-hc-theme="light"] body.hcv2 .hcj-mad-opin.hanafi   { border-left-color: #0d8a6b; }
html[data-hc-theme="light"] body.hcv2 .hcj-mad-opin.maliki   { border-left-color: #a07030; }
html[data-hc-theme="light"] body.hcv2 .hcj-mad-opin.shafii   { border-left-color: #6d28d9; }
html[data-hc-theme="light"] body.hcv2 .hcj-mad-opin.hanbali  { border-left-color: #15803d; }
html[data-hc-theme="light"] body.hcv2 .hcj-mad-opin-text { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hcj-mdh-ruling {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hcj-mdh-ruling-text { color: #211c14; }

/* ── Loading / Empty ── */
html[data-hc-theme="light"] body.hcv2 .hcj-loading { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcj-loading-spinner {
  border-color: rgba(168,132,46,0.20);
  border-top-color: #8a6a1e;
}
html[data-hc-theme="light"] body.hcv2 .hcj-empty { color: #6b6156; }

/* ═══ MADINAH-VARIANTE HAJJ: Stadt-Akzent Teal (data-city sitzt auf html) ═══ */
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-hdr-back,
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-hdr-cog {
  background: rgba(168,132,46,0.10);
  border-color: rgba(168,132,46,0.28);
  color: #8a6a1e;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-hdr-back:active,
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-hdr-cog:active {
  background: rgba(168,132,46,0.18);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-hdr-eyebrow { color: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-day-pill.active {
  background: linear-gradient(135deg, #8a6a1e, #6f5518);
  border-color: #6f5518;
  box-shadow: 0 1px 2px rgba(60,50,35,0.05), 0 6px 18px rgba(168,132,46,0.30);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-day-pill.active::after {
  border-top-color: #6f5518;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-day-pill:hover {
  border-color: rgba(168,132,46,0.45);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-step-idx-label { color: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-step-idx-label::before { background: #8a6a1e; }
/* .hcj-step-cell.active bleibt bewusst GOLD auch in Madinah (Gold-Semantik) */
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-tab.active::after { background: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-tab-cnt {
  background: rgba(168,132,46,0.10);
  color: #6f5518; /* Fix 13: AA auf getoenter Flaeche */
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-hero-stepnum { color: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-hero-icon {
  background: rgba(168,132,46,0.10);
  border-color: rgba(168,132,46,0.28);
  box-shadow: 0 2px 8px rgba(168,132,46,0.10);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-next-preview {
  background: linear-gradient(135deg, rgba(168,132,46,0.08) 0%, rgba(168,132,46,0.03) 100%);
  border-color: rgba(168,132,46,0.32);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-next-preview:hover {
  background: linear-gradient(135deg, rgba(168,132,46,0.14) 0%, rgba(168,132,46,0.06) 100%);
  border-color: rgba(168,132,46,0.50);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-next-label,
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-next-arrow { color: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-next-tag {
  background: rgba(168,132,46,0.10);
  color: #6f5518;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-section-label { color: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-step-dua::before { background: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-step-dua-chevron { color: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-step-dua-audio {
  border-color: rgba(168,132,46,0.50);
  color: #8a6a1e;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-step-dua-audio:hover {
  background: rgba(168,132,46,0.12);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-step-dua-audio.playing {
  background: linear-gradient(135deg, #8a6a1e, #6f5518);
  border-color: #6f5518;
  color: #fff;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-audio-btn {
  background: rgba(168,132,46,0.10);
  border-color: rgba(168,132,46,0.30);
  color: #8a6a1e;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hcj-loading-spinner {
  border-color: rgba(168,132,46,0.20);
  border-top-color: #8a6a1e;
}
/* ═══ ENDE DAWN & DOME TINT: HAJJ ═══ */

/* ===== MODUL: umra ===== */
/* ═══════════════════════════════════════════════════════════════════
   DAWN & DOME TINT — MODUL ʿUMRA (umra-v1.css + umra-modes.css)
   ═══════════════════════════════════════════════════════════════════ */

/* — Modul-lokale Akzent-Variablen. FIX (Review 9): Fuellung gedunkelt
   (#8a6a1e→#6f5518, #fff darauf = 5.05–7.03:1 AA); --v2u-acc-deep fuer
   Akzent-Text auf getoenten Chip-Flaechen (Fix 13) und ::after-Dreieck (Fix 25). — */
html[data-hc-theme="light"] body.hcv2{
  --v2u-acc-ink:#8a6a1e;                                          /* Akzent als Text auf Papier (AA) */
  --v2u-acc-deep:#6f5518;                                         /* Akzent-Text auf getoenten Flaechen */
  --v2u-acc-line:rgba(138,106,30,.35);
  --v2u-acc-fill:linear-gradient(135deg,#8a6a1e 0%,#6f5518 100%); /* gefuellte Akzent-Flaeche (Text #fff, AA) */
  --v2u-acc-shadow:0 4px 12px rgba(111,85,24,.25);
  --v2u-card-shadow:0 1px 2px rgba(60,50,35,.05), 0 10px 30px rgba(33,28,20,.10);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2{
  --v2u-acc-ink:#8a6a1e;
  --v2u-acc-deep:#6f5518;
  --v2u-acc-line:rgba(168,132,46,.35);
  --v2u-acc-fill:linear-gradient(135deg,#8a6a1e 0%,#6f5518 100%);
  --v2u-acc-shadow:0 4px 12px rgba(39,92,87,.25);
}

/* ── Grundfläche: Sandstein → Pergament ─────────────────────────── */
html[data-hc-theme="light"] body.hcv2 .hcu-sheet{
  background:
    radial-gradient(ellipse at 50% -12%, var(--v2-accent-soft) 0%, transparent 55%),
    linear-gradient(180deg,#f7f4ec 0%,#f5f1e6 55%,#f1ebdd 100%);
  color:#211c14;
}

/* ── Header ── */
html[data-hc-theme="light"] body.hcv2 .hcu-hdr-back,
html[data-hc-theme="light"] body.hcv2 .hcu-hdr-cog{
  background:#fffdf8; border-color:rgba(33,28,20,.10); color:#4a4234;
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
html[data-hc-theme="light"] body.hcv2 .hcu-hdr-back:active,
html[data-hc-theme="light"] body.hcv2 .hcu-hdr-cog:active{ background:#f1ebdd; }
html[data-hc-theme="light"] body.hcv2 .hcu-hdr-eyebrow{ color:var(--v2u-acc-ink); }
html[data-hc-theme="light"] body.hcv2 .hcu-hdr-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#211c14;
}

/* ── Schritt-Pills: aktiv = Stadt-Akzent-Fuellung, Done bleibt grün ── */
html[data-hc-theme="light"] body.hcv2 .hcu-step-pill{
  background:#fffdf8; border-color:rgba(33,28,20,.12); color:#4a4234;
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
html[data-hc-theme="light"] body.hcv2 .hcu-step-pill:hover{
  background:#fffdf8; color:#211c14; border-color:var(--v2u-acc-line);
}
/* !important nötig: Basis-Light-Regel trägt !important (Orange-Verlauf) */
html[data-hc-theme="light"] body.hcv2 .hcu-step-pill--active{
  background:var(--v2u-acc-fill) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:var(--v2u-acc-shadow) !important;
}
/* FIX (Review 25): Dreieck auf dunkles Verlaufsende statt helles Token */
html[data-hc-theme="light"] body.hcv2 .hcu-step-pill--active::after{ border-top-color:var(--v2u-acc-deep); }
html[data-hc-theme="light"] body.hcv2 .hcu-step-pill--done{
  background:rgba(14,157,76,.10); border-color:rgba(14,157,76,.30); color:#047857;
}
/* Premium-Schloss + Hinweis bleiben Gold (Marken-Premium) */
html[data-hc-theme="light"] body.hcv2 .hcu-step-lock{ color:#8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcu-prem-hint{
  background:rgba(168,132,46,.10); border-color:rgba(168,132,46,.32); color:#6f5518;
}

/* ── Tabs-Zeile ── */
html[data-hc-theme="light"] body.hcv2 .hcu-tabs-row{
  background:rgba(33,28,20,.03); border-bottom-color:rgba(33,28,20,.10);
}
html[data-hc-theme="light"] body.hcv2 .hcu-tabs{ background:rgba(33,28,20,.04); border-color:rgba(33,28,20,.08); }
html[data-hc-theme="light"] body.hcv2 .hcu-tab{ color:#6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcu-tab.active{
  background:#fffdf8; color:#211c14; box-shadow:0 1px 3px rgba(33,28,20,.08);
}
html[data-hc-theme="light"] body.hcv2 .hcu-tab.active::after{ background:var(--v2-accent); }
/* Fix 13: Akzent-Text auf getoenter Flaeche → deep-Token (AA) */
html[data-hc-theme="light"] body.hcv2 .hcu-tab-cnt{ background:var(--v2-accent-soft); color:var(--v2u-acc-deep); }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-pill{
  background:var(--v2-accent-soft); border-color:var(--v2u-acc-line); color:var(--v2u-acc-deep);
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-pill:hover{ border-color:var(--v2-accent); }

/* ── Hero-Karte ── */
html[data-hc-theme="light"] body.hcv2 .hcu-hero{
  background:#fffdf8; border-color:var(--v2u-acc-line);
  box-shadow:var(--v2u-card-shadow);
}
html[data-hc-theme="light"] body.hcv2 .hcu-now-badge{
  color:#047857; background:rgba(14,157,76,.10); border-color:rgba(14,157,76,.30);
}
/* Rukn-Badge: GOLD-Flaeche (semantisch, bleibt auch in Madinah gold) */
html[data-hc-theme="light"] body.hcv2 .hcu-rukn-badge{
  background:linear-gradient(135deg,#a8842e,#8a6a1e); color:#fff; border-color:transparent;
}
html[data-hc-theme="light"] body.hcv2 .hcu-rukn-badge.wajib{
  background:rgba(180,83,9,.12); color:#92400e; border:1px solid rgba(180,83,9,.30);
}
html[data-hc-theme="light"] body.hcv2 .hcu-rukn-badge.sunnah{
  background:#f1ebdd; color:#6b6156; border:1px solid rgba(33,28,20,.12);
}
html[data-hc-theme="light"] body.hcv2 .hcu-hero-step-count{ color:#7a7063; }
html[data-hc-theme="light"] body.hcv2 .hcu-hero-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#211c14;
}
html[data-hc-theme="light"] body.hcv2 .hcu-hero-desc{ color:#4a4234; }
html[data-hc-theme="light"] body.hcv2 .hcu-hero-source{
  color:#7a7063; background:#f1ebdd; border-color:rgba(33,28,20,.10);
}
html[data-hc-theme="light"] body.hcv2 .hcu-hero-icon{
  background:var(--v2-accent-soft); border-color:var(--v2u-acc-line); color:var(--v2u-acc-ink);
}
html[data-hc-theme="light"] body.hcv2 .hcu-hero-icon--rukn{
  color:#8a6a1e; background:rgba(168,132,46,.14); border-color:rgba(168,132,46,.32);
}
html[data-hc-theme="light"] body.hcv2 .hcu-hero-icon--wajib{
  color:#b45309; background:rgba(180,83,9,.10); border-color:rgba(180,83,9,.28);
}
html[data-hc-theme="light"] body.hcv2 .hcu-hero-icon--sunnah{
  color:var(--v2u-acc-ink); background:var(--v2-accent-soft); border-color:var(--v2u-acc-line);
}

/* ── Duʿā-Block: warmes Gold-Papier ── */
html[data-hc-theme="light"] body.hcv2 .hcu-dua-block{
  background:rgba(201,161,74,.14); border-color:rgba(168,132,46,.40);
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
html[data-hc-theme="light"] body.hcv2 .hcu-dua-label{ color:#8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcu-dua-arabic{ color:#211c14; }        /* Amiri/RTL unangetastet */
html[data-hc-theme="light"] body.hcv2 .hcu-dua-translit{ color:#6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcu-dua-translation{ color:#211c14; }
html[data-hc-theme="light"] body.hcv2 .hcu-dua-source{
  color:#8a6a1e; background:rgba(168,132,46,.10);
}

/* ── Sunan-Block: grün, nur wärmer ── */
html[data-hc-theme="light"] body.hcv2 .hcu-sunan-block{
  background:rgba(14,157,76,.08); border-color:rgba(14,157,76,.35);
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
html[data-hc-theme="light"] body.hcv2 .hcu-more-line{ background:rgba(33,28,20,.15); }
html[data-hc-theme="light"] body.hcv2 .hcu-more-label{ color:#7a7063; }

/* ── Wissens-Blöcke: Karten auf Papier; Typ-Streifen BLEIBEN farbcodiert ── */
html[data-hc-theme="light"] body.hcv2 .hcu-know-block{
  background:#fffdf8; border-color:rgba(33,28,20,.10);
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
html[data-hc-theme="light"] body.hcv2 .hcu-know-block--hadith{ border-left-color:#a8842e; }
/* FIX (Review 12/20): Fiqh-/Quran-Streifen re-deklarieren (border-color-Kurzform
   oben ueberschreibt sonst die Basis-Light-Streifen) */
html[data-hc-theme="light"] body.hcv2 .hcu-know-block--fiqh{ border-left-color:#047857; }
html[data-hc-theme="light"] body.hcv2 .hcu-know-block--quran{ border-left-color:#6d28d9; }
/* FIX (Review 12): RTL-Varianten (border-right) fuer alle drei Typen */
html[data-hc-theme="light"] body.hcv2 .hcu-sheet[dir="rtl"] .hcu-know-block--hadith{ border-right-color:#a8842e; }
html[data-hc-theme="light"] body.hcv2 .hcu-sheet[dir="rtl"] .hcu-know-block--fiqh{ border-right-color:#047857; }
html[data-hc-theme="light"] body.hcv2 .hcu-sheet[dir="rtl"] .hcu-know-block--quran{ border-right-color:#6d28d9; }
html[data-hc-theme="light"] body.hcv2 .hcu-know-title{ color:#211c14; }
html[data-hc-theme="light"] body.hcv2 .hcu-know-chev{ color:#7a7063; }
html[data-hc-theme="light"] body.hcv2 .hcu-know-tag--hadith{
  background:rgba(168,132,46,.16); color:#6f5518;
}
html[data-hc-theme="light"] body.hcv2 .hcu-know-context{
  color:#4a4234; background:#f1ebdd; border-color:rgba(33,28,20,.10);
}
html[data-hc-theme="light"] body.hcv2 .hcu-know-ref{ color:#8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcu-madhab-card{
  background:#fffdf8; border-color:rgba(33,28,20,.10);
}

/* ── „Mehr erfahren" ── */
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-title{ color:#7a7063; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat{ background:#fffdf8; border-color:rgba(33,28,20,.10); }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat-body{ color:#4a4234; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat-chev{ color:#7a7063; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat--schulen .hcu-mehr-cat-label{ color:#6d28d9; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat--sunnah  .hcu-mehr-cat-label{ color:#047857; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat--duas    .hcu-mehr-cat-label{ color:#8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat--wissen{ border-left-color:rgba(33,28,20,.25); }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat--wissen .hcu-mehr-cat-label{ color:#4a4234; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat--buch .hcu-mehr-cat-label,
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-cat--buch .uf-sec-title{ color:#3d6786; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-dua-ar{ color:#211c14; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-dua-de{ color:#4a4234; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-dua-ref,
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-know .hcu-know-ref{ color:#7a7063; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-source{ color:#7a7063; }
html[data-hc-theme="light"] body.hcv2 .hcu-mehr-know{ border-bottom-color:rgba(33,28,20,.10); }

/* ── Säulen-Siegel ── */
html[data-hc-theme="light"] body.hcv2 .hcu-seal--rukn .hcu-seal-bar,
html[data-hc-theme="light"] body.hcv2 .hcu-seal--rukn .hcu-seal-label,
html[data-hc-theme="light"] body.hcv2 .hcu-seal--rukn .hcu-seal-row-label{ color:#8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hcu-seal--wajib .hcu-seal-bar,
html[data-hc-theme="light"] body.hcv2 .hcu-seal--wajib .hcu-seal-label,
html[data-hc-theme="light"] body.hcv2 .hcu-seal--wajib .hcu-seal-row-label{ color:#b45309; }
html[data-hc-theme="light"] body.hcv2 .hcu-seal--sunnah .hcu-seal-bar,
html[data-hc-theme="light"] body.hcv2 .hcu-seal--sunnah .hcu-seal-label,
html[data-hc-theme="light"] body.hcv2 .hcu-seal--sunnah .hcu-seal-row-label{ color:#6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcu-seal-csq{ color:#4a4234; }
html[data-hc-theme="light"] body.hcv2 .hcu-seal-sheet{ background:#fffdf8; }
html[data-hc-theme="light"] body.hcv2 .hcu-seal-sheet-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#211c14;
}
html[data-hc-theme="light"] body.hcv2 .hcu-seal-row{ border-bottom-color:rgba(33,28,20,.10); }
html[data-hc-theme="light"] body.hcv2 .hcu-seal-row-csq{ color:#4a4234; }
html[data-hc-theme="light"] body.hcv2 .hcu-seal-sheet-close{
  background:#fffdf8; border-color:rgba(33,28,20,.12); color:#211c14;
}

/* ── Zustände — FIX (Review 3): !important gegen light-fixes.css
   (home-v2.js setzt data-theme="light" synchron, deren Regeln tragen !important) ── */
html[data-hc-theme="light"] body.hcv2 .hcu-loading,
html[data-hc-theme="light"] body.hcv2 .hcu-empty{ color:#6b6156 !important; }
html[data-hc-theme="light"] body.hcv2 .hcu-error{ color:#b91c1c; }

/* ── Bottom-CTA: Weiter = Stadt-Akzent-Fuellung (AA via Fill-Token) ── */
html[data-hc-theme="light"] body.hcv2 .hcu-bottom-cta{
  background:linear-gradient(180deg, rgba(247,244,236,0) 0%, rgba(247,244,236,.96) 30%);
}
html[data-hc-theme="light"] body.hcv2 .hcu-cta-side{
  background:#fffdf8; border-color:rgba(33,28,20,.12); color:#211c14;
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
html[data-hc-theme="light"] body.hcv2 .hcu-cta-side:hover:not(:disabled){ background:#f1ebdd; }
html[data-hc-theme="light"] body.hcv2 .hcu-cta-main{
  background:var(--v2u-acc-fill); color:#fff; box-shadow:var(--v2u-acc-shadow);
}
/* FIX (Review 2/11/18): --complete MUSS re-deklariert werden — die Regel oben
   (0,3,2) schlaegt die Basis-Light-Regel (0,2,1). GRÜN = Erledigt-Semantik,
   AA-feste Toene (#fff auf #0b7d3d/#047857 = 5.23/5.48:1). */
html[data-hc-theme="light"] body.hcv2 .hcu-cta-main--complete{
  background:linear-gradient(135deg,#0b7d3d,#047857);
  color:#fff;
  box-shadow:0 4px 12px rgba(11,125,61,.35);
}

/* ── Ṭawāf/Saʿy-Tracker ── */
html[data-hc-theme="light"] body.hcv2 .hcu-tracker{
  background:#fffdf8; border-color:rgba(33,28,20,.10); box-shadow:var(--v2u-card-shadow);
}
html[data-hc-theme="light"] body.hcv2 .hcu-tracker-title{ color:#211c14; }
html[data-hc-theme="light"] body.hcv2 .hcu-tracker-count{ color:var(--v2u-acc-ink); }
html[data-hc-theme="light"] body.hcv2 .hcu-tracker-circle{
  background:#f1ebdd; border-color:rgba(33,28,20,.12); color:#7a7063;
}
/* !important nötig: Basis-Light-Regel trägt !important (Orange-Verlauf) */
html[data-hc-theme="light"] body.hcv2 .hcu-tracker-circle.done{
  background:var(--v2u-acc-fill) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:var(--v2u-acc-shadow) !important;
}
html[data-hc-theme="light"] body.hcv2 .hcu-tracker-btn--minus{
  background:#f1ebdd; border-color:rgba(33,28,20,.12); color:#4a4234;
}
html[data-hc-theme="light"] body.hcv2 .hcu-tracker-btn--plus{
  background:var(--v2u-acc-fill); color:#fff; box-shadow:var(--v2u-acc-shadow);
}

/* ── Modus-Picker-Modal (umra-v1) ── */
html[data-hc-theme="light"] body.hcv2 .hcu-mode-picker-sheet{
  background:linear-gradient(180deg,#f7f4ec 0%,#f1ebdd 100%);
  border-color:rgba(33,28,20,.10); color:#211c14;
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-picker-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#211c14;
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-picker-sub{ color:#6b6156; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card{
  background:#fffdf8; border-color:rgba(33,28,20,.10); color:#211c14;
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card:hover{
  background:#fffdf8; border-color:var(--v2u-acc-line);
}
/* FIX (Review 6): EMPFOHLEN-Karte behaelt Gold-Rahmen (nach den generischen Regeln) */
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card:has(.hcu-mode-badge-recommended){
  border-color:rgba(168,132,46,.45);
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card:has(.hcu-mode-badge-recommended):hover{
  border-color:rgba(168,132,46,.60); background:#fffdf8;
}
/* !important nötig: Basis-Light-Regel trägt !important (Orange-Rahmen) */
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card--active{
  border-color:var(--v2-accent) !important;
  background:var(--v2-accent-soft) !important;
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card-name{ color:#211c14; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card--active .hcu-mode-card-name{ color:var(--v2u-acc-ink); }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card-ar{ color:var(--v2u-acc-ink); }  /* Amiri/RTL unangetastet */
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card-meaning{ color:#4a4234; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card-tag--recommended{
  background:rgba(168,132,46,.16); color:#6f5518;                 /* EMPFOHLEN bleibt Gold, AA-Text */
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card-tag--linked{
  background:var(--v2-accent-soft); color:var(--v2u-acc-deep);
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card-tag--hady{
  background:rgba(180,83,9,.12); color:#92400e;
}
/* FIX (Review 15): Check-Kreis auf Fill-Token (konsistent + AA) */
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card-check{ background:var(--v2u-acc-fill); color:#fff; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-picker-close{
  background:#fffdf8; border-color:rgba(33,28,20,.12); color:#211c14;
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-picker-close:hover{ background:#f1ebdd; }

/* ── „Welche Umra?"-Picker (umra-modes.css) — Tint liefert die helle Darstellung.
   FIX (Review 3): color mit !important gegen light-fixes.css;
   FIX (Review 5/22): KEIN padding-right (RTL + <380px bleiben intakt). ── */
html[data-hc-theme="light"] body.hcv2 .hcu-modes-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#211c14 !important;
}
html[data-hc-theme="light"] body.hcv2 .hcu-modes-subtitle{ color:#6b6156 !important; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-name{ color:#211c14 !important; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-card--active .hcu-mode-name{ color:var(--v2u-acc-ink) !important; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-name-ar{ color:#7a7063 !important; }   /* Amiri/RTL unangetastet */
html[data-hc-theme="light"] body.hcv2 .hcu-mode-meaning{ color:#4a4234 !important; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-flow{ background:#f1ebdd; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-flow-num{
  background:rgba(168,132,46,.16); color:#6f5518;
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-flow-text{ color:#4a4234 !important; }
html[data-hc-theme="light"] body.hcv2 .hcu-mode-hady-info{
  background:rgba(180,83,9,.08); border-color:rgba(180,83,9,.25); color:#92400e;
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-badge-linked{
  background:var(--v2-accent-soft); border-color:var(--v2u-acc-line); color:var(--v2u-acc-deep);
}
/* .hcu-mode-badge-recommended: Gold-Fläche + dunkle Tinte aus Basis passt auch hell → bleibt */
html[data-hc-theme="light"] body.hcv2 .hcu-mode-check{
  background:var(--v2u-acc-fill); color:#fff; box-shadow:var(--v2u-acc-shadow);
}
html[data-hc-theme="light"] body.hcv2 .hcu-mode-empty{ color:#6b6156 !important; }
/* ═══ ENDE DAWN & DOME TINT: UMRA ═══ */

/* ===== MODUL: hub ===== */
/* ═══════════════════════════════════════════════════════════════════════
   DAWN & DOME TINT · HARAM-HUB (hub-v1.css → Pergament-Schicht)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Grundflächen ── */
html[data-hc-theme="light"] body.hcv2 .hub-screen {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(168,132,46,0.07) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(168,132,46,0.05) 0%, transparent 50%),
    linear-gradient(180deg, #f7f4ec 0%, #f4efe3 55%, #f1ebdd 100%);
  color: #211c14;
}
html[data-hc-theme="light"] body.hcv2 .hub-overlay { background: rgba(33,28,20,0.40); }
html[data-hc-theme="light"] body.hcv2 .hub-filter-sheet-overlay { background: rgba(33,28,20,0.45); }

/* ── Header ── */
html[data-hc-theme="light"] body.hcv2 .hub-hdr-back,
html[data-hc-theme="light"] body.hcv2 .hub-hdr-cog {
  background: rgba(138,106,30,0.10);
  border-color: rgba(138,106,30,0.28);
  color: #8a6a1e;
}
html[data-hc-theme="light"] body.hcv2 .hub-hdr-back:active,
html[data-hc-theme="light"] body.hcv2 .hub-hdr-cog:active { background: rgba(138,106,30,0.18); }
html[data-hc-theme="light"] body.hcv2 .hub-hdr-eyebrow { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hub-hdr-title {
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600; /* Fix 7: 700 wird nicht geladen → 600 wie Home/Quran */
  letter-spacing: 0.01em;
  color: #211c14;
}
html[data-hc-theme="light"] body.hcv2 .hub-hdr-share {
  background: rgba(138,106,30,0.10);
  border-color: rgba(138,106,30,0.30);
  color: #8a6a1e;
}
html[data-hc-theme="light"] body.hcv2 .hub-hdr-share:active { background: rgba(138,106,30,0.18); }

/* ── Mekka/Medina-Segment ── */
html[data-hc-theme="light"] body.hcv2 .hub-mosque-switch {
  background: #f1ebdd;
  border-color: rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hub-mosque-tab { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hub-mosque-tab.active {
  background: #8a6a1e;
  color: #fff;
  box-shadow: 0 1px 2px rgba(60,50,35,0.15);
}

/* ── Karte/Liste-Toggle — Fix 13: Text AA-fest #6f5518 auf getoenter Flaeche ── */
html[data-hc-theme="light"] body.hcv2 .hub-view-switch {
  background: #f1ebdd;
  border-color: rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hub-view-tab { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hub-view-tab.active {
  background: rgba(138,106,30,0.14);
  color: #6f5518;
}

/* ── Toolbar (Filter/Schnell-raus): Exit bleibt ROT ── */
html[data-hc-theme="light"] body.hcv2 .hub-toolbar {
  background: #f1ebdd;
  border-color: rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hub-tool-filter { color: #4a4234; }
/* Basis trägt !important → hier ebenfalls nötig; Fix 13: Text #6f5518 */
html[data-hc-theme="light"] body.hcv2 .hub-tool-filter.active {
  background: rgba(138,106,30,0.14) !important;
  border-color: rgba(138,106,30,0.40) !important;
  color: #6f5518 !important;
}

/* ── Filter-Chips (oben in Liste) ── */
html[data-hc-theme="light"] body.hcv2 .hub-filter-chip {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.10);
  color: #4a4234;
}
html[data-hc-theme="light"] body.hcv2 .hub-filter-chip.active {
  background: rgba(168,132,46,0.16);
  border-color: rgba(168,132,46,0.45);
  color: #6f5518;
}

/* ── Punkt-Cards ── */
html[data-hc-theme="light"] body.hcv2 .hub-point-card {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.10);
  box-shadow: 0 1px 2px rgba(60,50,35,0.05), 0 10px 30px rgba(33,28,20,0.06);
}
html[data-hc-theme="light"] body.hcv2 .hub-point-card:active { background: #f7f4ec; }
html[data-hc-theme="light"] body.hcv2 .hub-point-card.recommended {
  background: linear-gradient(135deg, rgba(168,132,46,0.10), #fffdf8 60%);
  border-color: rgba(168,132,46,0.45);
  box-shadow: 0 1px 2px rgba(60,50,35,0.05), 0 10px 30px rgba(168,132,46,0.12);
}
/* Nummern-Badge — Fix 13: Text #6f5518 (AA auf Akzent-soft) */
html[data-hc-theme="light"] body.hcv2 .hub-point-num {
  background: rgba(138,106,30,0.14);
  border: 1px solid rgba(138,106,30,0.35);
  color: #6f5518;
  box-shadow: none;
}
/* Fixpunkt-Badge bleibt Gold (Zier-Semantik) */
html[data-hc-theme="light"] body.hcv2 .hub-point-num.fix {
  background: rgba(168,132,46,0.18);
  border-color: rgba(168,132,46,0.45);
  color: #6f5518;
  box-shadow: none;
}
/* Gold-Gradient empfohlener Nummern (Dark-Regel 0,4,0) gewinnt in Makkah weiter — ok */
html[data-hc-theme="light"] body.hcv2 .hub-point-name { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hub-point-name-ar { color: #4a4234; }
html[data-hc-theme="light"] body.hcv2 .hub-point-desc { color: #4a4234; }
html[data-hc-theme="light"] body.hcv2 .hub-point-photo {
  background: linear-gradient(135deg, rgba(168,132,46,0.08), rgba(168,132,46,0.03));
  border-color: rgba(33,28,20,0.08);
}
/* Tags (Liste): neutral = gesenktes Papier; pos → Akzent; acc bleibt GRÜN */
html[data-hc-theme="light"] body.hcv2 .hub-point-tag {
  background: #f1ebdd;
  color: #6b6156;
  border-color: rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hub-point-tag.tag-pos {
  background: rgba(138,106,30,0.12);
  color: #6f5518;
  border-color: rgba(138,106,30,0.30);
}
html[data-hc-theme="light"] body.hcv2 .hub-point-tag.tag-acc {
  background: rgba(5,150,105,0.12);
  color: #047857;
  border-color: rgba(5,150,105,0.30);
}
html[data-hc-theme="light"] body.hcv2 .hub-point-tag.tag-esc,
html[data-hc-theme="light"] body.hcv2 .hub-point-tag.tag-stroller,
html[data-hc-theme="light"] body.hcv2 .hub-point-tag.tag-info {
  background: #f1ebdd;
  color: #4a4234;
  border-color: rgba(33,28,20,0.12);
}
html[data-hc-theme="light"] body.hcv2 .hub-point-tag.tag-umra-entry,
html[data-hc-theme="light"] body.hcv2 .hub-point-tag.tag-umra-exit {
  background: rgba(168,132,46,0.16);
  color: #6f5518;
  border-color: rgba(168,132,46,0.45);
}
/* FIX (Review 21): Detail-Ansicht nutzt EIGENE .hub-tag-Klassen — gleiche
   Dawn&Dome-Palette wie .hub-point-tag (statt Alt-Teal/Violett/Blau) */
html[data-hc-theme="light"] body.hcv2 .hub-tag {
  background: #f1ebdd;
  color: #6b6156;
  border-color: rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hub-tag.tag-pos {
  background: rgba(138,106,30,0.12);
  color: #6f5518;
  border-color: rgba(138,106,30,0.30);
}
html[data-hc-theme="light"] body.hcv2 .hub-tag.tag-acc {
  background: rgba(5,150,105,0.12);
  color: #047857;
  border-color: rgba(5,150,105,0.30);
}
html[data-hc-theme="light"] body.hcv2 .hub-tag.tag-esc,
html[data-hc-theme="light"] body.hcv2 .hub-tag.tag-stroller,
html[data-hc-theme="light"] body.hcv2 .hub-tag.tag-info {
  background: #f1ebdd;
  color: #4a4234;
  border-color: rgba(33,28,20,0.12);
}
html[data-hc-theme="light"] body.hcv2 .hub-tag.tag-umra-entry,
html[data-hc-theme="light"] body.hcv2 .hub-tag.tag-umra-exit {
  background: rgba(168,132,46,0.16);
  color: #6f5518;
  border-color: rgba(168,132,46,0.45);
}
html[data-hc-theme="light"] body.hcv2 .hub-empty { color: #6b6156; }

/* ── Karte: Rahmen + Lade-Fläche warm; Tiles/Marker NICHT anfassen ── */
html[data-hc-theme="light"] body.hcv2 .hub-map-wrap { border-color: rgba(33,28,20,0.10); }
html[data-hc-theme="light"] body.hcv2 #hub-map { background: #ece5d5; }
html[data-hc-theme="light"] body.hcv2 .hub-map-btn {
  background: rgba(255,253,248,0.92);
  border-color: rgba(33,28,20,0.14);
  color: #211c14;
}
html[data-hc-theme="light"] body.hcv2 .hub-map-locate {
  background: #8a6a1e;
  border-color: #8a6a1e;
  color: #fff;
}
html[data-hc-theme="light"] body.hcv2 .hub-map-legend {
  background: rgba(255,253,248,0.92);
  border-color: rgba(33,28,20,0.12);
  color: #4a4234;
}
/* Leaflet-Zoom: Basis trägt !important → hier ebenfalls */
html[data-hc-theme="light"] body.hcv2 .leaflet-control-zoom {
  box-shadow: 0 1px 2px rgba(60,50,35,0.10), 0 6px 18px rgba(33,28,20,0.12) !important;
}
html[data-hc-theme="light"] body.hcv2 .leaflet-control-zoom a {
  background: rgba(255,253,248,0.92) !important;
  color: #211c14 !important;
  border: 1px solid rgba(33,28,20,0.14) !important;
}
html[data-hc-theme="light"] body.hcv2 .leaflet-control-zoom a:hover {
  background: #fffdf8 !important;
}
html[data-hc-theme="light"] body.hcv2 .leaflet-control-attribution {
  background: rgba(255,253,248,0.75) !important;
  color: #6b6156 !important;
}
html[data-hc-theme="light"] body.hcv2 .leaflet-control-attribution a { color: #4a4234 !important; }

/* ── Leaflet-Popup ── */
html[data-hc-theme="light"] body.hcv2 .leaflet-popup-content-wrapper {
  background: #fffdf8 !important;
  color: #211c14 !important;
  border-color: rgba(33,28,20,0.12);
}
html[data-hc-theme="light"] body.hcv2 .leaflet-popup-tip { background: #fffdf8 !important; }
html[data-hc-theme="light"] body.hcv2 .leaflet-popup-close-button { color: #6b6156 !important; }
html[data-hc-theme="light"] body.hcv2 .hub-popup-name { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hub-popup-ar { color: #4a4234; }
html[data-hc-theme="light"] body.hcv2 .hub-popup-desc { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hub-popup-meta { color: #4a4234; }
html[data-hc-theme="light"] body.hcv2 .hub-popup-meta b { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hub-popup-btn {
  background: #8a6a1e;
  color: #fff;
}
html[data-hc-theme="light"] body.hcv2 .hub-popup-btn-navi {
  background: #8a6a1e !important;
  color: #fff !important;
}
html[data-hc-theme="light"] body.hcv2 .hub-popup-received .hub-popup-tag {
  color: #6f5518;
  background: rgba(168,132,46,0.16);
  border-color: rgba(168,132,46,0.45);
}

/* ── Detail-View ── */
html[data-hc-theme="light"] body.hcv2 .hub-detail-name {
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600; /* Fix 7 */
  color: #211c14;
}
html[data-hc-theme="light"] body.hcv2 .hub-detail-name-ar { color: #4a4234; }
html[data-hc-theme="light"] body.hcv2 .hub-detail-photo {
  background: linear-gradient(135deg, rgba(168,132,46,0.10), rgba(168,132,46,0.04));
  border-color: rgba(33,28,20,0.10);
}
html[data-hc-theme="light"] body.hcv2 .hub-detail-photo-placeholder { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hub-detail-card {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.10);
  box-shadow: 0 1px 2px rgba(60,50,35,0.05), 0 10px 30px rgba(33,28,20,0.06);
}
html[data-hc-theme="light"] body.hcv2 .hub-detail-card-eyebrow { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hub-detail-card-text { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hub-detail-tips-card {
  background: linear-gradient(135deg, rgba(168,132,46,0.16), rgba(168,132,46,0.05));
  border-color: rgba(168,132,46,0.45);
}
html[data-hc-theme="light"] body.hcv2 .hub-detail-tips-card .hub-detail-card-eyebrow { color: #7a5520; }
html[data-hc-theme="light"] body.hcv2 .hub-detail-minimap { border-color: rgba(33,28,20,0.10); }
html[data-hc-theme="light"] body.hcv2 .hub-detail-coords { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hub-detail-btn-primary,
html[data-hc-theme="light"] body.hcv2 .hub-detail-btn-navi {
  background: #8a6a1e;
  color: #fff;
  box-shadow: 0 1px 2px rgba(60,50,35,0.10), 0 6px 18px rgba(138,106,30,0.18);
}
html[data-hc-theme="light"] body.hcv2 .hub-detail-btn-secondary {
  background: rgba(138,106,30,0.10);
  color: #8a6a1e;
  border-color: rgba(138,106,30,0.40);
}
html[data-hc-theme="light"] body.hcv2 .hub-detail-btn-secondary:active { background: rgba(138,106,30,0.18); }

/* ── Treffpunkt-Sheet: WhatsApp bleibt GRÜN ── */
html[data-hc-theme="light"] body.hcv2 .hub-meetup-sheet {
  background: linear-gradient(180deg, #f7f4ec 0%, #f1ebdd 100%);
  border-top-color: rgba(168,132,46,0.45);
}
html[data-hc-theme="light"] body.hcv2 .hub-meetup-grabber { background: rgba(33,28,20,0.18); }
html[data-hc-theme="light"] body.hcv2 .hub-meetup-eyebrow { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hub-meetup-title {
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600; /* Fix 7 */
  color: #211c14;
}
html[data-hc-theme="light"] body.hcv2 .hub-meetup-close {
  background: #f1ebdd;
  border-color: rgba(33,28,20,0.12);
  color: #6b6156;
}
html[data-hc-theme="light"] body.hcv2 .hub-meetup-code-label { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hub-meetup-code { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hub-meetup-subtitle { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hub-meetup-noteinput {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.12);
}
html[data-hc-theme="light"] body.hcv2 .hub-meetup-noteinput input { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hub-meetup-noteinput input::placeholder { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hub-meetup-btn-navi {
  background: #8a6a1e;
  color: #fff;
}
html[data-hc-theme="light"] body.hcv2 .hub-meetup-btn-secondary {
  background: #fffdf8;
  color: #4a4234;
  border-color: rgba(33,28,20,0.12);
}
html[data-hc-theme="light"] body.hcv2 .hub-meetup-disclaimer { color: #7a7063; }

/* ── Filter-Button + Panel (Listen-Ansicht) ── */
html[data-hc-theme="light"] body.hcv2 .hub-filter-btn {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.12);
  color: #211c14;
}
html[data-hc-theme="light"] body.hcv2 .hub-filter-btn-arrow { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hub-filter-panel {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.12);
}
html[data-hc-theme="light"] body.hcv2 .hub-filter-option {
  background: #f1ebdd;
  border-color: rgba(33,28,20,0.08);
  color: #4a4234;
}
html[data-hc-theme="light"] body.hcv2 .hub-filter-option.active {
  background: rgba(168,132,46,0.16);
  border-color: rgba(168,132,46,0.45);
  color: #6f5518;
}

/* ── Filter-Sheet (Bottom-Sheet) ── */
html[data-hc-theme="light"] body.hcv2 .hub-filter-sheet {
  background: linear-gradient(180deg, #fffdf8 0%, #f7f4ec 100%);
  border-color: rgba(33,28,20,0.10);
  box-shadow: 0 -8px 32px rgba(33,28,20,0.16);
}
html[data-hc-theme="light"] body.hcv2 .hub-filter-handle { background: rgba(33,28,20,0.18); }
html[data-hc-theme="light"] body.hcv2 .hub-filter-title { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hub-filter-count { color: #8a6a1e; }
html[data-hc-theme="light"] body.hcv2 .hub-filter-search {
  background: #f1ebdd;
  color: #211c14;
  border-color: rgba(33,28,20,0.10);
}
/* FIX (Review 3): light-fixes.css setzt den Placeholder per !important */
html[data-hc-theme="light"] body.hcv2 .hub-filter-search::placeholder { color: #7a7063 !important; }
html[data-hc-theme="light"] body.hcv2 .hub-filter-search:focus {
  border-color: rgba(138,106,30,0.50);
  background: #fffdf8;
}
html[data-hc-theme="light"] body.hcv2 .hub-filter-section-title { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hub-filter-chips .hub-filter-chip,
html[data-hc-theme="light"] body.hcv2 .hub-filter-sheet .hub-filter-chip {
  background: #f1ebdd;
  color: #4a4234;
  border-color: rgba(33,28,20,0.10);
}
/* .on-Zustände: Fix 13 → Text #6f5518 (AA auf getoenten Chips ueber Sheet) */
html[data-hc-theme="light"] body.hcv2 .hub-filter-chip.on {
  background: rgba(138,106,30,0.14);
  border-color: rgba(138,106,30,0.40);
  color: #6f5518;
}
html[data-hc-theme="light"] body.hcv2 .hub-filter-chip.gold.on {
  background: rgba(168,132,46,0.18);
  border-color: rgba(168,132,46,0.50);
  color: #6f5518;
}
/* blau/pink = Kategorie-Semantik: behalten, AA-dunkel */
html[data-hc-theme="light"] body.hcv2 .hub-filter-chip.blue.on {
  background: rgba(37,99,235,0.10);
  border-color: rgba(37,99,235,0.30);
  color: #1d4ed8;
}
html[data-hc-theme="light"] body.hcv2 .hub-filter-chip.pink.on {
  background: rgba(219,39,119,0.10);
  border-color: rgba(219,39,119,0.30);
  color: #be185d;
}

/* ── Schnell-raus/Exit: ROT BLEIBT, nur Flächen → Papier ── */
html[data-hc-theme="light"] body.hcv2 .hub-exit-cta { color: #211c14; }
html[data-hc-theme="light"] body.hcv2 .hub-exit-cta-sub { color: #6b6156; }
html[data-hc-theme="light"] body.hcv2 .hub-exit-option {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.12);
  color: #211c14;
}
html[data-hc-theme="light"] body.hcv2 .hub-exit-option-arrow { color: #7a7063; }
html[data-hc-theme="light"] body.hcv2 .hub-exit-result {
  background: #fffdf8;
  border-color: rgba(33,28,20,0.12);
}
html[data-hc-theme="light"] body.hcv2 .hub-exit-result-name { color: #211c14; }

/* ═══ MADINAH-VARIANTE HUB: Teal — FIX (Review 4): :not()-Ausnahmen, damit
   Gold-Zier (num.fix, gold.on, recommended) und blau/pink-Kategorien NICHT kippen ═══ */
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-hdr-back,
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-hdr-cog,
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-hdr-share {
  background: rgba(168,132,46,0.10);
  border-color: rgba(168,132,46,0.30);
  color: #8a6a1e;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-hdr-back:active,
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-hdr-cog:active,
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-hdr-share:active { background: rgba(168,132,46,0.18); }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-hdr-eyebrow { color: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-mosque-tab.active {
  background: #8a6a1e;
  color: #fff;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-view-tab.active {
  background: rgba(168,132,46,0.13);
  color: #6f5518; /* Fix 13 */
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-tool-filter.active {
  background: rgba(168,132,46,0.13) !important;
  border-color: rgba(168,132,46,0.40) !important;
  color: #6f5518 !important; /* Fix 13 */
}
/* Fix 4: .fix-Badges bleiben Gold → nur nicht-fixe Nummern teal */
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-point-num:not(.fix) {
  background: rgba(168,132,46,0.12);
  border-color: rgba(168,132,46,0.35);
  color: #6f5518;
}
/* Fix 4c: Gold-Gradient empfohlener Nummern in Madinah re-deklarieren
   (die Teal-Regel oben wuerde die Dark-Regel 0,4,0 sonst schlagen) */
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-point-card.recommended .hub-point-num:not(.fix) {
  background: linear-gradient(135deg, #c9a84c 0%, #b88a30 100%);
  border-color: rgba(168,132,46,0.45);
  color: #1a1410;
  box-shadow: 0 2px 6px rgba(212,168,67,0.4);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-point-tag.tag-pos {
  background: rgba(168,132,46,0.11);
  color: #6f5518;
  border-color: rgba(168,132,46,0.30);
}
/* Fix 21: Detail-Tags in Madinah analog */
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-tag.tag-pos {
  background: rgba(168,132,46,0.11);
  color: #6f5518;
  border-color: rgba(168,132,46,0.30);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-map-locate {
  background: #8a6a1e;
  border-color: #8a6a1e;
  color: #fff;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-popup-btn {
  background: #8a6a1e;
  color: #fff;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-popup-btn-navi {
  background: #8a6a1e !important;
  color: #fff !important;
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-detail-card-eyebrow { color: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-detail-btn-primary,
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-detail-btn-navi,
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-meetup-btn-navi {
  background: #8a6a1e;
  color: #fff;
  box-shadow: 0 1px 2px rgba(60,50,35,0.10), 0 6px 18px rgba(168,132,46,0.18);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-detail-btn-secondary {
  background: rgba(168,132,46,0.10);
  color: #8a6a1e;
  border-color: rgba(168,132,46,0.40);
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-detail-btn-secondary:active { background: rgba(168,132,46,0.18); }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-filter-count { color: #8a6a1e; }
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-filter-search:focus { border-color: rgba(168,132,46,0.50); }
/* Fix 4: gold/blue/pink-Chips von der Teal-Umfaerbung ausnehmen */
html[data-city="madinah"][data-hc-theme="light"] body.hcv2 .hub-filter-chip.on:not(.gold):not(.blue):not(.pink) {
  background: rgba(168,132,46,0.12);
  border-color: rgba(168,132,46,0.40);
  color: #6f5518;
}
/* Gold-Zier (meetup-eyebrow/-code, tips-card, chip.active, num.fix, gold.on,
   umra-entry/exit) bleibt bewusst Gold — auch in Madinah */
/* ═══ ENDE DAWN & DOME TINT: HUB ═══ */

/* ===== MODUL: settings ===== */
/* ═══════════════════════════════════════════════════════════════════════════
   DAWN & DOME TINT · MODUL EINSTELLUNGEN
   (a) #hc-settings-modal/#hc-settings-inline, (b) #hc-settings-picker,
   (c) #hcgs-* (injiziert), (d) .hc-stx-* (injiziert).
   Injizierte Skins nutzen !important → Tint kontert mit Spezifitaet+!important.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Stadt-Akzent-Tokens. FIX (Review 14): eigenes Titel-Token, weil
   #8a6a1e auf dem Header-Gradient nur 4.29:1 traegt ── */
html[data-hc-theme="light"] body.hcv2{
  --v2set-acc:       #8a6a1e;
  --v2set-acc-soft:  rgba(168,132,46,.14);
  --v2set-acc-line:  rgba(168,132,46,.40);
  --v2set-acc-title: #7a5520;               /* AA auf Akzent-soft-Gradient (≈5.7:1) */
}
html[data-city="madinah"][data-hc-theme="light"] body.hcv2{
  --v2set-acc:       #8a6a1e;
  --v2set-acc-soft:  rgba(168,132,46,.14);
  --v2set-acc-line:  rgba(168,132,46,.40);
  --v2set-acc-title: #8a6a1e;               /* Teal auf Teal-soft ≈4.9:1 konform */
}

/* ── 1) HAUPT-SETTINGS · Grundflaeche + Kopf ── */
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-settings-screen{
  background:#f7f4ec !important;
  color:#211c14 !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-statusbar{
  color:#7a7063 !important;
}
/* Offline-Pill: Fix 16 → #065f46 statt 4.46:1-Grenzfall */
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-offline-pill{
  background:rgba(14,157,76,.10) !important;
  border-color:rgba(14,157,76,.30) !important;
  color:#065f46 !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-offline-pill::before{
  background:#0e9d4c !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-hdr-back{
  background:#fffdf8 !important;
  border-color:rgba(33,28,20,.12) !important;
  color:#211c14 !important;
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-hdr-back:active{
  background:#f1ebdd !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-settings-hdr-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif) !important;
  font-weight:600 !important;
  letter-spacing:.2px !important;
  color:#211c14 !important;
}

/* ── 2) HAUPT-SETTINGS · Sektionen + Karten ── */
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-section-title{
  color:#7a7063 !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item{
  background:#fffdf8 !important;
  border-color:rgba(33,28,20,.10) !important;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item:hover,
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item:focus-visible{
  background:#fffdf8 !important;
  border-color:var(--v2set-acc-line) !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item:active{
  background:#f1ebdd !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item-icon{
  background:var(--v2set-acc-soft) !important;
  color:var(--v2set-acc) !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item-title{
  color:#211c14 !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item-desc{
  color:#6b6156 !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item-val{
  background:#f1ebdd !important;
  color:#4a4234 !important;
}

/* ── 3) HAUPT-SETTINGS · Toggles + Aa-Buttons ── */
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-toggle{
  background:var(--v2set-acc) !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-toggle.off{
  background:rgba(33,28,20,.18) !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-size-btn{
  background:#fffdf8 !important;
  border-color:rgba(33,28,20,.14) !important;
  color:#4a4234 !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-size-btn:hover{
  background:#f1ebdd !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-size-btn.active{
  background:var(--v2set-acc) !important;
  border-color:var(--v2set-acc) !important;
  color:#fff !important;
}

/* ── 4) PICKER-SHEET (Sprache/Theme/Rezitator) ── */
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-overlay{
  background:rgba(33,28,20,.35) !important;
}
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-sheet{
  background:#fffdf8 !important;
  border-top-color:rgba(33,28,20,.10) !important;
  box-shadow:0 -12px 40px rgba(33,28,20,.16);
}
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-handle{
  background:rgba(33,28,20,.18) !important;
}
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif) !important;
  font-weight:600 !important;
  color:#211c14 !important;
}
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-item{
  background:#f7f4ec !important;
  border-color:rgba(33,28,20,.10) !important;
  color:#211c14 !important;
}
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-item:hover{
  background:#f1ebdd !important;
}
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-item.active{
  background:var(--v2set-acc-soft) !important;
  border-color:var(--v2set-acc-line) !important;
}
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-item-label{
  color:#211c14 !important;
}
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-item-sub{
  color:#6b6156 !important;
}
html[data-hc-theme="light"] body.hcv2 #hc-settings-picker .hc-picker-check{
  background:var(--v2set-acc) !important;
  color:#fff !important;
}

/* ── 5) GLOBALE EINSTELLUNGEN (#hcgs-*, injizierte Styles → !important) ── */
html[data-hc-theme="light"] body.hcv2 #hcgs-overlay{
  background:rgba(33,28,20,.45) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card{
  background:#fffdf8 !important;
  border-color:rgba(33,28,20,.12) !important;
  color:#211c14 !important;
  box-shadow:0 1px 2px rgba(60,50,35,.05), 0 24px 64px rgba(33,28,20,.18) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-header{
  background:linear-gradient(180deg,var(--v2set-acc-soft) 0%,transparent 100%) !important;
  border-bottom-color:rgba(33,28,20,.10) !important;
}
/* Fix 14: Titel-Token (AA auf dem Header-Gradient) */
html[data-hc-theme="light"] body.hcv2 #hcgs-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif) !important;
  font-weight:600 !important;
  color:var(--v2set-acc-title) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-close{ color:#7a7063 !important; }
html[data-hc-theme="light"] body.hcv2 #hcgs-close:hover{
  background:#f1ebdd !important; color:#211c14 !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-section-title{ color:#7a7063 !important; }
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-row,
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-row-vert{
  background:#f7f4ec !important;
  border-color:rgba(33,28,20,.10) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-label{ color:#211c14 !important; }
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-pillgroup{
  background:rgba(33,28,20,.06) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-pill{ color:#6b6156 !important; }
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-pill:not(.active):hover{
  color:#211c14 !important; background:rgba(33,28,20,.05) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-pill.active{
  background:var(--v2set-acc) !important; color:#fff !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-radio{ color:#4a4234 !important; }
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-radio-circle{
  border-color:rgba(33,28,20,.30) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-radio.active .hcgs-radio-circle{
  border-color:var(--v2set-acc) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-radio.active .hcgs-radio-circle::after{
  background:var(--v2set-acc) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-toggle{
  background:rgba(33,28,20,.18) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-toggle::after{
  background:#fffdf8 !important;
  box-shadow:0 1px 3px rgba(33,28,20,.25);
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-toggle.on{
  background:var(--v2set-acc) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-toggle.on::after{
  background:#fff !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-footer{
  border-top-color:rgba(33,28,20,.10) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-reload-hint{ color:#6b6156 !important; }
html[data-hc-theme="light"] body.hcv2 #hcgs-reload-btn{
  background:#047857 !important; color:#fff !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-reset-btn{
  color:#6b6156 !important; border-color:rgba(33,28,20,.16) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-reset-btn:hover{
  color:#211c14 !important; border-color:rgba(33,28,20,.30) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-lang-pill{
  background:#f7f4ec !important;
  border-color:rgba(33,28,20,.12) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-lang-pill:hover{
  border-color:var(--v2set-acc-line) !important;
  background:var(--v2set-acc-soft) !important;
}
html[data-hc-theme="light"] body.hcv2 #hcgs-card .hcgs-lang-pill.active{
  background:var(--v2set-acc-soft) !important;
  border-color:var(--v2set-acc) !important;
  box-shadow:0 0 0 2px var(--v2set-acc-soft) !important;
}
/* FIX (Review 26): Sidebar-Trigger (injiziertes Gold-Glas) auf hellem v2
   kontrastschwach → warmer Akzent-Look (gewinnt per Spezifitaet, kein !important noetig) */
html[data-hc-theme="light"] body.hcv2 .hcgs-trigger{
  background:var(--v2set-acc-soft);
  border-color:var(--v2set-acc-line);
  color:var(--v2set-acc);
}
html[data-hc-theme="light"] body.hcv2 .hcgs-trigger:hover{
  background:var(--v2set-acc-soft);
  border-color:var(--v2set-acc);
  transform:translateY(-1px);
}

/* ── 6) PROFIL & DATENSCHUTZ / DASHBOARD (.hc-stx-*, injizierte Basis) ── */
html[data-hc-theme="light"] body.hcv2 .hc-stx-eyebrow{ color:#7a7063 !important; }
html[data-hc-theme="light"] body.hcv2 .hc-stx-list{
  background:#fffdf8 !important;
  border-color:rgba(33,28,20,.10) !important;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(60,50,35,.05);
}
html[data-hc-theme="light"] body.hcv2 .hc-stx-row{
  border-bottom-color:rgba(33,28,20,.08) !important;
}
html[data-hc-theme="light"] body.hcv2 .hc-stx-title{ color:#211c14 !important; }
html[data-hc-theme="light"] body.hcv2 .hc-stx-sub{ color:#6b6156 !important; }
html[data-hc-theme="light"] body.hcv2 .hc-stx-info-text{ color:#7a7063 !important; }
html[data-hc-theme="light"] body.hcv2 .hc-stx-input-label{ color:#7a7063 !important; }
html[data-hc-theme="light"] body.hcv2 .hc-stx-input{
  background:#fffdf8 !important;
  border-color:rgba(33,28,20,.14) !important;
  color:#211c14 !important;
}
html[data-hc-theme="light"] body.hcv2 .hc-stx-input:focus{
  border-color:var(--v2set-acc) !important;
  background:var(--v2set-acc-soft) !important;
}
html[data-hc-theme="light"] body.hcv2 .hc-stx-hid-card{
  background:var(--v2set-acc-soft) !important;
  border-color:var(--v2set-acc-line) !important;
}
html[data-hc-theme="light"] body.hcv2 .hc-stx-hid-label{ color:#7a7063 !important; }
html[data-hc-theme="light"] body.hcv2 .hc-stx-hid-value{ color:var(--v2set-acc) !important; }
html[data-hc-theme="light"] body.hcv2 .hc-stx-btn-pri{
  background:var(--v2set-acc) !important; color:#fff !important;
}
html[data-hc-theme="light"] body.hcv2 .hc-stx-btn-sec-full{
  color:#6b6156 !important;
  border-color:rgba(33,28,20,.16) !important;
}
html[data-hc-theme="light"] body.hcv2 .hc-stx-btn-sec-full:hover{
  background:#f1ebdd !important;
}
html[data-hc-theme="light"] body.hcv2 :is(#privacy-settings-body,#dash-settings-body) .toggle-switch.active{
  background:var(--v2set-acc) !important;
  border-color:var(--v2set-acc) !important;
}
/* ═══ ENDE DAWN & DOME TINT: SETTINGS ═══ */

/* ═══════════════════════════════════════════════════════════════════════════
   KONTRAST-NACHZUG · HUB + SETTINGS (Schwarm 2026-07-02)
   Einziger sub-AA-Fund im Bereich: die 10px-Uppercase-Meta-Label ".hc-stx-hid-label"
   sitzt NICHT auf Papier, sondern auf der getoenten Hide-ID-Karte
   (.hc-stx-hid-card bg = var(--v2set-acc-soft) = rgba(168,132,46,.14) ueber #f7f4ec
   ≈ effektiv #ede2c8). #7a7063 traegt darauf nur ~4.0:1 → unter AA fuer Kleintext.
   Meta-Ton auf #6b6156 (gedaempft) angehoben → ~5.0:1 auf der Gold-Tint-Karte,
   in Madinah (Teal-Tint rgba(168,132,46,.14)) analog sicher. !important, weil
   Basis-Regel oben selbst !important traegt.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-hc-theme="light"] body.hcv2 .hc-stx-hid-label{ color:#6b6156 !important; }

/* ═══ DAWN & DOME — SICHTBARKEITS-FIXES (Kontrast-Audit) ═══ */


/* ═══════════ AUDIT: QURAN ═══════════ */

/* html body.hcv2 .hcq-app .hcq-khatm-num — Khatm-Zaehler (12px bold, echter Inhalt z.B. "Runde 3") erbt via Token die Basis-Farbe var */
html body.hcv2 .hcq-app .hcq-khatm-num{ color: var(--hcq-teal); }

/* html body.hcv2 .hcq-app .hcq-hifz-group-title — Hifz-Gruppentitel (11px bold uppercase, quran-v2.css Z.799) = var(--hcq-gold) #a8842e auf  */
html body.hcv2 .hcq-app .hcq-hifz-group-title{ color: var(--hcq-teal); }

/* html body.hcv2 .hcq-app .hcq-sura-hajj-icon — Hajj-Marker-Label (10px Text "Hajj", quran-v2.css Z.351) = var(--hcq-gold) #a8842e auf get */
html body.hcv2 .hcq-app .hcq-sura-hajj-icon{ color: var(--hcq-teal); }


/* ═══════════ AUDIT: HUB-SETTINGS (HARAM-HUB HUB-V1.CSS/JS, EINSTELLUNGEN SETTINGS.CSS + HC-SETTINGS-SKIN.JS + HC-GLOBAL-SETTINGS-UI.JS, HUB/SETTINGS-TEIL THEME-V2.CSS) ═══════════ */

/* html[data-hc-theme="light"] body.hcv2 .hc-stx-hid-label — 10px-Uppercase-Meta-Label auf der getoenten Hide-ID-Karte (.hc-stx-hid-card bg = var(--v2s */
html[data-hc-theme="light"] body.hcv2 .hc-stx-hid-label{ color:#6b6156 !important; }


/* ═══════════ AUDIT: HAJJ-UMRA (HAJJ-V2.CSS, UMRA-V1.CSS, UMRA-MODES.CSS, LIGHT-FIXES.CSS + MODULE-TINT HAJJ/UMRA IN THEME-V2.CSS) ═══════════ */

/* html[data-hc-theme="light"] body.hcv2 .hcj-ctx-block[data-type] — Kontext-Akkordeon im Hajj-Schritt (.hcj-ctx-block, gerendert in hajj-v2.js Z.1061-1064): d */
html[data-hc-theme="light"] body.hcv2 .hcj-ctx-block[data-type="hadith"]{ --hcj-blk-c:#8a6a1e; } /* Gold #8a6a1e auf #fffdf8 ~4.6:1 AA */
html[data-hc-theme="light"] body.hcv2 .hcj-ctx-block[data-type="fiqh"]{ --hcj-blk-c:#047857; } /* Gruen #047857 ~4.9:1 AA */
html[data-hc-theme="light"] body.hcv2 .hcj-ctx-block[data-type="quran"]{ --hcj-blk-c:#6d28d9; } /* Violett, konsistent mit .hcj-blk[data-type=quran] */
html[data-hc-theme="light"] body.hcv2 .hcj-ctx-block[data-type="dua"]{ --hcj-blk-c:#8a6a1e; }
/* Fallback ohne data-type: Default-Gold ebenfalls auf AA-Ton heben */
html[data-hc-theme="light"] body.hcv2 .hcj-ctx-label{ color:#8a6a1e; }


/* ═══════════ AUDIT: HOME-HERO (STARTSEITE + DASHBOARD, DAWN & DOME / BODY.HCV2) ═══════════ */

/* body.hcv2 .hero-prayer-card__bg — Der Papier-Verlauf ueber dem Kaaba-Dawn-Foto deckt oben nur .20 (0%) bzw. .05 (34%) — die  */
body.hcv2 .hero-prayer-card__bg{ background:linear-gradient(180deg,rgba(247,244,236,.52) 0%,rgba(247,244,236,.34) 34%,rgba(247,244,236,.72) 78%,rgba(247,244,236,.94) 100%) !important; }

/* body.hcv2 #user-greeting-inline, body.hcv2 #greeting-name-inline, body.hcv2 #use — As-salamu-alaykum (#greeting-name-inline) + arabischer Gruss السَّلَامُ عَلَيْكُمْ (erster */
body.hcv2 #user-greeting-inline, body.hcv2 #greeting-name-inline{ color:#211c14 !important; text-shadow:0 1px 10px rgba(255,253,248,.92),0 1px 2px rgba(255,253,248,.92) !important; }
body.hcv2 #user-greeting-inline > span{ opacity:1 !important; color:#211c14 !important; }

/* body.hcv2 #date-hijri, body.hcv2 #date-gregorian — Hijri-/Gregorian-Datum unter dem Gebetsnamen auf --v2-ink2 #6b6156 ohne Halo, ebenfalls ob */
body.hcv2 #date-hijri, body.hcv2 #date-gregorian{ color:#4a4234 !important; text-shadow:0 1px 8px rgba(255,253,248,.9),0 1px 2px rgba(255,253,248,.9) !important; }

/* body.hcv2 #w-temp-inline — Wetter-Temperatur (42°C, fett 12px) auf --v2-ink2 #6b6156 ohne Halo im oberen Foto-Bereich */
body.hcv2 #w-temp-inline{ color:#4a4234 !important; text-shadow:0 1px 8px rgba(255,253,248,.9),0 1px 2px rgba(255,253,248,.9) !important; }

/* body.hcv2 .hero-prayer-card__label — Label NAECHSTES GEBET auf --v2-ink3 #7a7063 (Meta ~4.4:1 auf Papier, KEINE Reserve) ohne H */
body.hcv2 .hero-prayer-card__label{ color:#6b6156 !important; text-shadow:0 1px 8px rgba(255,253,248,.9),0 1px 2px rgba(255,253,248,.9) !important; }

/* body.hcv2 .prayer-time-chip span:last-child, body.hcv2 #t-fajr, body.hcv2 #t-dhu — Die GebetsZEITEN (05:18 usw., zweiter Span jedes Chips) erben --v2-ink2 #6b6156 (~5.5:1).  */
body.hcv2 .prayer-time-chip:not(.prayer-time-chip--active) span:last-child{ color:#211c14 !important; font-weight:700 !important; }

/* body.hcv2 .prayer-time-chip span:first-child — Chip-LABELS (Fajr/Dhuhr/... erster Span) auf --v2-ink2 #6b6156 sind auf Papier ok (~5.5:1) */
body.hcv2 .prayer-time-chip:not(.prayer-time-chip--active) span:first-child{ color:#4a4234 !important; }

/* html[data-city="madinah"] body.hcv2 #user-greeting-inline, html[data-city="madin — Im Madinah-Modus wechselt das Hero-Bg auf img-madinah-dome.webp (andere Helligkeit/Farbe,  */
html[data-city="madinah"] body.hcv2 #user-greeting-inline, html[data-city="madinah"] body.hcv2 #greeting-name-inline{ color:#211c14 !important; text-shadow:0 1px 10px rgba(255,253,248,.92),0 1px 2px rgba(255,253,248,.92) !important; }
html[data-city="madinah"] body.hcv2 #user-greeting-inline > span{ opacity:1 !important; color:#211c14 !important; }
html[data-city="madinah"] body.hcv2 #date-hijri, html[data-city="madinah"] body.hcv2 #date-gregorian, html[data-city="madinah"] body.hcv2 #w-temp-inline{ color:#4a4234 !important; text-shadow:0 1px 8px rgba(255,253,248,.9),0 1px 2px rgba(255,253,248,.9) !important; }
html[data-city="madinah"] body.hcv2 .hero-prayer-card__label{ color:#6b6156 !important; text-shadow:0 1px 8px rgba(255,253,248,.9),0 1px 2px rgba(255,253,248,.9) !important; }

/* body.hcv2 .hc-accordion — DEFENSIVER FIX. home-tiles.js rendert #dash-accordions mit Inline-Wrapper background:linea */
body.hcv2 .hc-accordion{ background:#fffdf8 !important; border:1px solid rgba(33,28,20,.10) !important; box-shadow:0 1px 2px rgba(60,50,35,.05),0 6px 18px rgba(60,50,35,.06) !important; }

/* body.hcv2 .hc-accordion .hc-accordion__header > span:nth-child(3), body.hcv2 .hc — DEFENSIVER FIX (nur wirksam falls Akkordeons eingeblendet werden). Zahl-Badge des Headers  */
body.hcv2 .hc-accordion .hc-accordion__header > span:nth-child(3){ background:#f1ebdd !important; border-color:rgba(33,28,20,.10) !important; color:#6b6156 !important; }
body.hcv2 .hc-accordion .hc-accordion__header svg[stroke="currentColor"]{ color:#7a7063 !important; }


/* ═══════════ AUDIT: ADHKAR / DHIKR-MODUL (#HCA-MODAL, .HCA-*) — DAWN & DOME LIGHT ═══════════ */

/* body.hcv2 #hca-modal .hca-swipe-hint — Meta #7a7063 auf PAPIER-Modalgrund #f7f4ec = 4.42:1 → FAELLT unter AA (4.5). Text ist nur  */
body.hcv2 #hca-modal .hca-swipe-hint{ color:#6b6156; } /* 5.51:1 auf Papier statt 4.42:1 */

/* body.hcv2 #hca-modal .hca-bcta-mid — Meta #7a7063 auf PAPIER #f7f4ec (Bottom-CTA-Leiste liegt auf Modalgrund) = 4.42:1, 10px No */
body.hcv2 #hca-modal .hca-bcta-mid{ color:#6b6156; } /* 5.51:1 statt 4.42:1 */

/* body.hcv2 #hca-modal .hca-state-sub — Meta #7a7063 auf PAPIER #f7f4ec (Empty/Loading/Error-States auf Modalgrund) = 4.42:1, 12px */
body.hcv2 #hca-modal .hca-state-sub{ color:#6b6156; } /* 5.51:1 statt 4.42:1 */

/* body.hcv2 #hca-modal .hca-cat-pill-status — Meta #7a7063 auf Karte #fffdf8 = 4.78:1 (knapper AA-Pass), aber sehr kleiner Status-Text i */
body.hcv2 #hca-modal .hca-cat-pill-status{ color:#6b6156; } /* 5.95:1 statt 4.78:1 */

/* body.hcv2 #hca-modal .hca-dhikr-source — Meta #7a7063 auf Dhikr-Karte #fffdf8 = 4.78:1, aber nur 10px zentrierte Quellen-Zeile → ke */
body.hcv2 #hca-modal .hca-dhikr-source{ color:#6b6156; } /* 5.95:1 statt 4.78:1, 10px braucht Reserve */

/* body.hcv2 #hca-modal .hca-list-times — Meta #7a7063 auf Listen-Item-Karte #fffdf8 = 4.78:1, nur 10px (Gebets-Tageszeiten-Label) → */
body.hcv2 #hca-modal .hca-list-times{ color:#6b6156; } /* 5.95:1 statt 4.78:1 */

/* body.hcv2 #hca-modal .hca-list-source — Meta #7a7063 auf Listen-Item-Karte #fffdf8 = 4.78:1, nur 10px Quellen-Zeile → keine Reserv */
body.hcv2 #hca-modal .hca-list-source{ color:#6b6156; } /* 5.95:1 statt 4.78:1 */

/* body.hcv2 #hca-modal .hca-counter-hint — Meta #7a7063 auf Counter-Karte #fffdf8 = 4.78:1, nur 10px Hinweistext unter dem Zaehler →  */
body.hcv2 #hca-modal .hca-counter-hint{ color:#6b6156; } /* 5.95:1 statt 4.78:1 */

/* body.hcv2 #hca-modal .hca-settings-title — Settings-Sektionstitel #7a7063 auf PAPIER-Modalgrund #f7f4ec = 4.42:1 → AA-Fail. theme-v2  */
body.hcv2 #hca-modal .hca-settings-title{ color:#6b6156 !important; } /* 5.51:1 auf Papier statt 4.42:1; !important gegen hc-settings-unify.css + eigene Basisregel */


/* Arabischer Gruß (السلام عليكم) — home-style.css setzt #c9a84c !important (Spez.1,2,2,
   ~2:1 unlesbar). Höher spezifischer Fix (1,3,2): lesbares Warm-Gold + Halo. */
body.hcv2 .hero-prayer-card #user-greeting-inline span:first-child{ color:#8a6a1e !important; text-shadow:0 1px 10px rgba(255,253,248,.92),0 1px 2px rgba(255,253,248,.92) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   DAWN & DOME — ATMOSPHÄRE & HERO-REDESIGN (2026-07-02)
   Feste, subtile Sakral-Atmosphäre hinter der ganzen App (gegen „leeres" Gefühl),
   Hero-Foto größer + sichtbarer (Overlay reduziert, Text via Halo/Scrim lesbar),
   Gruß/Wetter-Überlappung behoben. Stadt-abhängig via --v2-hero-img.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ── Hero: kompakter + klar sichtbares Foto (Kaaba/Moschee bleibt frei) ── */
body.hcv2 .hero-prayer-card{
  min-height:330px !important;
  background:var(--v2-hero-img) center 55% / cover no-repeat, #efe9dc !important;
}
/* Dunkler Verlauf NUR unten → Schrift lesbar, Foto oben frei (beide Modi) */
body.hcv2 .hero-prayer-card::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:66%;
  background:linear-gradient(180deg, transparent 0%, rgba(6,5,3,.20) 34%, rgba(6,5,3,.62) 74%, rgba(6,5,3,.82) 100%);
  pointer-events:none; z-index:0;
}
/* Overlay dezent: Foto bleibt sichtbar; Text oben bekommt weichen Scrim, unten
   (hinter Ring/Chips) etwas mehr Papier für Kontrast. */
body.hcv2 .hero-prayer-card__bg{
  background:
    radial-gradient(130% 42% at 42% 6%, rgba(247,244,236,.62) 0%, rgba(247,244,236,.20) 55%, transparent 78%),
    linear-gradient(180deg, rgba(247,244,236,.16) 0%, rgba(247,244,236,.05) 30%, rgba(247,244,236,.30) 66%, rgba(247,244,236,.60) 100%) !important;
}

/* ── Kopf-Texte: kräftige Tinte + Halo (lesbar über dem Foto) ── */
body.hcv2 .hero-prayer-card__name{ text-shadow:0 1px 3px rgba(255,253,248,.95),0 2px 18px rgba(255,253,248,.85) !important; }

/* ── Gruß/Wetter-Überlappung beheben: Platz fürs Wetter reservieren, Gruß kappen ── */
body.hcv2 #user-greeting-inline{
  padding-right:118px !important; box-sizing:border-box !important;
  max-width:100% !important; overflow:hidden !important; flex-wrap:nowrap !important;
}
body.hcv2 #user-greeting-inline span:first-child{ font-size:16px !important; flex-shrink:0 !important; }
body.hcv2 #greeting-name-inline{
  font-size:13px !important; font-weight:600 !important;
  white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; min-width:0 !important;
}
/* Wetter-Block kompakt + lesbar oben rechts */
body.hcv2 .hero-prayer-card__weather-inline{ text-align:right !important; max-width:140px !important; }
body.hcv2 #w-warn-inline{ white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; display:inline-block !important; max-width:120px !important; }

/* ── Gebetszeiten-Chips: leichte Papier-Karte, damit Zeiten über Foto klar sind ── */
body.hcv2 .prayer-time-chip{ background:rgba(255,253,248,.62) !important; border:1px solid var(--v2-line) !important; border-radius:14px !important; }
body.hcv2 .prayer-time-chip--active{ background:rgba(14,157,76,.14) !important; border-color:rgba(14,157,76,.30) !important; }


/* ── Madinah: helles realistisches Foto (grüne Kuppel), gleiche HELLE Behandlung
      wie Makkah — nur Ausschnitt auf die Kuppel gerückt. ── */
html[data-city="madinah"] body.hcv2 .hero-prayer-card{
  background:var(--v2-hero-img) center 62% / cover no-repeat, #e7ece9 !important;
}

/* ── Gebetszeiten klar lesbar (Chips als fast-solide Papier-Karte über dem Foto) ── */
body.hcv2 .prayer-time-chip{ background:rgba(255,253,248,.97) !important; border:1px solid rgba(33,28,20,.12) !important; box-shadow:0 1px 3px rgba(33,28,20,.10) !important; }
body.hcv2 .prayer-time-chip--active{ background:rgba(224,244,231,.96) !important; border-color:rgba(14,157,76,.5) !important; }
body.hcv2 .prayer-time-chip:not(.prayer-time-chip--active) span:first-child{ color:#4a4234 !important; font-weight:600 !important; }
body.hcv2 .prayer-time-chip:not(.prayer-time-chip--active) span:last-child{ color:#1a150e !important; font-weight:700 !important; }
body.hcv2 .prayer-time-chip--active span:last-child{ color:#0b7d3d !important; font-weight:800 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   DAWN & DOME — DUNKLE VARIANTE (2026-07-03)
   Gleiche Ästhetik wie hell, nur DUNKEL: warmes OLED-Schwarz statt Pergament,
   cremefarbene Tinte, Gold-/Grün-Akzente. Greift NUR wenn html[data-hc-theme=
   "dark"] gesetzt ist. Höhere Spezifität (html[data-hc-theme=dark] body.hcv2 …
   = 0,3,2) + !important schlägt die hellen Basis-Regeln (body.hcv2 … = 0,2,1).
   Reihenfolge: steht als LETZTE Quelle → gewinnt zusätzlich bei Gleichstand.
   NUR HOME in dieser Etappe (Module folgen). Token-getriebene Flächen (Karten,
   Schnellzugriff, Listen, Duʿā, Akkordeon-Inhalt) werden allein durch die
   Dunkel-Tokens korrekt; hartcodierte helle Flächen werden gezielt nachgezogen.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) DUNKLE TOKENS (kein --v2-hero-img setzen → Madinah-Bild bleibt erhalten) ── */
html[data-hc-theme="dark"] body.hcv2{
  --v2-bg:#14110c; --v2-bg2:#1a1610; --v2-surface:#1c1813; --v2-sunken:#241f17;
  --v2-ink:#efe9dc; --v2-ink2:#c9c2b2; --v2-ink3:#a89f8d;
  --v2-accent:#d0ad4f; --v2-accent-soft:rgba(208,173,79,.18);
  --v2-green:#34d399; --v2-line:rgba(240,233,220,.13);
}

/* ── 2) Grundfläche warmes OLED-Schwarz ── */
html[data-hc-theme="dark"] body.hcv2, html[data-hc-theme="dark"] body.hcv2 .app{ background:var(--v2-bg) !important; }

/* ── 3) Hero: Foto bleibt, dunkler Scrim (dimmt Foto, macht Creme-Text lesbar) ── */
html[data-hc-theme="dark"] body.hcv2 .hero-prayer-card{
  background:var(--v2-hero-img) center 55% / cover no-repeat, #0f0d09 !important;
  border:1px solid var(--v2-line) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.4),0 12px 34px rgba(0,0,0,.5) !important;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hero-prayer-card{
  background:var(--v2-hero-img) center 62% / cover no-repeat, #0e100e !important;
}
html[data-hc-theme="dark"] body.hcv2 .hero-prayer-card__bg{
  background:
    radial-gradient(130% 44% at 42% 6%, rgba(15,13,9,.42) 0%, rgba(15,13,9,.14) 55%, transparent 80%),
    linear-gradient(180deg, rgba(15,13,9,.60) 0%, rgba(15,13,9,.30) 30%, rgba(15,13,9,.66) 68%, rgba(15,13,9,.93) 100%) !important;
}
/* Kopf-Texte: Creme + dunkler Schatten (statt heller Halo) */
html[data-hc-theme="dark"] body.hcv2 .hero-prayer-card__name{
  color:#f4efe4 !important; text-shadow:0 1px 3px rgba(0,0,0,.72),0 2px 18px rgba(0,0,0,.6) !important;
}
html[data-hc-theme="dark"] body.hcv2 #user-greeting-inline,
html[data-hc-theme="dark"] body.hcv2 #greeting-name-inline,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 #user-greeting-inline,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 #greeting-name-inline{
  color:#efe9dc !important; text-shadow:0 1px 8px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.6) !important;
}
html[data-hc-theme="dark"] body.hcv2 #user-greeting-inline > span,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 #user-greeting-inline > span{ color:#efe9dc !important; }
html[data-hc-theme="dark"] body.hcv2 #date-hijri,
html[data-hc-theme="dark"] body.hcv2 #date-gregorian,
html[data-hc-theme="dark"] body.hcv2 #w-temp-inline,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 #date-hijri,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 #date-gregorian,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 #w-temp-inline{
  color:#cfc8b8 !important; text-shadow:0 1px 8px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.6) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hero-prayer-card__label,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hero-prayer-card__label{
  color:#b9b1a1 !important; text-shadow:0 1px 8px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.6) !important;
}
html[data-hc-theme="dark"] body.hcv2 #w-warn-inline{ color:#a89f8d !important; }
/* Arabischer Gruß: warmes helles Gold + dunkler Schatten (statt #8a6a1e + heller Halo) */
html[data-hc-theme="dark"] body.hcv2 .hero-prayer-card #user-greeting-inline span:first-child{
  color:#e6c56f !important; text-shadow:0 1px 8px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.6) !important;
}
/* ══ HELL-MODUS: Hero ist ein FOTO → GLEICHE dunkle Behandlung wie Dunkelmodus ══
   (Der helle Papier-Overlay hellte das Foto auf → weiße Schrift wusch aus. Jetzt
   dunkler Verlauf + Creme-Schrift wie im Dunkelmodus = in beiden Modi gut lesbar.) */
html[data-hc-theme="light"] body.hcv2 .hero-prayer-card__bg{
  background:
    radial-gradient(130% 44% at 42% 6%, rgba(15,13,9,.38) 0%, rgba(15,13,9,.12) 55%, transparent 80%),
    linear-gradient(180deg, rgba(15,13,9,.52) 0%, rgba(15,13,9,.24) 30%, rgba(15,13,9,.60) 68%, rgba(15,13,9,.90) 100%) !important;
}
html[data-hc-theme="light"] body.hcv2 .hero-prayer-card__name{ color:#f4efe4 !important; text-shadow:0 1px 3px rgba(0,0,0,.72),0 2px 18px rgba(0,0,0,.6) !important; }
html[data-hc-theme="light"] body.hcv2 #user-greeting-inline,
html[data-hc-theme="light"] body.hcv2 #greeting-name-inline{ color:#efe9dc !important; text-shadow:0 1px 8px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.6) !important; }
html[data-hc-theme="light"] body.hcv2 #user-greeting-inline > span{ color:#efe9dc !important; }
html[data-hc-theme="light"] body.hcv2 .hero-prayer-card #user-greeting-inline span:first-child{ color:#e6c56f !important; text-shadow:0 1px 8px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.6) !important; }
html[data-hc-theme="light"] body.hcv2 #date-hijri,
html[data-hc-theme="light"] body.hcv2 #date-gregorian,
html[data-hc-theme="light"] body.hcv2 #w-temp-inline{ color:#cfc8b8 !important; text-shadow:0 1px 8px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.6) !important; }
html[data-hc-theme="light"] body.hcv2 .hero-prayer-card__label{ color:#c8c0b0 !important; text-shadow:0 1px 8px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.6) !important; }
html[data-hc-theme="light"] body.hcv2 #w-warn-inline{ color:#a89f8d !important; }

/* ── 4) Countdown-Ring „Aurum Thread" — Dunkelmodus: nur Scrim + Track kippen,
   Bogen/Punkt-Struktur bleibt identisch (Kaaba scheint durch). ── */
html[data-hc-theme="dark"] body.hcv2 .v2-ring{
  --v2r-track:rgba(240,233,220,.13);
  --v2r-scrim:rgba(14,11,7,.52);
}
html[data-hc-theme="dark"] body.hcv2 .countdown-unit,
html[data-hc-theme="dark"] body.hcv2 .countdown-unit span{ text-shadow:0 1px 4px rgba(0,0,0,.66), 0 0 16px rgba(0,0,0,.45) !important; }

/* ── 5) Gebetszeiten-Chips: dunkles Glas über dem Foto ── */
html[data-hc-theme="dark"] body.hcv2 .prayer-time-chip{
  background:rgba(28,24,19,.88) !important; border:1px solid rgba(240,233,220,.15) !important; box-shadow:0 1px 3px rgba(0,0,0,.45) !important;
}
html[data-hc-theme="dark"] body.hcv2 .prayer-time-chip--active{
  background:rgba(52,211,153,.18) !important; border-color:rgba(52,211,153,.45) !important;
}
html[data-hc-theme="dark"] body.hcv2 .prayer-time-chip:not(.prayer-time-chip--active) span:first-child{ color:#c4bcac !important; }
html[data-hc-theme="dark"] body.hcv2 .prayer-time-chip:not(.prayer-time-chip--active) span:last-child{ color:#f2ecdf !important; }
html[data-hc-theme="dark"] body.hcv2 .prayer-time-chip--active span:last-child{ color:#5fe3a6 !important; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .prayer-time-chip--active{ background:var(--v2-accent-soft) !important; border-color:rgba(208,173,79,.5) !important; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .prayer-time-chip--active span:last-child{ color:#e6c56f !important; }

/* ── 6) Pilger-Tipp: dunkle Papierzeile ── */
html[data-hc-theme="dark"] body.hcv2 #hero-tip-strip{ background:rgba(28,24,19,.72) !important; border:1px solid var(--v2-line) !important; }

/* ── 7) Stadt-Pill: aktives Segment = Gold mit dunklem Text (statt Creme auf Creme) ── */
html[data-hc-theme="dark"] body.hcv2 .v2-city-pill button.on{ background:var(--v2-accent); color:#14110c; box-shadow:0 2px 8px rgba(0,0,0,.45); }

/* ── 8) Reise-Karten sind schon dunkel — nur Trennung/Schatten fürs OLED-Umfeld ── */
html[data-hc-theme="dark"] body.hcv2 .v2-card{ border-color:rgba(240,233,220,.10); box-shadow:0 10px 30px rgba(0,0,0,.5); }

/* ── 9) Akkordeon: den hellen Defensiv-Fix (#fffdf8) im Dunkeln zurücknehmen ── */
html[data-hc-theme="dark"] body.hcv2 .hc-accordion,
html[data-hc-theme="dark"] body.hcv2 #dash-accordions .hc-accordion{
  background:var(--v2-surface) !important; border:1px solid var(--v2-line) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.4) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hc-accordion .hc-accordion__header > span:nth-child(3),
html[data-hc-theme="dark"] body.hcv2 #dash-accordions .hc-accordion__header > span:nth-child(3){
  background:var(--v2-sunken) !important; border-color:var(--v2-line) !important; color:var(--v2-ink2) !important;
}

/* ── 10) Bottom-Nav & Topbar: dunkles Glas ── */
html[data-hc-theme="dark"] body.hcv2 .bottom-nav{ background:rgba(20,17,12,.92) !important; border-top:1px solid var(--v2-line) !important; }
html[data-hc-theme="dark"] body.hcv2 .top-bar, html[data-hc-theme="dark"] body.hcv2 header.top-bar{ background:rgba(20,17,12,.90) !important; border-bottom:1px solid var(--v2-line) !important; }

/* ── 11) Schnellzugriff-Icons: dunkle Fläche, Creme-Icon (Token deckt Farbe, Fläche hart nachziehen falls light-fixes stört) ── */
html[data-hc-theme="dark"] body.hcv2 .v2-quick-ic{ background:var(--v2-surface); border:1px solid var(--v2-line); box-shadow:0 1px 2px rgba(0,0,0,.35); }


/* ═══════════════════════════════════════════════════════════════════════════
   MODUL QURAN — DUNKLE VARIANTE (Dawn & Dome dunkel)
   Das Modul ist token-getrieben (--hcq-*). Der helle Block oben (html body.hcv2
   .hcq-app = 0,2,2) erzwingt Papier; hier (html[data-hc-theme="dark"] body.hcv2
   .hcq-app = 0,3,2) gewinnen die Dunkel-Tokens. Zusätzlich die hartcodierten
   hellen Flächen (Header/Audio-Player/Bottom-Nav/Skeleton/Karten-Schatten) und
   die gefüllten Buttons (dunkler Text auf hellem Gold) nachziehen.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-hc-theme="dark"] body.hcv2 .hcq-app{
  --hcq-bg-deep:  #14110c;                  /* Grundfläche   = --v2-bg      */
  --hcq-bg-mid:   #1c1813;                  /* Header/Sheets = --v2-surface */
  --hcq-bg-soft:  #1c1813;                  /* Karten                        */
  --hcq-bg-soft2: #241f17;                  /* leicht gesenkt = --v2-sunken  */
  --hcq-teal:      #d8b356;                 /* Primär-Akzent (Text auf Dunkel ~9:1) */
  --hcq-teal-soft: rgba(208,173,79,.16);
  --hcq-teal-line: rgba(240,233,220,.13);   /* helle Haarlinie auf Dunkel   */
  --hcq-teal-glow: rgba(208,173,79,.35);
  --hcq-gold:      #d0ad4f;
  --hcq-gold-soft: rgba(208,173,79,.14);
  --hcq-gold-line: rgba(208,173,79,.30);
  --hcq-text:     #efe9dc;                   /* Haupttext + AR ~13:1         */
  --hcq-text-mid: #d0c9ba;                   /* Übersetzung    ~9:1          */
  --hcq-text-mut: #b3aa99;                   /* sekundär       ~6:1          */
  --hcq-text-sub: #9c9284;                   /* Meta           ~4.5:1        */
  --hcq-active-glow: 0 0 0 1.5px rgba(208,173,79,.6), 0 6px 22px rgba(0,0,0,.5);
}
/* Hartcodierte helle Flächen → dunkles Glas */
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-header{ background:rgba(20,17,12,.92); box-shadow:0 1px 2px rgba(0,0,0,.4); }
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-audio-player{ background:rgba(20,17,12,.97); box-shadow:0 -8px 30px rgba(0,0,0,.5); }
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-bottom-nav{ background:rgba(20,17,12,.92); box-shadow:0 -1px 2px rgba(0,0,0,.4); }
/* Karten-/Sheet-Schatten dunkel statt hellem Papier-Schatten */
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-khatm,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-smart-card,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-sura-item,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-sura-mini,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-verse,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-reciter-item,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-hifz-item,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-hero{ box-shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.4); }
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-reciter-sheet{ box-shadow:0 -8px 40px rgba(0,0,0,.55); }
/* Skeleton-Shimmer: heller Schimmer auf dunkel (statt Tinten-Shimmer) */
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-verse.is-skeleton .hcq-verse-arabic,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-verse.is-skeleton .hcq-verse-trans{
  background:linear-gradient(90deg, rgba(240,233,220,.05) 0%, rgba(240,233,220,.12) 50%, rgba(240,233,220,.05) 100%);
  background-size:200% 100%;
}
/* Praxis-Overlay-Dimmer tiefer */
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-hifz-practice-overlay{ background:rgba(0,0,0,.66); }
/* Gefüllte Akzent-Buttons: dunkler Text auf hellem Gold (statt Weiss, das auf hellem Gold durchfiele) */
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-hero-btn-primary,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-filter-tab.is-active,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-settings-pill.is-active,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-audio-btn-play,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-smart-badge,
html[data-hc-theme="dark"] body.hcv2 .hcq-app .hcq-hifz-item-btn{ color:#14110c; }


/* ═══════════════════════════════════════════════════════════════════════════
   MODUL DHIKR/ADHKĀR — DUNKLE VARIANTE (Dawn & Dome dunkel)
   Der helle Block (body.hcv2 #hca-modal = 0,2,1) hardcodiert alle Flächen/Texte
   hell literal. Akzente sind über --hca-* token-getrieben. Hier
   (html[data-hc-theme="dark"] body.hcv2 #hca-modal = 0,3,1) gewinnen: Akzent-
   Tokens auf helles Gold, alle literalen hellen Flächen/Texte auf dunkel.
   Grün(Done)/Orange(Streak)-Semantik bleibt, nur aufgehellt fürs Dunkel.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-hc-theme="dark"] body.hcv2 #hca-modal{
  --hca-acc:#d0ad4f; --hca-acc-txt:#d8b356; --hca-acc-soft:rgba(208,173,79,.16); --hca-acc-line:rgba(208,173,79,.42);
  --hca-green:#34d399; --hca-green-txt:#5fe3a6;
  background:#14110c !important; background-image:none !important; color:#efe9dc;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 #hca-modal{ --hca-acc:#d0ad4f; --hca-acc-txt:#d8b356; }
/* Header */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-hdr{ background:rgba(20,17,12,.95); border-bottom-color:rgba(240,233,220,.12); }
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-hdr-title{ color:#efe9dc; }
/* Flächen (Papier-Karte #fffdf8) → dunkles Surface */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-hdr-btn,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-cat-pill,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-qbar,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-qbtn,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-dhikr-card,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-counter,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-bcta-arrow,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-list-item,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-seg-opt,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-time-input,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-lang-select{ background:#1c1813; border-color:rgba(240,233,220,.13); }
/* gesenkte Flächen (#f1ebdd) + :active */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-progress,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-counter-prog,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-hdr-btn:active,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-counter:active{ background:#241f17; }
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-progress-track{ background:rgba(240,233,220,.10); }
/* Karten-Schatten dunkel */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-dhikr-card,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-cat-pill,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-list-item,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-counter{ box-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.4); }
/* AKTIVE/erledigte Kategorie-Pille im Dunkelmodus sichtbar machen (fehlte → aktiver Tab sah aus wie inaktiv) */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-cat-pill.hca-active{
  background:rgba(216,179,86,.16);
  border-color:rgba(216,179,86,.60);
  box-shadow:0 0 0 1px rgba(216,179,86,.25),0 2px 10px rgba(216,179,86,.12);
}
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-cat-pill.hca-active .hca-cat-pill-name{ color:#f0d99a; }
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-cat-pill.hca-done{
  background:rgba(52,211,153,.14);
  border-color:rgba(52,211,153,.50);
}
/* Haupttext (#211c14) → Creme */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-hdr-btn,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-cat-pill-name,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-dhikr-arabic,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-counter-value,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-list-arabic,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-qbtn,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-seg-opt,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-lang-select,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-settings-row,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-bcta-arrow{ color:#efe9dc; }
/* Übersetzung (#4a4234) → hell */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-dhikr-translation,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-list-trans{ color:#d0c9ba; }
/* sekundär (#6b6156) */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-dhikr-translit,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-list-translit,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-progress-row,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-state{ color:#b3aa99; }
/* Meta (#7a7063, inkl. AUDIT-#6b6156-Overrides) */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-cat-pill-status,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-swipe-hint,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-dhikr-source,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-list-times,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-list-source,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-bcta-mid,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-counter-hint,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-counter-sep,
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-state-sub{ color:#9c9284; }
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-settings-title{ color:#9c9284 !important; }
/* Trennlinien */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-settings-section{ border-bottom-color:rgba(240,233,220,.12); }
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-bcta{ border-top-color:rgba(240,233,220,.12); }
/* Toggle-Track + Streak + Serie-Orange */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-toggle{ background:rgba(240,233,220,.22); }
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-streak{ background:linear-gradient(90deg,rgba(234,88,12,.18),rgba(234,88,12,.05)); border-color:rgba(234,88,12,.40); color:#efe9dc; }
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-stat-value-streak{ color:#fb923c; }
/* Mond-Sterne des Kategorie-Icons auf Dunkel sichtbar */
html[data-hc-theme="dark"] body.hcv2 #hca-modal .hca-cat-pill-anim circle[fill="#fff"]{ fill:#d8b356; }


/* ═══════════════════════════════════════════════════════════════════════════
   TINT-MODULE DUNKEL (Hajj/Umra/Hub/Settings) — Dawn & Dome dunkel
   Parallel zu den html[data-hc-theme="light"]-Tint-Bloecken; hier data-hc-theme
   ="dark". Mechanisch aus den hellen Bloecken abgeleitet (feste Farbabbildung),
   Modal-Backdrops manuell auf dunklen Scrim korrigiert.
   ═══════════════════════════════════════════════════════════════════════════ */

/* MODUL hajj DUNKEL */
html[data-hc-theme="dark"] body.hcv2 .hcj-screen {
  background: #14110c;
  color: #efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-overlay {
  background: rgba(0,0,0,0.6);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-statusbar { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcj-hdr-back,
html[data-hc-theme="dark"] body.hcv2 .hcj-hdr-cog {
  background: rgba(208,173,79,0.10);
  border-color: rgba(208,173,79,0.28);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hdr-back:active,
html[data-hc-theme="dark"] body.hcv2 .hcj-hdr-cog:active {
  background: rgba(208,173,79,0.18);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hdr-eyebrow { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-hdr-title {
  color: #efe9dc;
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600; /* Fix: Fraunces wird nur 400/500/600 geladen */
  letter-spacing: 0;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-day-pill {
  background: #1c1813;
  border: 1px solid rgba(240,233,220,0.10);
  color: #efe9dc;
  box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-day-pill:hover {
  background: #1c1813;
  color: #efe9dc;
  border-color: rgba(208,173,79,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-day-pill.active {
  background: linear-gradient(135deg, #d8b356, #d8b356);
  border-color: #d8b356;
  color: #14110c;
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 6px 18px rgba(208,173,79,0.30);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-day-pill.active .hcj-day-pill-tag,
html[data-hc-theme="dark"] body.hcv2 .hcj-day-pill.active .hcj-day-pill-name { color: #14110c; }
html[data-hc-theme="dark"] body.hcv2 .hcj-day-pill.active::after {
  border-top-color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-day-pill.done::after { color: #5fe3a6; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-idx-label { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-idx-label::before { background: #d0ad4f; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-cell {
  background: #1c1813;
  border-color: rgba(208,173,79,0.45);
  color: #d8b356;
  box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-cell:hover {
  background: #1c1813;
  border-color: #d0ad4f;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-cell.done {
  background: #241f17;
  border-color: rgba(208,173,79,0.40);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-cell.active {
  background: linear-gradient(135deg, #d8b356, #d8b356);
  border-color: #d8b356;
  color: #14110c;
  text-shadow: none;
  box-shadow: 0 4px 16px rgba(208,173,79,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-progress { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-progress .done-count { color: #5fe3a6; }
html[data-hc-theme="dark"] body.hcv2 .hcj-offline-pill {
  background: rgba(52,211,153,0.10);
  border-color: rgba(52,211,153,0.30);
  color: #34d399;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-offline-pill::before { background: #34d399; }
html[data-hc-theme="dark"] body.hcv2 .hcj-tabs {
  border-bottom-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-tab { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcj-tab:hover { color: #d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcj-tab.active { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-tab.active::after { background: #d0ad4f; }
html[data-hc-theme="dark"] body.hcv2 .hcj-tab-cnt {
  background: rgba(208,173,79,0.12);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-tab:not(.active) .hcj-tab-cnt {
  background: rgba(240,233,220,0.06);
  color: #b3aa99;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-card {
  background: #1c1813;
  border: 1px solid rgba(240,233,220,0.10);
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 10px 30px rgba(0,0,0,0.45);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-card.critical {
  background: linear-gradient(135deg, #1c1813 0%, #221a18 100%);
  border-color: rgba(185,28,28,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-card.is-done {
  background: linear-gradient(135deg, #1c1813 0%, #18201b 100%);
  border-color: rgba(52,211,153,0.30);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-stepnum { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-icon {
  background: rgba(208,173,79,0.10);
  border-color: rgba(208,173,79,0.28);
  box-shadow: 0 2px 8px rgba(208,173,79,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-title {
  color: #efe9dc;
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600;
  letter-spacing: 0;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-instr { color: #d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-source {
  background: rgba(208,173,79,0.12);
  border-color: rgba(208,173,79,0.30);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-extra-tracker {
  background: rgba(208,173,79,0.08);
  border-color: rgba(208,173,79,0.28);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-extra-title { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-extra-desc { color: #d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-badge[data-pillar="rukn"] {
  background: linear-gradient(135deg, #d0ad4f, #d8b356);
  color: #14110c;
  border-color: transparent;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-badge[data-pillar="wajib"] {
  background: rgba(180,83,9,0.12);
  color: #e0a15f;
  border-color: rgba(180,83,9,0.30);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-hero-badge[data-pillar="sunnah"] {
  background: #241f17;
  color: #b3aa99;
  border-color: rgba(240,233,220,0.12);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-next-preview {
  background: linear-gradient(135deg, rgba(208,173,79,0.08) 0%, rgba(208,173,79,0.03) 100%);
  border-color: rgba(208,173,79,0.32);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-next-preview:hover {
  background: linear-gradient(135deg, rgba(208,173,79,0.14) 0%, rgba(208,173,79,0.06) 100%);
  border-color: rgba(208,173,79,0.50);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-next-label { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-next-tag {
  background: rgba(208,173,79,0.12);
  color: #d8b356; /* Fix 13: AA auf getoenter Flaeche */
}
html[data-hc-theme="dark"] body.hcv2 .hcj-next-title { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-next-arrow { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-next-preview--day {
  background: linear-gradient(135deg, rgba(167,139,250,0.07) 0%, rgba(167,139,250,0.03) 100%);
  border-color: rgba(167,139,250,0.30);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-next-preview--day .hcj-next-label,
html[data-hc-theme="dark"] body.hcv2 .hcj-next-preview--day .hcj-next-arrow { color: #a78bfa; }
html[data-hc-theme="dark"] body.hcv2 .hcj-next-preview--day .hcj-next-tag {
  background: rgba(167,139,250,0.10);
  color: #a78bfa;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-section-line { background: rgba(240,233,220,0.10); }
html[data-hc-theme="dark"] body.hcv2 .hcj-section-label { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mehr-title { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcj-blk {
  background: #1c1813;
  border-color: rgba(240,233,220,0.10);
  box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-blk[data-type="quran"] { --hcj-blk-c: #a78bfa; }
html[data-hc-theme="dark"] body.hcv2 .hcj-blk-arabic { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-blk-translit { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcj-blk-text { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-blk-meta-ref { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcj-blk-source {
  background: rgba(208,173,79,0.14);
  border-color: rgba(208,173,79,0.35);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua {
  background: #241f17;
  border-color: rgba(208,173,79,0.30);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua::before { background: #d0ad4f; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-hdr:hover {
  background: rgba(208,173,79,0.06);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua.open .hcj-step-dua-hdr {
  border-bottom: 1px solid rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-title { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-ref {
  color: #d8b356;
  background: rgba(208,173,79,0.14);
  border-color: rgba(208,173,79,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-chevron { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-arabic { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-translit { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-text { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-source {
  color: #d8b356;
  background: rgba(208,173,79,0.12);
  border-color: rgba(208,173,79,0.30);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-audio {
  background: #1c1813;
  border-color: rgba(208,173,79,0.50);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-audio:hover {
  background: rgba(208,173,79,0.14);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-step-dua-audio.playing {
  background: linear-gradient(135deg, #d8b356, #d8b356);
  border-color: #d8b356;
  color: #14110c;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-audio-btn {
  background: rgba(208,173,79,0.12);
  border-color: rgba(208,173,79,0.30);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-bottom-cta {
  background: linear-gradient(180deg, transparent 0%, rgba(20,17,12,0.96) 30%);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-cta-main {
  background: linear-gradient(135deg, #5fe3a6, #5fe3a6);
  border-color: #5fe3a6;
  color: #14110c;
  box-shadow: 0 4px 14px rgba(11,125,61,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-cta-main.is-done {
  background: linear-gradient(135deg, #5fe3a6, #34d399);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-cta-side {
  background: #1c1813;
  border-color: rgba(240,233,220,0.13);
  color: #efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-cta-side:hover {
  background: #241f17;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-tracker {
  background: #1c1813;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-tracker-title { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-tracker-count { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-tracker-circle {
  background: rgba(240,233,220,0.05);
  border-color: rgba(240,233,220,0.15);
  color: #b3aa99;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-tracker-stones-label { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-tracker-stone {
  background: rgba(240,233,220,0.05);
  border-color: rgba(240,233,220,0.13);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-tracker-btn--minus {
  background: rgba(240,233,220,0.06);
  border-color: rgba(240,233,220,0.15);
  color: #d0c9ba;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-sunan-block,
html[data-hc-theme="dark"] body.hcv2 .hcj-ctx-block,
html[data-hc-theme="dark"] body.hcv2 .hcj-madhahib,
html[data-hc-theme="dark"] body.hcv2 .hcj-madhahib-block {
  background: #1c1813;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-madhahib { border-left-color: #a78bfa; }
html[data-hc-theme="dark"] body.hcv2 .hcj-sunan-count { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcj-sunan-chevron { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcj-sunan-item { border-bottom-color: rgba(240,233,220,0.06); }
html[data-hc-theme="dark"] body.hcv2 .hcj-sunan-text { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-madhahib-title { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-madhahib-desc { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcj-madhahib-block-title { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-box {
  background: #241f17;
  border-color: rgba(208,173,79,0.28);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-box-title { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-box-sub { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-topic {
  background: #1c1813;
  border-color: rgba(240,233,220,0.10);
  border-left-color: #a78bfa; /* FIX (Review 19): Violett-Streifen erhalten */
}
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-topic-title { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-opin {
  background: #1c1813;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-opin.hanafi   { border-left-color: #34d399; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-opin.maliki   { border-left-color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-opin.shafii   { border-left-color: #a78bfa; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-opin.hanbali  { border-left-color: #34d399; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mad-opin-text { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-mdh-ruling {
  background: #1c1813;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcj-mdh-ruling-text { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcj-loading { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcj-loading-spinner {
  border-color: rgba(208,173,79,0.20);
  border-top-color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcj-empty { color: #b3aa99; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-hdr-back,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-hdr-cog {
  background: rgba(208,173,79,0.10);
  border-color: rgba(208,173,79,0.28);
  color: #d8b356;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-hdr-back:active,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-hdr-cog:active {
  background: rgba(208,173,79,0.18);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-hdr-eyebrow { color: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-day-pill.active {
  background: linear-gradient(135deg, #d8b356, #d8b356);
  border-color: #d8b356;
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 6px 18px rgba(208,173,79,0.30);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-day-pill.active::after {
  border-top-color: #d8b356;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-day-pill:hover {
  border-color: rgba(208,173,79,0.45);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-step-idx-label { color: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-step-idx-label::before { background: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-tab.active::after { background: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-tab-cnt {
  background: rgba(208,173,79,0.10);
  color: #d8b356;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-hero-stepnum { color: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-hero-icon {
  background: rgba(208,173,79,0.10);
  border-color: rgba(208,173,79,0.28);
  box-shadow: 0 2px 8px rgba(208,173,79,0.10);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-next-preview {
  background: linear-gradient(135deg, rgba(208,173,79,0.08) 0%, rgba(208,173,79,0.03) 100%);
  border-color: rgba(208,173,79,0.32);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-next-preview:hover {
  background: linear-gradient(135deg, rgba(208,173,79,0.14) 0%, rgba(208,173,79,0.06) 100%);
  border-color: rgba(208,173,79,0.50);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-next-label,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-next-arrow { color: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-next-tag {
  background: rgba(208,173,79,0.10);
  color: #d8b356;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-section-label { color: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-step-dua::before { background: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-step-dua-chevron { color: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-step-dua-audio {
  border-color: rgba(208,173,79,0.50);
  color: #d8b356;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-step-dua-audio:hover {
  background: rgba(208,173,79,0.12);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-step-dua-audio.playing {
  background: linear-gradient(135deg, #d8b356, #d8b356);
  border-color: #d8b356;
  color: #14110c;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-audio-btn {
  background: rgba(208,173,79,0.10);
  border-color: rgba(208,173,79,0.30);
  color: #d8b356;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hcj-loading-spinner {
  border-color: rgba(208,173,79,0.20);
  border-top-color: #d8b356;
}

/* MODUL umra DUNKEL */
html[data-hc-theme="dark"] body.hcv2{
  --v2u-acc-ink:#d8b356;                                          /* Akzent als Text auf Papier (AA) */
  --v2u-acc-deep:#d8b356;                                         /* Akzent-Text auf getoenten Flaechen */
  --v2u-acc-line:rgba(208,173,79,.35);
  --v2u-acc-fill:linear-gradient(135deg,#d8b356 0%,#d8b356 100%); /* gefuellte Akzent-Flaeche (Text #fff, AA) */
  --v2u-acc-shadow:0 4px 12px rgba(111,85,24,.25);
  --v2u-card-shadow:0 1px 2px rgba(0,0,0,0.35), 0 10px 30px rgba(240,233,220,.10);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2{
  --v2u-acc-ink:#d8b356;
  --v2u-acc-deep:#d8b356;
  --v2u-acc-line:rgba(208,173,79,.35);
  --v2u-acc-fill:linear-gradient(135deg,#d8b356 0%,#d8b356 100%);
  --v2u-acc-shadow:0 4px 12px rgba(39,92,87,.25);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-sheet{
  background:
    radial-gradient(ellipse at 50% -12%, var(--v2-accent-soft) 0%, transparent 55%),
    linear-gradient(180deg,#14110c 0%,#1c1813 55%,#241f17 100%);
  color:#efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-hdr-back,
html[data-hc-theme="dark"] body.hcv2 .hcu-hdr-cog{
  background:#1c1813; border-color:rgba(240,233,220,.10); color:#d0c9ba;
  box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-hdr-back:active,
html[data-hc-theme="dark"] body.hcv2 .hcu-hdr-cog:active{ background:#241f17; }
html[data-hc-theme="dark"] body.hcv2 .hcu-hdr-eyebrow{ color:var(--v2u-acc-ink); }
html[data-hc-theme="dark"] body.hcv2 .hcu-hdr-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-step-pill{
  background:#1c1813; border-color:rgba(240,233,220,.12); color:#d0c9ba;
  box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-step-pill:hover{
  background:#1c1813; color:#efe9dc; border-color:var(--v2u-acc-line);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-step-pill--active{
  background:var(--v2u-acc-fill) !important;
  border-color:transparent !important;
  color:#14110c !important;
  box-shadow:var(--v2u-acc-shadow) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-step-pill--active::after{ border-top-color:var(--v2u-acc-deep); }
html[data-hc-theme="dark"] body.hcv2 .hcu-step-pill--done{
  background:rgba(52,211,153,.10); border-color:rgba(52,211,153,.30); color:#5fe3a6;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-step-lock{ color:#d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcu-prem-hint{
  background:rgba(208,173,79,.10); border-color:rgba(208,173,79,.32); color:#d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-tabs-row{
  background:rgba(240,233,220,.03); border-bottom-color:rgba(240,233,220,.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-tabs{ background:rgba(240,233,220,.04); border-color:rgba(240,233,220,.08); }
html[data-hc-theme="dark"] body.hcv2 .hcu-tab{ color:#b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcu-tab.active{
  background:#1c1813; color:#efe9dc; box-shadow:0 1px 3px rgba(0,0,0,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-tab.active::after{ background:var(--v2-accent); }
html[data-hc-theme="dark"] body.hcv2 .hcu-tab-cnt{ background:var(--v2-accent-soft); color:var(--v2u-acc-deep); }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-pill{
  background:var(--v2-accent-soft); border-color:var(--v2u-acc-line); color:var(--v2u-acc-deep);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-pill:hover{ border-color:var(--v2-accent); }
html[data-hc-theme="dark"] body.hcv2 .hcu-hero{
  background:#1c1813; border-color:var(--v2u-acc-line);
  box-shadow:var(--v2u-card-shadow);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-now-badge{
  color:#5fe3a6; background:rgba(52,211,153,.10); border-color:rgba(52,211,153,.30);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-rukn-badge{
  background:linear-gradient(135deg,#d0ad4f,#d8b356); color:#14110c; border-color:transparent;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-rukn-badge.wajib{
  background:rgba(180,83,9,.12); color:#e0a15f; border:1px solid rgba(180,83,9,.30);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-rukn-badge.sunnah{
  background:#241f17; color:#b3aa99; border:1px solid rgba(240,233,220,.12);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-hero-step-count{ color:#9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcu-hero-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-hero-desc{ color:#d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcu-hero-source{
  color:#9c9284; background:#241f17; border-color:rgba(240,233,220,.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-hero-icon{
  background:var(--v2-accent-soft); border-color:var(--v2u-acc-line); color:var(--v2u-acc-ink);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-hero-icon--rukn{
  color:#d8b356; background:rgba(208,173,79,.14); border-color:rgba(208,173,79,.32);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-hero-icon--wajib{
  color:#ef9f52; background:rgba(180,83,9,.10); border-color:rgba(180,83,9,.28);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-hero-icon--sunnah{
  color:var(--v2u-acc-ink); background:var(--v2-accent-soft); border-color:var(--v2u-acc-line);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-dua-block{
  background:rgba(201,161,74,.14); border-color:rgba(208,173,79,.40);
  box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-dua-label{ color:#d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcu-dua-arabic{ color:#efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcu-dua-translit{ color:#b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcu-dua-translation{ color:#efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcu-dua-source{
  color:#d8b356; background:rgba(208,173,79,.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-sunan-block{
  background:rgba(52,211,153,.08); border-color:rgba(52,211,153,.35);
  box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-more-line{ background:rgba(240,233,220,.15); }
html[data-hc-theme="dark"] body.hcv2 .hcu-more-label{ color:#9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcu-know-block{
  background:#1c1813; border-color:rgba(240,233,220,.10);
  box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-know-block--hadith{ border-left-color:#d0ad4f; }
html[data-hc-theme="dark"] body.hcv2 .hcu-know-block--fiqh{ border-left-color:#5fe3a6; }
html[data-hc-theme="dark"] body.hcv2 .hcu-know-block--quran{ border-left-color:#a78bfa; }
html[data-hc-theme="dark"] body.hcv2 .hcu-sheet[dir="rtl"] .hcu-know-block--hadith{ border-right-color:#d0ad4f; }
html[data-hc-theme="dark"] body.hcv2 .hcu-sheet[dir="rtl"] .hcu-know-block--fiqh{ border-right-color:#5fe3a6; }
html[data-hc-theme="dark"] body.hcv2 .hcu-sheet[dir="rtl"] .hcu-know-block--quran{ border-right-color:#a78bfa; }
html[data-hc-theme="dark"] body.hcv2 .hcu-know-title{ color:#efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcu-know-chev{ color:#9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcu-know-tag--hadith{
  background:rgba(208,173,79,.16); color:#d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-know-context{
  color:#d0c9ba; background:#241f17; border-color:rgba(240,233,220,.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-know-ref{ color:#d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcu-madhab-card{
  background:#1c1813; border-color:rgba(240,233,220,.10);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-title{ color:#9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat{ background:#1c1813; border-color:rgba(240,233,220,.10); }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat-body{ color:#d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat-chev{ color:#9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat--schulen .hcu-mehr-cat-label{ color:#a78bfa; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat--sunnah  .hcu-mehr-cat-label{ color:#5fe3a6; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat--duas    .hcu-mehr-cat-label{ color:#d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat--wissen{ border-left-color:rgba(240,233,220,.25); }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat--wissen .hcu-mehr-cat-label{ color:#d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat--buch .hcu-mehr-cat-label,
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-cat--buch .uf-sec-title{ color:#9ec5e0; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-dua-ar{ color:#efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-dua-de{ color:#d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-dua-ref,
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-know .hcu-know-ref{ color:#9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-source{ color:#9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mehr-know{ border-bottom-color:rgba(240,233,220,.10); }
html[data-hc-theme="dark"] body.hcv2 .hcu-seal--rukn .hcu-seal-bar,
html[data-hc-theme="dark"] body.hcv2 .hcu-seal--rukn .hcu-seal-label,
html[data-hc-theme="dark"] body.hcv2 .hcu-seal--rukn .hcu-seal-row-label{ color:#d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hcu-seal--wajib .hcu-seal-bar,
html[data-hc-theme="dark"] body.hcv2 .hcu-seal--wajib .hcu-seal-label,
html[data-hc-theme="dark"] body.hcv2 .hcu-seal--wajib .hcu-seal-row-label{ color:#ef9f52; }
html[data-hc-theme="dark"] body.hcv2 .hcu-seal--sunnah .hcu-seal-bar,
html[data-hc-theme="dark"] body.hcv2 .hcu-seal--sunnah .hcu-seal-label,
html[data-hc-theme="dark"] body.hcv2 .hcu-seal--sunnah .hcu-seal-row-label{ color:#b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcu-seal-csq{ color:#d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcu-seal-sheet{ background:#1c1813; }
html[data-hc-theme="dark"] body.hcv2 .hcu-seal-sheet-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-seal-row{ border-bottom-color:rgba(240,233,220,.10); }
html[data-hc-theme="dark"] body.hcv2 .hcu-seal-row-csq{ color:#d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcu-seal-sheet-close{
  background:#1c1813; border-color:rgba(240,233,220,.12); color:#efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-loading,
html[data-hc-theme="dark"] body.hcv2 .hcu-empty{ color:#b3aa99 !important; }
html[data-hc-theme="dark"] body.hcv2 .hcu-error{ color:#f87171; }
html[data-hc-theme="dark"] body.hcv2 .hcu-bottom-cta{
  background:linear-gradient(180deg, rgba(20,17,12,0) 0%, rgba(20,17,12,.96) 30%);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-cta-side{
  background:#1c1813; border-color:rgba(240,233,220,.12); color:#efe9dc;
  box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-cta-side:hover:not(:disabled){ background:#241f17; }
html[data-hc-theme="dark"] body.hcv2 .hcu-cta-main{
  background:var(--v2u-acc-fill); color:#14110c; box-shadow:var(--v2u-acc-shadow);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-cta-main--complete{
  background:linear-gradient(135deg,#5fe3a6,#5fe3a6);
  color:#14110c;
  box-shadow:0 4px 12px rgba(11,125,61,.35);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-tracker{
  background:#1c1813; border-color:rgba(0,0,0,0.45); box-shadow:var(--v2u-card-shadow);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-tracker-title{ color:#efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcu-tracker-count{ color:var(--v2u-acc-ink); }
html[data-hc-theme="dark"] body.hcv2 .hcu-tracker-circle{
  background:#241f17; border-color:rgba(240,233,220,.12); color:#9c9284;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-tracker-circle.done{
  background:var(--v2u-acc-fill) !important;
  border-color:transparent !important;
  color:#14110c !important;
  box-shadow:var(--v2u-acc-shadow) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-tracker-btn--minus{
  background:#241f17; border-color:rgba(240,233,220,.12); color:#d0c9ba;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-tracker-btn--plus{
  background:var(--v2u-acc-fill); color:#14110c; box-shadow:var(--v2u-acc-shadow);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-picker-sheet{
  background:linear-gradient(180deg,#14110c 0%,#241f17 100%);
  border-color:rgba(240,233,220,.10); color:#efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-picker-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-picker-sub{ color:#b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card{
  background:#1c1813; border-color:rgba(240,233,220,.10); color:#efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card:hover{
  background:#1c1813; border-color:var(--v2u-acc-line);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card:has(.hcu-mode-badge-recommended){
  border-color:rgba(208,173,79,.45);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card:has(.hcu-mode-badge-recommended):hover{
  border-color:rgba(208,173,79,.60); background:#1c1813;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card--active{
  border-color:var(--v2-accent) !important;
  background:var(--v2-accent-soft) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card-name{ color:#efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card--active .hcu-mode-card-name{ color:var(--v2u-acc-ink); }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card-ar{ color:var(--v2u-acc-ink); }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card-meaning{ color:#d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card-tag--recommended{
  background:rgba(208,173,79,.16); color:#d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card-tag--linked{
  background:var(--v2-accent-soft); color:var(--v2u-acc-deep);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card-tag--hady{
  background:rgba(180,83,9,.12); color:#e0a15f;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card-check{ background:var(--v2u-acc-fill); color:#14110c; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-picker-close{
  background:#1c1813; border-color:rgba(240,233,220,.12); color:#efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-picker-close:hover{ background:#241f17; }
html[data-hc-theme="dark"] body.hcv2 .hcu-modes-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif); font-weight:600; color:#efe9dc !important;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-modes-subtitle{ color:#b3aa99 !important; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-name{ color:#efe9dc !important; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-card--active .hcu-mode-name{ color:var(--v2u-acc-ink) !important; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-name-ar{ color:#9c9284 !important; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-meaning{ color:#d0c9ba !important; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-flow{ background:#241f17; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-flow-num{
  background:rgba(208,173,79,.16); color:#d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-flow-text{ color:#d0c9ba !important; }
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-hady-info{
  background:rgba(180,83,9,.08); border-color:rgba(180,83,9,.25); color:#e0a15f;
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-badge-linked{
  background:var(--v2-accent-soft); border-color:var(--v2u-acc-line); color:var(--v2u-acc-deep);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-check{
  background:var(--v2u-acc-fill); color:#14110c; box-shadow:var(--v2u-acc-shadow);
}
html[data-hc-theme="dark"] body.hcv2 .hcu-mode-empty{ color:#b3aa99 !important; }

/* MODUL hub DUNKEL */
/* ═══ DAWN & DOME DARK · HARAM-HUB (Parallelblock zu 1560–2057) ═══ */

html[data-hc-theme="dark"] body.hcv2 .hub-screen {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(208,173,79,0.07) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(208,173,79,0.05) 0%, transparent 50%),
    linear-gradient(180deg, #14110c 0%, #1c1813 55%, #241f17 100%);
  color: #efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hub-overlay { background: rgba(0,0,0,0.6); }
html[data-hc-theme="dark"] body.hcv2 .hub-filter-sheet-overlay { background: rgba(0,0,0,0.6); }

html[data-hc-theme="dark"] body.hcv2 .hub-hdr-back,
html[data-hc-theme="dark"] body.hcv2 .hub-hdr-cog {
  background: rgba(208,173,79,0.10);
  border-color: rgba(208,173,79,0.28);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hub-hdr-back:active,
html[data-hc-theme="dark"] body.hcv2 .hub-hdr-cog:active { background: rgba(208,173,79,0.18); }
html[data-hc-theme="dark"] body.hcv2 .hub-hdr-eyebrow { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hub-hdr-title {
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600; /* Fix 7: 700 wird nicht geladen → 600 wie Home/Quran */
  letter-spacing: 0.01em;
  color: #efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hub-hdr-share {
  background: rgba(208,173,79,0.10);
  border-color: rgba(208,173,79,0.30);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hub-hdr-share:active { background: rgba(208,173,79,0.18); }

html[data-hc-theme="dark"] body.hcv2 .hub-mosque-switch {
  background: #241f17;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hub-mosque-tab { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hub-mosque-tab.active {
  background: #d8b356;
  color: #14110c;
  box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

html[data-hc-theme="dark"] body.hcv2 .hub-view-switch {
  background: #241f17;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hub-view-tab { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hub-view-tab.active {
  background: rgba(208,173,79,0.14);
  color: #d8b356;
}

html[data-hc-theme="dark"] body.hcv2 .hub-toolbar {
  background: #241f17;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hub-tool-filter { color: #d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hub-tool-filter.active {
  background: rgba(208,173,79,0.14) !important;
  border-color: rgba(208,173,79,0.40) !important;
  color: #d8b356 !important;
}

html[data-hc-theme="dark"] body.hcv2 .hub-filter-chip {
  background: #1c1813;
  border-color: rgba(240,233,220,0.10);
  color: #d0c9ba;
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-chip.active {
  background: rgba(208,173,79,0.16);
  border-color: rgba(208,173,79,0.45);
  color: #d8b356;
}

html[data-hc-theme="dark"] body.hcv2 .hub-point-card {
  background: #1c1813;
  border-color: rgba(240,233,220,0.10);
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 10px 30px rgba(0,0,0,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hub-point-card:active { background: #14110c; }
html[data-hc-theme="dark"] body.hcv2 .hub-point-card.recommended {
  background: linear-gradient(135deg, rgba(208,173,79,0.10), #1c1813 60%);
  border-color: rgba(208,173,79,0.45);
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 10px 30px rgba(208,173,79,0.12);
}
html[data-hc-theme="dark"] body.hcv2 .hub-point-num {
  background: rgba(208,173,79,0.14);
  border: 1px solid rgba(208,173,79,0.35);
  color: #d8b356;
  box-shadow: none;
}
html[data-hc-theme="dark"] body.hcv2 .hub-point-num.fix {
  background: rgba(208,173,79,0.18);
  border-color: rgba(208,173,79,0.45);
  color: #d8b356;
  box-shadow: none;
}
html[data-hc-theme="dark"] body.hcv2 .hub-point-name { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hub-point-name-ar { color: #d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hub-point-desc { color: #d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hub-point-photo {
  background: linear-gradient(135deg, rgba(208,173,79,0.08), rgba(208,173,79,0.03));
  border-color: rgba(240,233,220,0.08);
}
html[data-hc-theme="dark"] body.hcv2 .hub-point-tag {
  background: #241f17;
  color: #b3aa99;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hub-point-tag.tag-pos {
  background: rgba(208,173,79,0.12);
  color: #d8b356;
  border-color: rgba(208,173,79,0.30);
}
html[data-hc-theme="dark"] body.hcv2 .hub-point-tag.tag-acc {
  background: rgba(52,211,153,0.12);
  color: #5fe3a6;
  border-color: rgba(52,211,153,0.30);
}
html[data-hc-theme="dark"] body.hcv2 .hub-point-tag.tag-esc,
html[data-hc-theme="dark"] body.hcv2 .hub-point-tag.tag-stroller,
html[data-hc-theme="dark"] body.hcv2 .hub-point-tag.tag-info {
  background: #241f17;
  color: #d0c9ba;
  border-color: rgba(240,233,220,0.12);
}
html[data-hc-theme="dark"] body.hcv2 .hub-point-tag.tag-umra-entry,
html[data-hc-theme="dark"] body.hcv2 .hub-point-tag.tag-umra-exit {
  background: rgba(208,173,79,0.16);
  color: #d8b356;
  border-color: rgba(208,173,79,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hub-tag {
  background: #241f17;
  color: #b3aa99;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hub-tag.tag-pos {
  background: rgba(208,173,79,0.12);
  color: #d8b356;
  border-color: rgba(208,173,79,0.30);
}
html[data-hc-theme="dark"] body.hcv2 .hub-tag.tag-acc {
  background: rgba(52,211,153,0.12);
  color: #5fe3a6;
  border-color: rgba(52,211,153,0.30);
}
html[data-hc-theme="dark"] body.hcv2 .hub-tag.tag-esc,
html[data-hc-theme="dark"] body.hcv2 .hub-tag.tag-stroller,
html[data-hc-theme="dark"] body.hcv2 .hub-tag.tag-info {
  background: #241f17;
  color: #d0c9ba;
  border-color: rgba(240,233,220,0.12);
}
html[data-hc-theme="dark"] body.hcv2 .hub-tag.tag-umra-entry,
html[data-hc-theme="dark"] body.hcv2 .hub-tag.tag-umra-exit {
  background: rgba(208,173,79,0.16);
  color: #d8b356;
  border-color: rgba(208,173,79,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hub-empty { color: #b3aa99; }

html[data-hc-theme="dark"] body.hcv2 .hub-map-wrap { border-color: rgba(240,233,220,0.10); }
html[data-hc-theme="dark"] body.hcv2 #hub-map { background: #241f17; }
html[data-hc-theme="dark"] body.hcv2 .hub-map-btn {
  background: rgba(20,17,12,0.92);
  border-color: rgba(240,233,220,0.14);
  color: #efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hub-map-locate {
  background: #d8b356;
  border-color: #d8b356;
  color: #14110c;
}
html[data-hc-theme="dark"] body.hcv2 .hub-map-legend {
  background: rgba(20,17,12,0.92);
  border-color: rgba(240,233,220,0.12);
  color: #d0c9ba;
}
html[data-hc-theme="dark"] body.hcv2 .leaflet-control-zoom {
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 6px 18px rgba(0,0,0,0.45) !important;
}
html[data-hc-theme="dark"] body.hcv2 .leaflet-control-zoom a {
  background: rgba(20,17,12,0.92) !important;
  color: #efe9dc !important;
  border: 1px solid rgba(240,233,220,0.14) !important;
}
html[data-hc-theme="dark"] body.hcv2 .leaflet-control-zoom a:hover {
  background: #1c1813 !important;
}
html[data-hc-theme="dark"] body.hcv2 .leaflet-control-attribution {
  background: rgba(20,17,12,0.75) !important;
  color: #b3aa99 !important;
}
html[data-hc-theme="dark"] body.hcv2 .leaflet-control-attribution a { color: #d0c9ba !important; }

html[data-hc-theme="dark"] body.hcv2 .leaflet-popup-content-wrapper {
  background: #1c1813 !important;
  color: #efe9dc !important;
  border-color: rgba(240,233,220,0.12);
}
html[data-hc-theme="dark"] body.hcv2 .leaflet-popup-tip { background: #1c1813 !important; }
html[data-hc-theme="dark"] body.hcv2 .leaflet-popup-close-button { color: #b3aa99 !important; }
html[data-hc-theme="dark"] body.hcv2 .hub-popup-name { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hub-popup-ar { color: #d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hub-popup-desc { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hub-popup-meta { color: #d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hub-popup-meta b { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hub-popup-btn {
  background: #d8b356;
  color: #14110c;
}
html[data-hc-theme="dark"] body.hcv2 .hub-popup-btn-navi {
  background: #d8b356 !important;
  color: #14110c !important;
}
html[data-hc-theme="dark"] body.hcv2 .hub-popup-received .hub-popup-tag {
  color: #d8b356;
  background: rgba(208,173,79,0.16);
  border-color: rgba(208,173,79,0.45);
}

html[data-hc-theme="dark"] body.hcv2 .hub-detail-name {
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600; /* Fix 7 */
  color: #efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hub-detail-name-ar { color: #d0c9ba; }
html[data-hc-theme="dark"] body.hcv2 .hub-detail-photo {
  background: linear-gradient(135deg, rgba(208,173,79,0.10), rgba(208,173,79,0.04));
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hub-detail-photo-placeholder { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hub-detail-card {
  background: #1c1813;
  border-color: rgba(240,233,220,0.10);
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 10px 30px rgba(0,0,0,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hub-detail-card-eyebrow { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hub-detail-card-text { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hub-detail-tips-card {
  background: linear-gradient(135deg, rgba(208,173,79,0.16), rgba(208,173,79,0.05));
  border-color: rgba(208,173,79,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hub-detail-tips-card .hub-detail-card-eyebrow { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hub-detail-minimap { border-color: rgba(240,233,220,0.10); }
html[data-hc-theme="dark"] body.hcv2 .hub-detail-coords { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hub-detail-btn-primary,
html[data-hc-theme="dark"] body.hcv2 .hub-detail-btn-navi {
  background: #d8b356;
  color: #14110c;
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 6px 18px rgba(208,173,79,0.18);
}
html[data-hc-theme="dark"] body.hcv2 .hub-detail-btn-secondary {
  background: rgba(208,173,79,0.10);
  color: #d8b356;
  border-color: rgba(208,173,79,0.40);
}
html[data-hc-theme="dark"] body.hcv2 .hub-detail-btn-secondary:active { background: rgba(208,173,79,0.18); }

html[data-hc-theme="dark"] body.hcv2 .hub-meetup-sheet {
  background: linear-gradient(180deg, #14110c 0%, #241f17 100%);
  border-top-color: rgba(208,173,79,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-grabber { background: rgba(240,233,220,0.18); }
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-eyebrow { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-title {
  font-family: var(--v2-serif, 'Fraunces', Georgia, serif);
  font-weight: 600; /* Fix 7 */
  color: #efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-close {
  background: #241f17;
  border-color: rgba(240,233,220,0.12);
  color: #b3aa99;
}
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-code-label { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-code { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-subtitle { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-noteinput {
  background: #1c1813;
  border-color: rgba(240,233,220,0.12);
}
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-noteinput input { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-noteinput input::placeholder { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-btn-navi {
  background: #d8b356;
  color: #14110c;
}
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-btn-secondary {
  background: #1c1813;
  color: #d0c9ba;
  border-color: rgba(240,233,220,0.12);
}
html[data-hc-theme="dark"] body.hcv2 .hub-meetup-disclaimer { color: #9c9284; }

html[data-hc-theme="dark"] body.hcv2 .hub-filter-btn {
  background: #1c1813;
  border-color: rgba(240,233,220,0.12);
  color: #efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-btn-arrow { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hub-filter-panel {
  background: #1c1813;
  border-color: rgba(240,233,220,0.12);
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-option {
  background: #241f17;
  border-color: rgba(240,233,220,0.08);
  color: #d0c9ba;
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-option.active {
  background: rgba(208,173,79,0.16);
  border-color: rgba(208,173,79,0.45);
  color: #d8b356;
}

html[data-hc-theme="dark"] body.hcv2 .hub-filter-sheet {
  background: linear-gradient(180deg, #1c1813 0%, #14110c 100%);
  border-color: rgba(240,233,220,0.10);
  box-shadow: 0 -8px 32px rgba(0,0,0,0.45);
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-handle { background: rgba(240,233,220,0.18); }
html[data-hc-theme="dark"] body.hcv2 .hub-filter-title { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hub-filter-count { color: #d8b356; }
html[data-hc-theme="dark"] body.hcv2 .hub-filter-search {
  background: #241f17;
  color: #efe9dc;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-search::placeholder { color: #9c9284 !important; }
html[data-hc-theme="dark"] body.hcv2 .hub-filter-search:focus {
  border-color: rgba(208,173,79,0.50);
  background: #1c1813;
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-section-title { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hub-filter-chips .hub-filter-chip,
html[data-hc-theme="dark"] body.hcv2 .hub-filter-sheet .hub-filter-chip {
  background: #241f17;
  color: #d0c9ba;
  border-color: rgba(240,233,220,0.10);
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-chip.on {
  background: rgba(208,173,79,0.14);
  border-color: rgba(208,173,79,0.40);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-chip.gold.on {
  background: rgba(208,173,79,0.18);
  border-color: rgba(208,173,79,0.50);
  color: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-chip.blue.on {
  background: rgba(37,99,235,0.10);
  border-color: rgba(37,99,235,0.30);
  color: #60a5fa;
}
html[data-hc-theme="dark"] body.hcv2 .hub-filter-chip.pink.on {
  background: rgba(219,39,119,0.10);
  border-color: rgba(219,39,119,0.30);
  color: #f472b6;
}

html[data-hc-theme="dark"] body.hcv2 .hub-exit-cta { color: #efe9dc; }
html[data-hc-theme="dark"] body.hcv2 .hub-exit-cta-sub { color: #b3aa99; }
html[data-hc-theme="dark"] body.hcv2 .hub-exit-option {
  background: #1c1813;
  border-color: rgba(240,233,220,0.12);
  color: #efe9dc;
}
html[data-hc-theme="dark"] body.hcv2 .hub-exit-option-arrow { color: #9c9284; }
html[data-hc-theme="dark"] body.hcv2 .hub-exit-result {
  background: #1c1813;
  border-color: rgba(240,233,220,0.12);
}
html[data-hc-theme="dark"] body.hcv2 .hub-exit-result-name { color: #efe9dc; }

html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-hdr-back,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-hdr-cog,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-hdr-share {
  background: rgba(208,173,79,0.10);
  border-color: rgba(208,173,79,0.30);
  color: #d8b356;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-hdr-back:active,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-hdr-cog:active,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-hdr-share:active { background: rgba(208,173,79,0.18); }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-hdr-eyebrow { color: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-mosque-tab.active {
  background: #d8b356;
  color: #14110c;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-view-tab.active {
  background: rgba(208,173,79,0.13);
  color: #d8b356; /* Fix 13 */
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-tool-filter.active {
  background: rgba(208,173,79,0.13) !important;
  border-color: rgba(208,173,79,0.40) !important;
  color: #d8b356 !important; /* Fix 13 */
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-point-num:not(.fix) {
  background: rgba(208,173,79,0.12);
  border-color: rgba(208,173,79,0.35);
  color: #d8b356;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-point-card.recommended .hub-point-num:not(.fix) {
  background: linear-gradient(135deg, #d0ad4f 0%, #d8b356 100%);
  border-color: rgba(208,173,79,0.45);
  color: #f4efe4;
  box-shadow: 0 2px 6px rgba(212,168,67,0.4);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-point-tag.tag-pos {
  background: rgba(208,173,79,0.11);
  color: #d8b356;
  border-color: rgba(208,173,79,0.30);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-tag.tag-pos {
  background: rgba(208,173,79,0.11);
  color: #d8b356;
  border-color: rgba(208,173,79,0.30);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-map-locate {
  background: #d8b356;
  border-color: #d8b356;
  color: #14110c;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-popup-btn {
  background: #d8b356;
  color: #14110c;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-popup-btn-navi {
  background: #d8b356 !important;
  color: #14110c !important;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-detail-card-eyebrow { color: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-detail-btn-primary,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-detail-btn-navi,
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-meetup-btn-navi {
  background: #d8b356;
  color: #14110c;
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 6px 18px rgba(208,173,79,0.18);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-detail-btn-secondary {
  background: rgba(208,173,79,0.10);
  color: #d8b356;
  border-color: rgba(208,173,79,0.40);
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-detail-btn-secondary:active { background: rgba(208,173,79,0.18); }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-filter-count { color: #d8b356; }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-filter-search:focus { border-color: rgba(208,173,79,0.50); }
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2 .hub-filter-chip.on:not(.gold):not(.blue):not(.pink) {
  background: rgba(208,173,79,0.12);
  border-color: rgba(208,173,79,0.40);
  color: #d8b356;
}

/* MODUL settings DUNKEL */
/* ═══ DAWN & DOME DARK · MODUL EINSTELLUNGEN ═══ */
html[data-hc-theme="dark"] body.hcv2{
  --v2set-acc:       #d8b356;
  --v2set-acc-soft:  rgba(208,173,79,.14);
  --v2set-acc-line:  rgba(208,173,79,.40);
  --v2set-acc-title: #d8b356;
}
html[data-city="madinah"][data-hc-theme="dark"] body.hcv2{
  --v2set-acc:       #d8b356;
  --v2set-acc-soft:  rgba(208,173,79,.14);
  --v2set-acc-line:  rgba(208,173,79,.40);
  --v2set-acc-title: #d8b356;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-settings-screen{
  background:#14110c !important;
  color:#efe9dc !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-statusbar{
  color:#9c9284 !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-offline-pill{
  background:rgba(52,211,153,.10) !important;
  border-color:rgba(52,211,153,.30) !important;
  color:#34d399 !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-offline-pill::before{
  background:#34d399 !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-hdr-back{
  background:#1c1813 !important;
  border-color:rgba(240,233,220,.12) !important;
  color:#efe9dc !important;
  box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-hdr-back:active{
  background:#241f17 !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-settings-hdr-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif) !important;
  font-weight:600 !important;
  letter-spacing:.2px !important;
  color:#efe9dc !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-section-title{
  color:#9c9284 !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item{
  background:#1c1813 !important;
  border-color:rgba(240,233,220,.10) !important;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item:hover,
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item:focus-visible{
  background:#1c1813 !important;
  border-color:var(--v2set-acc-line) !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item:active{
  background:#241f17 !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item-icon{
  background:var(--v2set-acc-soft) !important;
  color:var(--v2set-acc) !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item-title{
  color:#efe9dc !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item-desc{
  color:#b3aa99 !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-item-val{
  background:#241f17 !important;
  color:#d0c9ba !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-toggle{
  background:var(--v2set-acc) !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-set-toggle.off{
  background:rgba(240,233,220,.18) !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-size-btn{
  background:#1c1813 !important;
  border-color:rgba(240,233,220,.14) !important;
  color:#d0c9ba !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-size-btn:hover{
  background:#241f17 !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#hc-settings-modal,#hc-settings-inline) .hc-size-btn.active{
  background:var(--v2set-acc) !important;
  border-color:var(--v2set-acc) !important;
  color:#14110c !important;
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-overlay{
  background:rgba(0,0,0,0.35) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-sheet{
  background:#1c1813 !important;
  border-top-color:rgba(240,233,220,.10) !important;
  box-shadow:0 -12px 40px rgba(0,0,0,0.45);
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-handle{
  background:rgba(240,233,220,.18) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif) !important;
  font-weight:600 !important;
  color:#efe9dc !important;
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-item{
  background:#14110c !important;
  border-color:rgba(240,233,220,.10) !important;
  color:#efe9dc !important;
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-item:hover{
  background:#241f17 !important;
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-item.active{
  background:var(--v2set-acc-soft) !important;
  border-color:var(--v2set-acc-line) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-item-label{
  color:#efe9dc !important;
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-item-sub{
  color:#b3aa99 !important;
}
html[data-hc-theme="dark"] body.hcv2 #hc-settings-picker .hc-picker-check{
  background:var(--v2set-acc) !important;
  color:#14110c !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-overlay{
  background:rgba(0,0,0,0.35) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card{
  background:#1c1813 !important;
  border-color:rgba(240,233,220,.12) !important;
  color:#efe9dc !important;
  box-shadow:0 1px 2px rgba(0,0,0,0.35), 0 24px 64px rgba(0,0,0,0.45) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-header{
  background:linear-gradient(180deg,var(--v2set-acc-soft) 0%,transparent 100%) !important;
  border-bottom-color:rgba(240,233,220,.10) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-title{
  font-family:var(--v2-serif,'Fraunces',Georgia,serif) !important;
  font-weight:600 !important;
  color:var(--v2set-acc-title) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-close{ color:#9c9284 !important; }
html[data-hc-theme="dark"] body.hcv2 #hcgs-close:hover{
  background:#241f17 !important; color:#efe9dc !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-section-title{ color:#9c9284 !important; }
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-row,
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-row-vert{
  background:#14110c !important;
  border-color:rgba(240,233,220,.10) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-label{ color:#efe9dc !important; }
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-pillgroup{
  background:rgba(240,233,220,.06) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-pill{ color:#b3aa99 !important; }
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-pill:not(.active):hover{
  color:#efe9dc !important; background:rgba(240,233,220,.05) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-pill.active{
  background:var(--v2set-acc) !important; color:#14110c !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-radio{ color:#d0c9ba !important; }
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-radio-circle{
  border-color:rgba(240,233,220,.30) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-radio.active .hcgs-radio-circle{
  border-color:var(--v2set-acc) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-radio.active .hcgs-radio-circle::after{
  background:var(--v2set-acc) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-toggle{
  background:rgba(240,233,220,.18) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-toggle::after{
  background:#1c1813 !important;
  box-shadow:0 1px 3px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-toggle.on{
  background:var(--v2set-acc) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-toggle.on::after{
  background:#14110c !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-footer{
  border-top-color:rgba(240,233,220,.10) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-reload-hint{ color:#b3aa99 !important; }
html[data-hc-theme="dark"] body.hcv2 #hcgs-reload-btn{
  background:#5fe3a6 !important; color:#14110c !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-reset-btn{
  color:#b3aa99 !important; border-color:rgba(240,233,220,.16) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-reset-btn:hover{
  color:#efe9dc !important; border-color:rgba(240,233,220,.30) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-lang-pill{
  background:#14110c !important;
  border-color:rgba(240,233,220,.12) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-lang-pill:hover{
  border-color:var(--v2set-acc-line) !important;
  background:var(--v2set-acc-soft) !important;
}
html[data-hc-theme="dark"] body.hcv2 #hcgs-card .hcgs-lang-pill.active{
  background:var(--v2set-acc-soft) !important;
  border-color:var(--v2set-acc) !important;
  box-shadow:0 0 0 2px var(--v2set-acc-soft) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hcgs-trigger{
  background:var(--v2set-acc-soft);
  border-color:var(--v2set-acc-line);
  color:var(--v2set-acc);
}
html[data-hc-theme="dark"] body.hcv2 .hcgs-trigger:hover{
  background:var(--v2set-acc-soft);
  border-color:var(--v2set-acc);
  transform:translateY(-1px);
}
html[data-hc-theme="dark"] body.hcv2 .hc-stx-eyebrow{ color:#9c9284 !important; }
html[data-hc-theme="dark"] body.hcv2 .hc-stx-list{
  background:#1c1813 !important;
  border-color:rgba(240,233,220,.10) !important;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html[data-hc-theme="dark"] body.hcv2 .hc-stx-row{
  border-bottom-color:rgba(240,233,220,.08) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hc-stx-title{ color:#efe9dc !important; }
html[data-hc-theme="dark"] body.hcv2 .hc-stx-sub{ color:#b3aa99 !important; }
html[data-hc-theme="dark"] body.hcv2 .hc-stx-info-text{ color:#9c9284 !important; }
html[data-hc-theme="dark"] body.hcv2 .hc-stx-input-label{ color:#9c9284 !important; }
html[data-hc-theme="dark"] body.hcv2 .hc-stx-input{
  background:#1c1813 !important;
  border-color:rgba(240,233,220,.14) !important;
  color:#efe9dc !important;
}
html[data-hc-theme="dark"] body.hcv2 .hc-stx-input:focus{
  border-color:var(--v2set-acc) !important;
  background:var(--v2set-acc-soft) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hc-stx-hid-card{
  background:var(--v2set-acc-soft) !important;
  border-color:var(--v2set-acc-line) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hc-stx-hid-label{ color:#9c9284 !important; }
html[data-hc-theme="dark"] body.hcv2 .hc-stx-hid-value{ color:var(--v2set-acc) !important; }
html[data-hc-theme="dark"] body.hcv2 .hc-stx-btn-pri{
  background:var(--v2set-acc) !important; color:#14110c !important;
}
html[data-hc-theme="dark"] body.hcv2 .hc-stx-btn-sec-full{
  color:#b3aa99 !important;
  border-color:rgba(240,233,220,.16) !important;
}
html[data-hc-theme="dark"] body.hcv2 .hc-stx-btn-sec-full:hover{
  background:#241f17 !important;
}
html[data-hc-theme="dark"] body.hcv2 :is(#privacy-settings-body,#dash-settings-body) .toggle-switch.active{
  background:var(--v2set-acc) !important;
  border-color:var(--v2set-acc) !important;
}
/* ═══ ENDE DAWN & DOME DARK: SETTINGS ═══ */