/* SmartMuslim Qur'an — visual polish v2, 2026-09-20 */
#view-quran{
  --quran-ink:var(--sm-forest-deep,#0b5a49);
  --quran-gold:var(--sm-gold,#c59a46);
  --quran-paper:var(--sm-paper,#fffdf8);
  --quran-mint:#edf7f3;
  --quran-line:rgba(139,112,68,.20);
}

/* ── Reading sessions: compact hierarchy ───────────────────── */
.quran-reading-sessions{margin:2px 0 14px;display:block!important}

.quran-session-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid var(--quran-line);
  border-radius:18px;
  background:rgba(255,253,248,.95);
  padding:12px 14px;
  box-shadow:0 7px 20px rgba(36,52,43,.04);
  overflow:hidden;
}

.quran-session-card.is-main{
  min-height:124px;
  background:linear-gradient(135deg,#edf8f4 0%,#e7f3ef 100%);
  border-color:rgba(26,104,83,.16);
  border-left:4px solid var(--quran-ink);
  padding-left:13px;
}

.quran-session-card.is-main::after{
  content:"";
  position:absolute;
  right:-34px;
  top:-54px;
  width:122px;
  height:122px;
  border:1px solid rgba(197,154,70,.11);
  border-radius:50%;
  pointer-events:none;
}

.quran-session-card-copy{min-width:0;position:relative;z-index:1}
.quran-session-eyebrow{
  display:flex;align-items:center;
  font:700 .94rem/1.05 var(--sm-serif,Georgia,serif);
  color:var(--quran-ink);
  margin:0 0 3px;
}
.quran-session-card.is-main .quran-session-eyebrow::before{
  content:"✦";
  display:inline-grid;place-items:center;
  width:25px;height:25px;margin-right:8px;
  border-radius:50%;
  background:var(--quran-gold);
  color:#fff;
  font-size:.6rem;
}
.quran-session-card-copy small{
  display:block;
  color:var(--sm-muted,#6e7772);
  font-size:.66rem;
  line-height:1.25;
  margin:0 0 6px 33px;
}
.quran-session-card-copy strong{
  display:block;
  color:var(--quran-ink);
  font:700 .92rem/1.15 var(--sm-serif,Georgia,serif);
  margin-top:4px;
}
.quran-session-progress{
  height:5px;
  max-width:210px;
  border-radius:999px;
  background:rgba(11,90,73,.12);
  overflow:hidden;
  margin-top:7px;
}
.quran-session-progress span{display:block;height:100%;border-radius:inherit;background:var(--quran-ink)}
.quran-session-card-copy em{
  display:block;
  font-style:normal;
  color:var(--sm-muted,#6e7772);
  font-size:.64rem;
  line-height:1;
  margin-top:4px;
}
.quran-session-open{
  position:relative;z-index:1;
  min-width:96px;min-height:42px;
  padding:0 13px;
  border-radius:14px;
  border:1.25px solid var(--quran-gold);
  background:rgba(255,253,248,.9);
  color:var(--quran-ink);
  font:700 .78rem/1 var(--sm-serif,Georgia,serif);
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
}
.quran-session-open span{font-size:1rem;line-height:1}

/* Compact disclosure instead of full-size button */
.quran-readings-toggle{
  width:auto;
  min-height:34px;
  margin:6px auto 0;
  padding:0 10px;
  border:0;
  background:transparent;
  color:var(--quran-ink);
  font:700 .75rem/1 sans-serif;
  display:flex;align-items:center;justify-content:center;gap:7px;
}
.quran-readings-toggle:hover,.quran-readings-toggle:focus{background:transparent}
.quran-readings-toggle-chevron{
  position:relative;
  width:12px;height:12px;
  font-size:0!important;
}
.quran-readings-toggle-chevron::before{
  content:"";
  position:absolute;
  left:2px;top:2px;
  width:6px;height:6px;
  border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;
  transform:rotate(45deg);
  transition:transform .18s ease,top .18s ease;
}
.quran-readings-toggle[aria-expanded="true"] .quran-readings-toggle-chevron::before{
  transform:rotate(225deg);
  top:5px;
}

/* Dense list for 3+ secondary readings */
.quran-secondary-readings{
  position:relative;
  margin-top:5px;
  border:1px solid var(--quran-line);
  border-radius:17px;
  background:rgba(255,253,248,.97);
  padding:9px 8px 8px;
  box-shadow:0 10px 24px rgba(36,52,43,.045);
}
.quran-secondary-readings::before{display:none}
.quran-secondary-readings-head{
  padding:1px 5px 7px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}
.quran-secondary-readings-head strong{
  font:700 .82rem/1.05 var(--sm-serif,Georgia,serif);
  color:var(--quran-ink);
}
.quran-secondary-readings-head span{
  font-size:.58rem;
  color:var(--sm-muted,#6e7772);
  white-space:nowrap;
}
#quran-secondary-readings-list{
  display:grid;
  gap:0;
  max-height:310px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
#quran-secondary-readings-list::-webkit-scrollbar{display:none}

.quran-session-card.is-secondary{
  min-height:72px;
  grid-template-columns:minmax(0,1fr) auto;
  border:0;
  border-top:1px solid var(--quran-line);
  border-radius:0;
  padding:9px 5px;
  box-shadow:none;
  background:transparent;
}
.quran-session-card.is-secondary:first-child{border-top:0}
.quran-session-card.is-secondary .quran-session-eyebrow{
  font:800 .61rem/1 sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#9b7429;
  margin-bottom:2px;
}
.quran-session-card.is-secondary .quran-session-card-copy strong{
  font-size:.82rem;
  margin-top:2px;
}
.quran-session-card.is-secondary .quran-session-progress{
  max-width:130px;
  height:4px;
  margin-top:5px;
}
.quran-session-card.is-secondary .quran-session-card-copy em{
  font-size:.58rem;
  display:inline-block;
  margin-left:5px;
}
.quran-session-card.is-secondary .quran-session-open{
  min-width:78px;
  min-height:34px;
  border-radius:11px;
  padding:0 10px;
  font:700 .69rem/1 sans-serif;
}
.quran-session-actions{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:3px;
}
.quran-session-actions .quran-session-open{width:100%}
.quran-session-remove{
  min-height:24px;
  padding:0 6px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--sm-muted,#6e7772);
  font:600 .58rem/1 sans-serif;
  text-decoration:underline;
  text-underline-offset:2px;
}
.quran-session-remove:hover,
.quran-session-remove:focus-visible{
  background:rgba(11,90,73,.06);
  color:var(--quran-ink);
  outline:none;
}

/* ── Reader session state: like the approved rendering ─────── */
.quran-reader-session-status{
  margin:0 0 10px;
  padding:0;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.quran-reader-session-status[hidden]{display:none!important}
.quran-reader-session-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border:1px solid rgba(26,104,83,.15);
  border-radius:999px;
  background:linear-gradient(90deg,#eef8f4,#f6fbf8);
  color:var(--quran-ink);
  font:800 .7rem/1 sans-serif;
}
.quran-reader-session-kicker::before{
  content:"▱";
  margin-right:7px;
  color:var(--quran-ink);
  font-size:.9rem;
}
.quran-reader-session-save{
  color:var(--sm-muted,#6e7772);
  font-size:.58rem;
  line-height:1;
}
.quran-reader-session-save::before{
  content:"✓";
  margin-right:5px;
  color:var(--quran-gold);
  font-weight:800;
}

/* ── Sura header: editorial / Qur'an-page feeling ──────────── */
#quran-detail-view .quran-book-header{
  position:relative;
  margin:0 0 14px!important;
  padding:19px 16px 15px!important;
  border:1px solid rgba(197,154,70,.32)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fcf8ef 100%)!important;
  box-shadow:none!important;
  overflow:hidden;
}
#quran-detail-view .quran-book-header::before,
#quran-detail-view .quran-book-header::after{
  content:"✦";
  position:absolute;
  top:13px;
  color:rgba(197,154,70,.20);
  font-size:1rem;
}
#quran-detail-view .quran-book-header::before{left:15px}
#quran-detail-view .quran-book-header::after{right:15px}

#quran-detail-view #surah-header-num{
  font-size:.66rem!important;
  letter-spacing:.16em!important;
  margin-bottom:3px!important;
}
#quran-detail-view #surah-header-title{
  margin:4px 0 2px!important;
  font-family:var(--sm-serif,Georgia,serif)!important;
  font-size:2rem!important;
  line-height:1!important;
  color:var(--quran-ink)!important;
}
#quran-detail-view #surah-header-italian{
  font-family:var(--sm-serif,Georgia,serif)!important;
  font-size:.8rem!important;
  font-style:normal!important;
  margin-bottom:9px!important;
  color:var(--sm-muted,#6e7772)!important;
}
#quran-detail-view .quran-reader-mode-inline{
  max-width:330px;
  margin:0 auto 9px!important;
}
#quran-detail-view .quran-reading-mode-select--reader{
  min-height:42px!important;
  border-radius:14px!important;
}
#quran-detail-view #surah-header-desc{display:none!important}

/* Basmala becomes part of the page, not another card */
#quran-detail-view .quran-basmala-block{
  margin:0 0 13px!important;
  padding:22px 13px!important;
  border-top:1px solid var(--quran-line)!important;
  border-bottom:1px solid var(--quran-line)!important;
  border-left:0!important;border-right:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--quran-ink)!important;
  font-family:var(--sm-serif,Georgia,serif)!important;
  font-style:italic!important;
  font-size:1.03rem!important;
  line-height:1.45!important;
  text-align:center!important;
}

/* Verses behave as a continuous printed page */
#surah-verses-container{
  border:1px solid rgba(197,154,70,.21)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(255,253,248,.95),rgba(253,249,241,.93))!important;
  overflow:hidden!important;
}
#surah-verses-container .quran-reading-card{
  margin:0!important;
  padding:18px 13px!important;
  border:0!important;
  border-bottom:1px solid var(--quran-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#surah-verses-container .quran-reading-card:last-child{border-bottom:0!important}
.quran-reader-verse-row{
  align-items:flex-start!important;
  gap:10px!important;
}
.quran-reader-ayah-number{
  width:31px!important;height:31px!important;min-width:31px!important;
  margin-top:2px!important;
  border:1px solid rgba(197,154,70,.68)!important;
  border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:#fffaf0!important;
  color:var(--quran-ink)!important;
  font:700 .72rem/1 var(--sm-serif,Georgia,serif)!important;
}
.quran-reader-verse-content{min-width:0!important;flex:1!important}
.quran-arabic-ayah{
  color:var(--quran-ink)!important;
  font-size:1.45rem!important;
  line-height:2.05!important;
  margin-bottom:8px!important;
}
.quran-transliteration-ayah p{
  font-family:var(--sm-serif,Georgia,serif)!important;
  font-style:italic!important;
  line-height:1.55!important;
}
.quran-translation-ayah{
  font-family:var(--sm-serif,Georgia,serif)!important;
  font-size:.98rem!important;
  line-height:1.58!important;
  color:#264d43!important;
}
.quran-verse-save-btn{
  width:31px!important;height:31px!important;min-width:31px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:rgba(11,90,73,.45)!important;
  font-size:1rem!important;
  display:grid!important;place-items:center!important;
  padding:0!important;
}
.quran-verse-save-btn.active{
  color:var(--quran-ink)!important;
  background:rgba(234,245,241,.78)!important;
}

/* Footer: lighter hierarchy */
.quran-reader-footer-nav{
  margin-top:13px!important;
  gap:8px!important;
}
.quran-reader-footer-action{
  min-height:44px!important;
  border-radius:14px!important;
}
.quran-reader-footer-top{
  background:rgba(255,253,248,.94)!important;
  border:1px solid var(--quran-line)!important;
}
.quran-reader-footer-next{
  background:var(--quran-ink)!important;
  border-color:var(--quran-ink)!important;
}

@media(max-width:520px){
  .quran-session-card.is-main{min-height:112px;padding:11px 12px;padding-left:12px}
  .quran-session-card.is-main .quran-session-eyebrow::before{width:23px;height:23px;margin-right:7px}
  .quran-session-card-copy small{margin-left:30px}
  .quran-session-open{min-width:88px;min-height:40px;padding:0 11px}
  .quran-secondary-readings-head span{display:none}
  #quran-secondary-readings-list{max-height:264px}
  #quran-detail-view #surah-header-title{font-size:1.9rem!important}
  .quran-arabic-ayah{font-size:1.35rem!important}
  .quran-translation-ayah{font-size:.94rem!important}
}


/* ── Qur'an favourites: Sure + Versetti ───────────────────── */
.quran-favorites-kind-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:10px;
}
.quran-favorites-kind-tabs[hidden]{display:none!important}
.quran-favorites-kind{
  min-height:32px;
  padding:0 11px;
  border:1px solid var(--quran-line);
  border-radius:999px;
  background:rgba(255,253,248,.92);
  color:var(--quran-ink);
  font:700 .67rem/1 sans-serif;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.quran-favorites-kind span{
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(11,90,73,.08);
  color:var(--sm-muted,#6e7772);
  font-size:.58rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.quran-favorites-kind.is-active{
  background:var(--quran-ink);
  border-color:var(--quran-ink);
  color:#fff;
}
.quran-favorites-kind.is-active span{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.quran-favorite-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 5px 7px;
  border-bottom:1px solid var(--quran-line);
}
.quran-favorite-section-head:first-child{padding-top:4px}
.quran-favorite-section-head strong{
  color:var(--quran-ink);
  font:700 .78rem/1 var(--sm-serif,Georgia,serif);
}
.quran-favorite-section-head span{
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(11,90,73,.08);
  color:var(--quran-ink);
  font:700 .58rem/1 sans-serif;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

#quran-surahs-list .quran-favorite-row{
  cursor:pointer;
}
#quran-surahs-list .quran-favorite-surah-row{
  position:relative;
}
.quran-favorite-type{
  display:block;
  margin-bottom:2px;
  color:#9b7429;
  font:800 .55rem/1 sans-serif;
  letter-spacing:.09em;
}
.quran-favorite-surah-row .surah-item-name{
  display:block;
}

.quran-favorite-verse-row{
  min-height:88px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 34px;
  gap:10px;
  align-items:center;
  padding:12px 10px;
  border-bottom:1px solid var(--quran-line);
  background:transparent;
}
.quran-favorite-verse-row:last-child{border-bottom:0}
.quran-favorite-verse-ref{
  width:38px;
  height:38px;
  border:1px solid rgba(197,154,70,.62);
  border-radius:50%;
  background:#fffaf0;
  color:var(--quran-ink);
  font:700 .68rem/1 var(--sm-serif,Georgia,serif);
  display:grid;
  place-items:center;
}
.quran-favorite-verse-copy{
  min-width:0;
}
.quran-favorite-verse-copy strong{
  display:block;
  margin:1px 0 4px;
  color:var(--quran-ink);
  font:700 .83rem/1.15 var(--sm-serif,Georgia,serif);
}
.quran-favorite-verse-copy p{
  margin:0;
  color:var(--sm-muted,#6e7772);
  font-size:.68rem;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.quran-verse-favorite-list{
  width:32px;
  height:32px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--quran-ink);
  font-size:1rem;
  display:grid;
  place-items:center;
  padding:0;
}

@media(max-width:520px){
  .quran-favorites-kind-tabs{gap:5px}
  .quran-favorites-kind{padding:0 9px;font-size:.64rem}
  .quran-favorite-verse-row{grid-template-columns:38px minmax(0,1fr) 30px;padding:10px 6px;gap:8px}
  .quran-favorite-verse-ref{width:34px;height:34px;font-size:.62rem}
  .quran-favorite-verse-copy strong{font-size:.79rem}
  .quran-favorite-verse-copy p{font-size:.64rem}
}