/**
 * Quran Surah Reader Stylesheet
 * 
 * Specialized typography and layout for Quranic verses, Amiri font, and interactive filters.
 *
 * @package AL_Muslim_Hindi
 */

:root {
  --ink-teal: #0d3b2e;
  --deep-teal: #0a2b21;
  --gold-accent: #c9a227;
  --card-surface: #FFFDF8;
  --card-border: #E6DBC2;
  --chip-bg: #eef4f1;
  --ayat-divider: #EFE7D3;
  --text-dark-teal: #17302B;
}

[data-theme="dark"] {
  --ink-teal: #4FA88C;
  --deep-teal: #061e17;
  --gold-accent: #E3C25C;
  --card-surface: #142822;
  --card-border: #23392F;
  --chip-bg: rgba(79, 168, 140, 0.12);
  --ayat-divider: #23392F;
  --text-dark-teal: #F3EEDF;
}

.almuslim-quran-reader {
  font-family: var(--font-primary, 'Outfit', sans-serif);
}

.surah-hero-card {
  transition: transform var(--transition-normal);
}

.ayat-card {
  scroll-margin-top: 180px;
  background: var(--card-surface, #FFFDF8);
  border: 1px solid var(--card-border, #E6DBC2);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.ayat-card:hover {
  border-color: rgba(201, 162, 39, 0.5);
  box-shadow: 0 4px 12px rgba(13, 59, 46, 0.06);
}

.ayat-arabic-block {
  font-family: 'Amiri', 'Traditional Arabic', serif;
  font-feature-settings: "cv01" on, "ss01" on;
}

[data-theme="dark"] .ayat-card {
  background: #142822 !important;
  border-color: #243E33 !important;
}

[data-theme="dark"] .btn-ayat-share,
[data-theme="dark"] .btn-ayat-save {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: #243E33 !important;
  color: #D5CEC0 !important;
}

[data-theme="dark"] .ayat-hindi-trans {
  background: rgba(0, 143, 107, 0.12) !important;
  color: #4FA88C !important;
}

[data-theme="dark"] .tarjuma-kanzul-iman {
  background: rgba(201, 162, 39, 0.1) !important;
  border-color: transparent !important;
  border-left-color: #C9A227 !important;
}

[data-theme="dark"] .tarjuma-kanzul-irfan {
  background: rgba(0, 143, 107, 0.1) !important;
  border-color: transparent !important;
  border-left-color: #008F6B !important;
}

[data-theme="dark"] .tarjuma-kanzul-iman p,
[data-theme="dark"] .tarjuma-kanzul-irfan p {
  color: #E8E2D2 !important;
}

/* Visibility classes toggled via filter pills */
.hide-arabic-text .ayat-arabic-block {
  display: none !important;
}

.hide-hindi-trans .ayat-hindi-trans {
  display: none !important;
}

.hide-kanzul-iman .tarjuma-kanzul-iman {
  display: none !important;
}

.hide-kanzul-irfan .tarjuma-kanzul-irfan {
  display: none !important;
}

.quran-toggle-pill.inactive {
  background: var(--card-surface) !important;
  color: var(--text-dark-teal) !important;
  border-color: var(--card-border) !important;
}

.quran-toggle-pill.inactive .pill-indicator {
  background: var(--color-text-muted, #80868B) !important;
}