/* ═══════════════════════════════════════════════════════════════════════════
   HARAMAIN COMPANION · hc-settings-unify.css
   Einheitlicher Settings-Stil: Modul-Einstellungen (Adhkar/Miqāt/Planner)
   verwenden den App-Gold-Akzent statt Teal — konsistent mit den
   Haupteinstellungen (HC_Settings) und dem Rest der App.
   Rein additiv (nur Farben, !important, spät geladen) — keine Layout-Änderung.
   v1 · 09.06.2026
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Toggle „an" → Gold (statt Teal #2dd4bf) ─────────────────────────────── */
.hca-toggle.hca-on,
.hcmq-toggle.hcmq-on,
.hcpl-toggle.hcpl-on {
  background: var(--color-gold, #c9a84c) !important;
}

/* ── Segment „aktiv" → Gold ──────────────────────────────────────────────── */
.hca-seg-opt.hca-active,
.hcmq-seg-opt.hcmq-active,
.hcpl-seg-opt.hcpl-active {
  background: rgba(201, 168, 76, 0.16) !important;
  border-color: rgba(201, 168, 76, 0.50) !important;
  color: var(--color-gold, #c9a84c) !important;
}

/* ── Section-Titel → Gold, einheitlich (wie globale Settings) ────────────── */
.hca-settings-title,
.hcmq-settings-title,
.hcpl-settings-title {
  color: var(--color-gold, #c9a84c) !important;
}

/* ── Fokus-/Aktiv-Ränder (Sprach-Link etc.) bleiben Gold — schon gesetzt ─── */

/* ── Light-Mode der Module ebenfalls auf Gold ────────────────────────────── */
#hca-modal[data-light="on"]  .hca-toggle.hca-on,
#hcmq-modal[data-light="on"] .hcmq-toggle.hcmq-on,
#hcpl-modal[data-light="on"] .hcpl-toggle.hcpl-on {
  background: #b89539 !important;
}
#hca-modal[data-light="on"]  .hca-seg-opt.hca-active,
#hcmq-modal[data-light="on"] .hcmq-seg-opt.hcmq-active,
#hcpl-modal[data-light="on"] .hcpl-seg-opt.hcpl-active {
  background: rgba(184, 149, 57, 0.18) !important;
  border-color: rgba(184, 149, 57, 0.55) !important;
  color: #8a6d1f !important;
}

/* ── Madinah-Settings: Toggle-an → Gold (statt Teal --hcm-cat-nabawi) ────── */
.hcm-set-toggle--on { background: var(--color-gold, #c9a84c) !important; }

/* ── Quran-Settings: aktiver Pill + Akzent → Gold (statt --hcq-teal) ─────── */
.hcq-settings-pill.is-active {
  background: var(--color-gold, #c9a84c) !important;
  border-color: var(--color-gold, #c9a84c) !important;
}
.hcq-settings-row { border-color: var(--color-gold, #c9a84c) !important; }

/* Fiqh-QA nutzt bereits --hcfq-gold für Settings → keine Änderung nötig. */

/* ── Settings-MERGE: HC_Settings-Sektionen inline auf der Settings-Seite ──────
   Modal-Canvas scrollt (flex/overflow) — inline soll normal mitfließen. ────── */
#hc-settings-inline { display: block; }
#hc-settings-inline .hc-settings-inline-canvas {
  flex: none !important;
  overflow: visible !important;
  height: auto !important;
  padding: 0 0 12px !important;
}