/* Tajweed Styling */
.quran-tajweed-section {
  margin-top: 20px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #f0f8f4 0%, #e8f5f1 100%);
  border-right: 4px solid #0a7d38;
  border-radius: 6px;
  direction: rtl;
}

.quran-tajweed-heading {
  font-weight: bold;
  color: #0a7d38;
  margin-bottom: 12px;
  font-size: 15px;
  text-align: right;
}

.quran-tajweed-content {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.5px;
  color: #1a1a1a;
  margin: 0;
  text-align: right;
}

/* Loading state */
.quran-tajweed-loading {
  opacity: 0.6;
}

/* Keep old class for backward compatibility */
.quran-tajweed-container {
  margin-top: 16px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #f0f8f4 0%, #e8f5f1 100%);
  border-right: 4px solid #0a7d38;
  border-radius: 6px;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.5px;
  color: #1a1a1a;
}

/* ========================================
   Quran.com Tajweed API Styles
   Classes used by: https://api.quran.com/api/v4/quran/verses/uthmani_tajweed
   ======================================== */

/* Hamzat Wasl (همزة الوصل) - Silent hamza */
.ham_wasl,
tajweed.ham_wasl {
  color: #AAAAAA;
}

/* Laam Shamsiyah (لام شمسية) - Assimilated laam */
.laam_shamsiyah,
tajweed.laam_shamsiyah {
  color: #AAAAAA;
}

/* Madda Normal (مد طبيعي) - Natural prolongation */
.madda_normal,
tajweed.madda_normal {
  color: #537FFF;
}

/* Madda Permissible (مد جائز) - Permissible prolongation */
.madda_permissible,
tajweed.madda_permissible {
  color: #4050FF;
}

/* Madda Munfasil (مد منفصل) - Separated prolongation */
.madda_munfasil,
tajweed.madda_munfasil {
  color: #4050FF;
}

/* Madda Muttasil (مد متصل) - Connected prolongation */
.madda_muttasil,
tajweed.madda_muttasil {
  color: #000EBC;
}

/* Madda Obligatory (مد لازم) - Obligatory prolongation */
.madda_obligatory,
tajweed.madda_obligatory {
  color: #000080;
}

/* Qalqalah (قلقلة) - Echoing/Bouncing sound */
.qalpiblah,
tajweed.qalqalah {
  color: #DD0008;
}

/* Idgham with Ghunnah (إدغام بغنة) */
.ikhafa_shafawi,
tajweed.ikhafa_shafawi {
  color: #D500B7;
}

/* Ikhafa (إخفاء) - Hiding */
.ikhafa,
tajweed.ikhafa {
  color: #9400A8;
}

/* Ghunnah (غنة) - Nasalization */
.ghunnah,
tajweed.ghunnah {
  color: #FF7E1E;
}

/* Idgham (إدغام) - Assimilation without ghunnah */
.idgham_wo_ghunnah,
tajweed.idgham_wo_ghunnah {
  color: #169777;
}

/* Idgham with Ghunnah */
.idgham_ghunnah,
tajweed.idgham_ghunnah {
  color: #169200;
}

/* Idgham Mutajanisayn */
.idgham_mutajanisayn,
tajweed.idgham_mutajanisayn {
  color: #A1A1A1;
}

/* Idgham Mutaqaribayn */
.idgham_mutaqaribayn,
tajweed.idgham_mutaqaribayn {
  color: #A1A1A1;
}

/* Idgham Shafawi (إدغام شفوي) */
.idgham_shafawi,
tajweed.idgham_shafawi {
  color: #169200;
}

/* Iqlab (إقلاب) - Conversion */
.iqlab,
tajweed.iqlab {
  color: #26BFFD;
}

/* Slnt - Silent letters */
.slnt,
tajweed.slnt {
  color: #AAAAAA;
}

/* General tajweed element styling */
tajweed {
  font-weight: inherit;
}