/* نور القرآن 4.8 — book-like page navigation, standalone top advert */
body:not(.broadcast) .mushaf-page-shell {
  width:100%;
  max-width:100%;
  height:clamp(390px, 60dvh, 810px);
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  margin-inline:auto;
  border-radius:20px;
  border:1px solid #af9258;
  background:linear-gradient(150deg,#d5bd88,#f4e8d0 50%,#b99862);
  padding:6px;
  box-shadow:0 20px 50px #0006;
}
body:not(.broadcast) .mushaf-page-shell .reading{
  min-height:0!important;
  height:0!important;
  flex:1 1 auto;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start!important;
  overflow:hidden!important;
  position:relative;
  border:1px solid rgba(142,108,56,.6)!important;
  border-radius:13px 13px 0 0!important;
  padding:clamp(23px,3.5vh,39px) clamp(24px,4.1vw,66px) 4px!important;
  box-shadow:inset 0 0 0 3px rgba(172,133,74,.12)!important;
}
body:not(.broadcast) .mushaf-page-shell .reading .reading-title,
body:not(.broadcast) .mushaf-page-shell .reading .basmalah{
 flex:0 0 auto;
 margin:0!important;
 line-height:1.7!important;
 text-align:center;
}
body:not(.broadcast) .mushaf-page-shell .reading .reading-title{font-size:clamp(18px,2.4vw,25px)!important}
body:not(.broadcast) .mushaf-page-shell .reading .basmalah{font-size:clamp(19px,2.55vw,27px)!important}
body:not(.broadcast) .mushaf-page-shell .reading .verses.noor-column-pages{
 --noor-page-width:600px;
 flex:1 1 0!important;
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-height:100%!important;
 min-height:0!important;
 max-width:100%!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 overscroll-behavior-x:contain;
 direction:rtl;
 column-width:var(--noor-page-width)!important;
 column-gap:0!important;
 column-fill:auto!important;
 column-count:auto!important;
 padding:clamp(9px,1.5vh,20px) 0 4px!important;
 margin:0!important;
 text-align:justify!important;
 scrollbar-width:none!important;
 -ms-overflow-style:none!important;
 scroll-behavior:auto!important;
 border:0!important;
 border-radius:0!important;
}
body:not(.broadcast) .reading .verses.noor-column-pages::-webkit-scrollbar,
body:not(.broadcast) .mushaf-page-shell::-webkit-scrollbar{
 width:0;height:0;display:none;
}
body:not(.broadcast) .mushaf-page-shell .verses .ayah {
 break-inside:auto;
 -webkit-column-break-inside:auto;
}
body:not(.broadcast) .mushaf-page-shell .verses .word{
 box-decoration-break:clone;
 -webkit-box-decoration-break:clone;
}
body:not(.broadcast) .mushaf-page-shell .verses .ayah.current,
body:not(.broadcast) .mushaf-page-shell .verses .word.active-word{
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
/* Permanent paging controls below the page: no long vertical Quran scrolling */
body:not(.broadcast) .mushaf-pagination{
 flex:0 0 auto;
 min-height:49px;
 display:flex;
 justify-content:space-between;
 gap:8px;
 align-items:center;
 padding:5px clamp(8px,1.5vw,19px);
 background:linear-gradient(145deg,#ebddbe,#e6d3a8);
 border:1px solid rgba(145,107,52,.55);
 border-top:0;
 border-radius:0 0 13px 13px;
 color:#493b28;
 direction:rtl;
 font-family:Cairo,Tahoma,sans-serif;
}
.mushaf-page-btn{
 background:#fff5df;
 color:#493722;
 border:1px solid #b99b66;
 padding:6px 12px;
 line-height:1.5;
 min-height:35px;
 border-radius:9px;
 font-size:clamp(11px,1vw,13px);
 font-weight:800;
 transition:background .18s,transform .18s;
 white-space:nowrap;
}
.mushaf-page-btn:hover:not(:disabled){background:#f6dfae;transform:translateY(-1px)}
.mushaf-page-btn:disabled{opacity:.36}
.mushaf-page-counter{
 font-size:clamp(11px,1.2vw,15px);
 font-weight:900;
 text-align:center;
 direction:rtl;
 white-space:nowrap;
}
body.broadcast .mushaf-pagination{display:none!important}
body.broadcast .mushaf-page-shell{display:contents!important}
body.broadcast .reading .verses.noor-column-pages{
 columns:auto!important;
 column-width:auto!important;
 overflow-x:hidden!important;
 overflow-y:auto!important;
}

/* Second independent ad strip — top, preserving the bottom strip */
#noorTopTicker.noor-ticker {
 position:relative;
 flex:0 0 auto;
 width:100%;
 max-width:100%;
 height:39px;
 background:#0b1b30;
 z-index:19;
 overflow:hidden;
 border:0;
 border-block:1px solid rgba(222,189,127,.58);
 border-radius:0;
 direction:ltr;
}
#noorTopTicker[hidden]{display:none!important}
#noorTopTicker .ticker-motion {
 position:absolute;
 left:0;
 top:0;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 white-space:nowrap;
 height:100%;
 min-width:max-content;
 animation:noorTickerLTR var(--ticker-duration,30s) linear infinite;
}
#noorTopTicker #topTickerText {
 display:inline-block;
 padding:0 24px;
 color:#f8e2a9;
 direction:rtl;
 unicode-bidi:plaintext;
 white-space:pre;
 text-shadow:0 1px 3px #0009;
 font:700 clamp(12px,1.2vw,16px)/1.6 Cairo,Tahoma,sans-serif;
}
#noorTopTicker[data-color=white] #topTickerText{color:#fff!important}
#noorTopTicker[data-color=mint] #topTickerText{color:#b7f2db!important}
#noorTopTicker[data-color=gold] #topTickerText{color:#f8e2a9!important}
#noorTopTicker[data-background=emerald]{background:#092e24!important}
#noorTopTicker[data-background=navy]{background:#102038!important}
#noorTopTicker[data-background=black]{background:#111111!important}
body.broadcast #noorTopTicker.noor-ticker {
 position:fixed!important;
 z-index:27!important;
 left:50%!important;
 top:clamp(43px,6vh,65px)!important;
 bottom:auto!important;
 transform:translateX(-50%)!important;
 height:clamp(31px,4vh,44px)!important;
 width:min(100vw,100%)!important;
 max-width:100%!important;
 border:1px solid rgba(232,197,135,.5)!important;
 border-radius:2px;
 backdrop-filter:blur(6px);
}
body.broadcast.mode-vertical #noorTopTicker.noor-ticker{
 width:min(100vw,56.25dvh)!important;
 top:clamp(45px,7vh,78px)!important;
}
body.broadcast #noorTopTicker[hidden]{display:none!important}
#noorTopTicker .ticker-motion{will-change:transform,left}
#noorTicker .ticker-motion{will-change:transform,left}
@media(max-width:730px) {
 body:not(.broadcast) .mushaf-page-shell {
  height:clamp(360px,55dvh,730px);
 }
 body:not(.broadcast) .mushaf-page-shell .reading{
  padding:clamp(22px,3vw,30px) 16px 2px!important;
 }
 body:not(.broadcast) .mushaf-page-shell .reading .verses.noor-column-pages{
  font-size:clamp(22px,5vw,34px)!important;
  line-height:2.0!important;
 }
 body:not(.broadcast) .mushaf-page-counter{font-size:11px}
 body:not(.broadcast) .mushaf-page-btn{font-size:10px;padding:5px 8px}
}
@media(prefers-reduced-motion:reduce){
 body:not(.broadcast) .mushaf-page-shell .reading .verses.noor-column-pages{scroll-behavior:auto!important}
}

/* Bring visible page and controls into the initial desktop viewport. */
body.noor-paged-mushaf:not(.broadcast) .main-scroll{padding:10px clamp(10px,1.6vw,23px) 9px!important}
body.noor-paged-mushaf:not(.broadcast) .hero{min-height:66px!important;max-height:66px!important;height:66px!important;overflow:hidden!important}
body.noor-paged-mushaf:not(.broadcast) .hero-content{padding:2px 8px!important}
body.noor-paged-mushaf:not(.broadcast) .hero h2{font-size:clamp(23px,2.5vw,34px)!important;margin:0!important;line-height:1.2!important}
body.noor-paged-mushaf:not(.broadcast) .hero p{font-size:10px!important;margin:0!important}
body.noor-paged-mushaf:not(.broadcast) .hero-metrics,
body.noor-paged-mushaf:not(.broadcast) .hero-pill,
body.noor-paged-mushaf:not(.broadcast) .hero-deco{display:none!important}
body.noor-paged-mushaf:not(.broadcast) .toolbar{padding:7px 2px!important;margin:0!important}
body.noor-paged-mushaf:not(.broadcast) .mushaf-page-shell{height:clamp(315px,calc(100dvh - 520px),750px)!important}
body.noor-paged-mushaf:not(.broadcast) .credits{padding:5px!important;font-size:9px!important}
@media(max-width:730px){
body.noor-paged-mushaf:not(.broadcast) .mushaf-page-shell{height:clamp(310px,calc(100dvh - 500px),670px)!important}
body.noor-paged-mushaf:not(.broadcast) .hero{min-height:60px!important;height:60px!important}
}