/* Payam-e-Noor Quran plugin — front-end typography and responsive theme */
@font-face {
  font-family: 'Al-Mushaf';
  src: url('../fonts/Al_Mushaf.ttf') format('truetype');
  font-style: normal; font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'Alvi Nastaleeq';
  src: url('../fonts/AlviNastaleeq-Regular.ttf') format('truetype');
  font-style: normal; font-weight: 400 700; font-display: swap;
}
@font-face {
  font-family: 'Uthmanic Hafs';
  src: url('../fonts/KFGQPC-Uthmanic-Script-HAFS-Regular.ttf') format('truetype');
  font-style: normal; font-weight: 400; font-display: swap;
}
.qmp-wrapper, .qmp-list-wrapper { direction: rtl; text-align: right; color:#17211d; font-family:'Alvi Nastaleeq','Noto Nastaliq Urdu',serif; max-width:100%; }
.qmp-surah-info-box { background:linear-gradient(135deg,#0e4332,#176c58); color:#fff; padding:20px; border-radius:14px; text-align:center; margin:20px 0 12px; box-shadow:0 5px 18px rgba(14,67,50,.12); }
.qmp-surah-title {font-size:27px;font-weight:700;line-height:1.8}
.qmp-surah-meta {font-size:17px;opacity:.95}
.qmp-ayat-range-box {text-align:center;background:#edf5ef;color:#0e4332;border:1px solid #d4e6d8;border-radius:9px;padding:9px;margin:12px 0;font-size:18px}
.qmp-ayat-box {background:#fff;border:1px solid #e1e9e2;border-radius:14px;padding:18px;margin:16px 0;box-shadow:0 3px 12px rgba(0,0,0,.035)}
.qmp-bismillah {text-align:center;font-family:'Uthmanic Hafs','Al-Mushaf',serif!important;font-size:38px;color:#0e4332;margin:10px 0 24px;line-height:2.2;font-weight:400}
.qmp-quran-text {font-family:'Uthmanic Hafs','KFGQPC Uthmanic Script HAFS',serif!important;font-size:32px;line-height:2.45;text-align:justify;color:#111;direction:rtl;overflow-wrap:anywhere}
.qmp-audio-box {text-align:center;margin:20px 0}
.qmp-audio-btn {background:#0e4332;color:#fff;border:0;padding:10px 25px;border-radius:30px;cursor:pointer}
.qmp-box-heading {text-align:center;font-family:'Alvi Nastaleeq','Noto Nastaliq Urdu',serif;font-size:27px;font-weight:700;color:#0e4332;border-bottom:2px solid #0e4332;padding-bottom:8px;margin:0 0 15px;line-height:1.8}
.qmp-tarjuma-box,.qmp-tafsir-box,.qmp-important-box,.qmp-dua-box {background:#fff;border:1px solid #e0e8d8;border-radius:13px;padding:18px;margin:20px 0;box-shadow:0 3px 12px rgba(0,0,0,.035)}
.qmp-tarjuma-text,.qmp-tafsir-text,.qmp-dua-tarjuma {font-family:'Alvi Nastaleeq','Noto Nastaliq Urdu',serif;font-size:22px;line-height:2.2;text-align:justify;overflow-wrap:anywhere}
.qmp-tafsir-text {white-space:normal}
.qmp-arabic {font-family:'Al-Mushaf',serif!important;font-size:1.16em!important;font-weight:400!important;direction:rtl;unicode-bidi:isolate;white-space:normal}
.bismillah-tarjuma {font-family:'Alvi Nastaleeq','Noto Nastaliq Urdu',serif!important;font-style:normal!important;font-size:23px!important;font-weight:700!important;text-align:center!important;display:block!important;margin:14px 0!important;color:#111!important;line-height:2!important}
.qmp-dua-arabic {font-family:'Uthmanic Hafs','Al-Mushaf',serif!important;font-size:30px;text-align:center;line-height:2.4;color:#0e4332}
.qmp-list-wrapper h2 {text-align:center;color:#0e4332;font-size:28px;line-height:1.8}
.qmp-surah-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qmp-surah-card {display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e0e8d8;border-radius:12px;padding:13px;min-width:0}
.qmp-s-number {display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:50%;background:#0e4332;color:#fff;font-weight:700}
.qmp-surah-card strong {font-size:19px}
.qmp-small-btn {margin-right:auto;white-space:nowrap;background:#0e4332;color:#fff!important;text-decoration:none!important;padding:7px 13px;border-radius:20px}
.qmp-small-btn:hover {background:#176c58}
.qmp-search-controls {display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.qmp-search-controls input,.qmp-search-controls select {min-height:42px;padding:8px;border:1px solid #ccd8ce;border-radius:8px;max-width:100%}
.qmp-search-result {background:#fff;border:1px solid #e0e8d8;border-radius:10px;padding:14px;margin:12px 0;line-height:2}
.qmp-menu-search-btn:before {content:'⌕';font-size:24px;line-height:1}
.qmp-menu-search-btn {display:inline-flex;align-items:center;justify-content:center}
@media(max-width:640px){
 .qmp-surah-grid{grid-template-columns:1fr}
 .qmp-surah-title{font-size:23px}
 .qmp-quran-text{font-size:27px;line-height:2.25}
 .qmp-bismillah{font-size:32px}
 .qmp-tarjuma-text,.qmp-tafsir-text,.qmp-dua-tarjuma{font-size:20px;line-height:2.1}
 .qmp-box-heading{font-size:24px}
 .qmp-ayat-box,.qmp-tarjuma-box,.qmp-tafsir-box,.qmp-important-box{padding:13px}
}

/* Additive typography for structured tafsir and Arabic para titles. */
.qmp-tafsir-box .qmp-tafsir-text { color:#111; }
.qmp-tafsir-subheading {
  display:block; direction:rtl; text-align:right;
  font-family:'Alvi Nastaleeq','Noto Nastaliq Urdu',serif!important;
  color:#168044!important; font-size:24px; font-weight:700;
  line-height:2; margin:12px 0 4px;
}
.qmp-tafsir-paragraph,.qmp-tafsir-legacy {
  color:#111; font-family:'Alvi Nastaleeq','Noto Nastaliq Urdu',serif;
  font-size:22px; line-height:2.2; text-align:justify; overflow-wrap:anywhere;
}
.qmp-tafsir-paragraph + .qmp-tafsir-subheading { margin-top:16px; }
.qmp-tafsir-text .qmp-arabic { color:#168044!important; }
.qmp-para-arabic {
  display:inline-block; font-family:'Uthmanic Hafs','Al-Mushaf',serif!important;
  font-size:18px; line-height:2; color:#0e4332;
}
@media(max-width:640px){
 .qmp-tafsir-subheading{font-size:22px}
 .qmp-tafsir-paragraph,.qmp-tafsir-legacy{font-size:20px;line-height:2.1}
 .qmp-para-arabic{font-size:17px}
}

/* Additive paragraph preservation for Tafsir and Important Messages only. */
.qmp-tafsir-paragraph,
.qmp-important-content {
  direction:rtl;
  text-align:justify;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  unicode-bidi:plaintext;
}
.qmp-important-main-heading {
  direction:rtl;
  text-align:center;
  font-family:'Alvi Nastaleeq','Noto Nastaliq Urdu',serif;
  font-size:26px;
  font-weight:700;
  line-height:2;
  margin:0 0 14px;
  color:#0e4332;
}
.qmp-important-subheading {
  direction:rtl;
  text-align:right;
  font-family:'Alvi Nastaleeq','Noto Nastaliq Urdu',serif;
  font-size:23px;
  font-weight:700;
  line-height:1.9;
  color:#168044;
  margin:12px 0 4px;
}
.qmp-important-content {
  font-family:'Alvi Nastaleeq','Noto Nastaliq Urdu',serif;
  font-size:22px;
  line-height:2.2;
}
@media(max-width:600px) {
  .qmp-important-main-heading {font-size:23px}
  .qmp-important-subheading {font-size:21px}
  .qmp-important-content {font-size:19px;line-height:2.1}
}