/* NUHA Build 233 — Reader header safe-slot + opening-page line polish.
   KUNCI: tidak mengubah isi ayat, font-family ayat, marker, QCF line map, swipe,
   bingkai surah, nomor halaman, atau data Qur'an. */

.nuha-reader-hidden{display:none!important}
.nuha-reader-header .nuha-reader-back,
.nuha-reader-header .nuha-reader-icon{
  appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;
  width:30px;height:30px;min-width:30px;padding:0;margin:0;border-radius:8px;
  display:grid;place-items:center;cursor:pointer;font-size:15px
}
.nuha-reader-header .nuha-reader-back:active,
.nuha-reader-header .nuha-reader-icon:active{background:rgba(255,255,255,.13)}
.nuha-reader-header .reader-title{
  min-width:0!important;max-width:none!important;flex:1 1 auto!important;
  overflow:hidden!important;text-align:left!important
}
.nuha-reader-header .reader-title b,
.nuha-reader-header .reader-title .meta{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.nuha-reader-header .nuha-reader-actions{display:flex!important;align-items:center!important;gap:1px!important;flex:none!important}

/* PHONE / PREVIEW PHONE
   Slot 48px SELALU disediakan. Tap hanya mengubah opacity header; ukuran/posisi
   halaman tidak berubah antara header hidden dan visible. */
@media(max-width:560px){
  body.quran-reader-route.mushaf-final-mode #qreader{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    padding:calc(50px + var(--safe-top)) 3px calc(3px + var(--safe-bottom)) 3px!important;
    overflow:hidden!important
  }
  body.quran-reader-route.mushaf-final-mode .mushaf-reader-toolbar.nuha-reader-header{
    position:fixed!important;z-index:120!important;
    top:calc(7px + var(--safe-top))!important;left:8px!important;right:8px!important;
    width:auto!important;height:38px!important;min-height:38px!important;
    margin:0!important;padding:4px 7px!important;gap:3px!important;
    border:0!important;border-radius:12px!important;
    background:#0d6b55!important;color:#fff!important;
    box-shadow:0 7px 20px rgba(13,55,44,.18)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s!important
  }
  body.quran-reader-route.mushaf-final-mode.mushaf-controls-visible .mushaf-reader-toolbar.nuha-reader-header{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important
  }
  body.quran-reader-route.mushaf-final-mode .nuha-reader-header .reader-title b{
    font-size:12px!important;line-height:1.08!important;color:#fff!important
  }
  body.quran-reader-route.mushaf-final-mode .nuha-reader-header .reader-title .meta{
    font-size:7.5px!important;line-height:1.1!important;color:rgba(255,255,255,.82)!important;margin-top:1px!important
  }
}

body.preview-phone.quran-reader-route.mushaf-final-mode #qreader{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  padding:50px 4px 4px!important;overflow:hidden!important
}
body.preview-phone.quran-reader-route.mushaf-final-mode .mushaf-reader-toolbar.nuha-reader-header{
  position:absolute!important;z-index:120!important;top:7px!important;left:8px!important;right:8px!important;
  width:auto!important;height:38px!important;min-height:38px!important;margin:0!important;padding:4px 7px!important;gap:3px!important;
  border:0!important;border-radius:12px!important;background:#0d6b55!important;color:#fff!important;
  box-shadow:0 7px 20px rgba(13,55,44,.18)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s!important
}
body.preview-phone.quran-reader-route.mushaf-final-mode.mushaf-controls-visible .mushaf-reader-toolbar.nuha-reader-header{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important
}
body.preview-phone.quran-reader-route.mushaf-final-mode .nuha-reader-header .reader-title b{font-size:12px!important;line-height:1.08!important;color:#fff!important}
body.preview-phone.quran-reader-route.mushaf-final-mode .nuha-reader-header .reader-title .meta{font-size:7.5px!important;line-height:1.1!important;color:rgba(255,255,255,.82)!important;margin-top:1px!important}

/* PEMBUKA SURAH: normalLines mengikuti geometri halaman biasa.
   Special rows (judul surah/Bismillah) dibiarkan apa adanya. */
body.quran-reader-route .mushaf-page-opening .mushaf-lines{
  width:100%!important;min-width:0!important;padding-inline:18px!important;
  direction:rtl!important;overflow:visible!important
}
body.quran-reader-route .mushaf-page-opening .mushaf-line:not(.mushaf-special):not(.mushaf-empty){
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:0!important;width:100%!important;min-width:0!important;
  padding-inline:2px!important;margin:0!important;overflow:visible!important;
  white-space:nowrap!important;text-align:initial!important;line-height:1.18!important
}
body.quran-reader-route .mushaf-page-opening .mushaf-line:not(.mushaf-special):not(.mushaf-empty) > .mushaf-glyph,
body.quran-reader-route .mushaf-page-opening .mushaf-line:not(.mushaf-special):not(.mushaf-empty) > .mushaf-ayah-end{
  flex:0 0 auto!important
}
body.quran-reader-route .mushaf-page-opening .mushaf-glyph{line-height:1.18!important}

@media(max-width:560px){
  body.quran-reader-route .mushaf-page-opening .mushaf-lines{padding-inline:9px!important}
  body.quran-reader-route .mushaf-page-opening .mushaf-line:not(.mushaf-special):not(.mushaf-empty){padding-inline:1px!important}
}
body.preview-phone.quran-reader-route .mushaf-page-opening .mushaf-lines{padding-inline:9px!important}
body.preview-phone.quran-reader-route .mushaf-page-opening .mushaf-line:not(.mushaf-special):not(.mushaf-empty){padding-inline:1px!important}

/* Bismillah tidak diubah pada Build 233. Gunakan ukuran/posisi terkunci dari Build 227. */
body.quran-reader-route:not(.mushaf-final-mode) .nuha-reader-back{display:none!important}
body.quran-reader-route:not(.mushaf-final-mode) .nuha-reader-header{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}