/* ═══════════════════════════════════════════════════════════════════════════
   HARAMAIN COMPANION · ʿUMRA-FIQH · Styling (eine Klapp-Kachel pro Schritt)
   v0.5 · 09.06.2026
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'AmiriUF';
  src: url('Amiri-Bold.ttf') format('truetype');
  font-weight: 400 700;
  font-display: swap;
}

/* Quellenangabe in der Schritt-Karte (Ibn ʿUthaymīn …) ausblenden — Nutzerwunsch */
.hcu-hero-source { display: none !important; }

.umra-fiqh-wrap {
  --uf-gold:   var(--color-gold, #c9a84c);
  --uf-text:   var(--color-text, #eceae3);
  --uf-muted:  #9aa1a8;
  --uf-card:   rgba(255, 255, 255, .04);
  --uf-border: rgba(255, 255, 255, .10);
  margin: 10px 16px 0;
}

/* Tracker-Container (vorhandener App-Tracker) — sichtbar über der Kachel */
.umra-fiqh-wrap .uf-tracker { margin: 0 0 10px; }

/* ── Die Klapp-Kachel ─────────────────────────────────────────────────────── */
.umra-fiqh-wrap .umra-fiqh {
  border: 1px solid var(--uf-border);
  border-radius: 13px;
  background: var(--uf-card);
  overflow: hidden;
}
.umra-fiqh-wrap .uf-toggle {
  display: flex; align-items: center; gap: 10px;
  width: 100%; padding: 13px 14px;
  background: transparent; border: 0; cursor: pointer;
  text-align: start; color: inherit; font: inherit;
}
.umra-fiqh-wrap .uf-toggle-ic { font-size: 16px; line-height: 1; }
.umra-fiqh-wrap .uf-toggle-label { flex: 1 1 auto; font-size: 13.5px; font-weight: 600; color: var(--uf-gold); }
.umra-fiqh-wrap .uf-count {
  font-size: 11px; font-weight: 700; color: var(--uf-gold);
  background: rgba(201, 168, 76, .14); border: 1px solid rgba(201, 168, 76, .3);
  border-radius: 999px; padding: 2px 8px;
}
.umra-fiqh-wrap .uf-chev { font-size: 13px; color: var(--uf-muted); transition: transform .2s ease; }
.umra-fiqh-wrap .umra-fiqh.is-open .uf-chev { transform: rotate(180deg); }

/* Panel: standardmäßig ZU */
.umra-fiqh-wrap .uf-panel { display: none; padding: 2px 14px 12px; }
.umra-fiqh-wrap .umra-fiqh.is-open .uf-panel { display: block; }

/* ── Einzelne Abschnitte (nur Übersetzung, kein Arabisch-Block) ───────────── */
.umra-fiqh-wrap .uf-sec {
  padding: 11px 0;
  border-top: 1px solid var(--uf-border);
}
.umra-fiqh-wrap .uf-sec:first-child { border-top: 0; }
.umra-fiqh-wrap .uf-sec-title {
  font-size: 13px; font-weight: 700; color: var(--uf-gold);
  margin-bottom: 6px; line-height: 1.35;
}
.umra-fiqh-wrap .uf-sec-text {
  font-size: 13.5px; line-height: 1.62; color: var(--uf-text);
  white-space: pre-line;
}
/* RTL-Sprachen (ar/fa/ur) — Amiri + rechtsbündig */
.umra-fiqh-wrap .uf-sec-text[dir="rtl"],
.umra-fiqh-wrap .uf-sec-title[dir="rtl"] {
  font-family: 'AmiriUF', 'Amiri', 'Scheherazade New', serif;
  text-align: right;
}
.umra-fiqh-wrap .uf-sec-text[dir="rtl"] { font-size: 17px; line-height: 2.0; }

@media (hover: hover) {
  .umra-fiqh-wrap .uf-toggle:hover { background: rgba(255, 255, 255, .025); }
}
.umra-fiqh-wrap .uf-toggle:focus-visible { outline: 2px solid var(--uf-gold); outline-offset: -2px; }