/* NUHA Build 238 — Khotmil Quran polish.
   Scope: menu Amaliyah + reader Doa Khotmil Qur'an saja.
   Tidak menyentuh Mushaf/QCF4. */

/* ===== Kartu utama Amaliyah: seragam dengan kategori lain ===== */
.amaliyah-category.khotmil-category{
  grid-column:auto;
  min-height:84px;
}
.amaliyah-category.khotmil-category .cat-icon{
  background:var(--green-soft);
  color:var(--green);
}
.amaliyah-category.khotmil-category h3{
  max-width:12ch;
}
.amaliyah-category.khotmil-category p{
  white-space:normal;
}

/* ===== Daftar versi ===== */
.khotmil-list-item .amaliyah-copy p{
  max-width:28rem;
  line-height:1.35;
}

/* ===== Reader ===== */
.khotmil-reader-card{
  padding:0!important;
  overflow:hidden;
  background:var(--card);
}
.khotmil-html-reader{padding:0 0 4px}
.khotmil-title-block{
  padding:18px 18px 14px;
  background:linear-gradient(145deg,rgba(13,107,85,.065),rgba(13,107,85,.012));
  border-bottom:1px solid var(--line);
}
.khotmil-kicker{
  display:inline-flex;align-items:center;
  padding:5px 9px;border-radius:999px;
  background:var(--green-soft);color:var(--green);
  font-size:10px;font-weight:800;letter-spacing:.025em;
}
.khotmil-title-block h2{
  margin:9px 0 4px;
  font-size:20px;line-height:1.25;color:var(--text);
}
.khotmil-title-block p{
  margin:0;color:var(--muted);font-size:11px;line-height:1.45;
}
.khotmil-prayer-card{padding:17px 18px 10px}

/* Font diseragamkan dengan Tahlil/Doa dan Maulid NUHA. */
.khotmil-arabic{
  font-family:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif!important;
  font-size:calc(var(--arabic-size) * .78);
  line-height:1.90!important;
  font-weight:400;
  letter-spacing:0;
  text-align:right!important;
  direction:rtl;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.khotmil-arabic p{
  margin:0;
  text-align:right;
  direction:rtl;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  font-weight:inherit;
}
.khotmil-divider{
  display:flex;align-items:center;gap:10px;
  margin:10px 0;color:var(--green);opacity:.52;
}
.khotmil-divider::before,.khotmil-divider::after{
  content:"";height:1px;flex:1;background:currentColor;opacity:.22;
}
.khotmil-divider span{
  font-family:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;
  font-size:17px;line-height:1;
}
.khotmil-source{
  margin:8px 18px 16px;padding:12px 13px;
  border:1px solid rgba(13,107,85,.12);border-radius:16px;
  background:var(--green-soft);
  display:flex;align-items:flex-start;gap:10px;color:var(--green);
}
.khotmil-source>i{font-size:17px;margin-top:1px}
.khotmil-source div{min-width:0}
.khotmil-source b{display:block;font-size:11px;margin-bottom:2px}
.khotmil-source span{display:block;font-size:10.5px;line-height:1.45;color:var(--muted)}

@media(max-width:600px){
  .khotmil-title-block{padding:15px 14px 12px}
  .khotmil-title-block h2{font-size:18px}
  .khotmil-prayer-card{padding:14px 12px 8px}
  .khotmil-arabic{
    font-size:calc(var(--arabic-size) * .72);
    line-height:1.82!important;
  }
  .khotmil-source{margin:8px 14px 14px}
}
body.preview-phone .khotmil-title-block{padding:15px 13px 12px}
body.preview-phone .khotmil-prayer-card{padding:14px 12px 8px}
body.preview-phone .khotmil-arabic{
  font-size:calc(var(--arabic-size) * .70);
  line-height:1.82!important;
}

[data-theme="dark"] .khotmil-title-block{
  background:linear-gradient(145deg,rgba(13,107,85,.18),rgba(13,107,85,.035));
}