/* v80 targeted mobile quality fixes — retains all sources, scripts and celestial artwork */
/* Mobile anchor targets should not disappear under the sticky header. */
html{scroll-padding-top:105px}
main [id]{scroll-margin-top:105px}
/* Duʿā filters must never inherit white-on-white or dark native search input styles. */
body.sbs80-dua .v59-dua-search{position:relative!important;top:auto!important}
body.sbs80-dua .v59-dua-search input[type="search"]{color:#28183d!important;-webkit-text-fill-color:#28183d!important;background:#fffdfc!important;opacity:1!important;caret-color:#38134e!important;border:1.5px solid #a797b3!important;min-width:0;max-width:100%;box-sizing:border-box}
body.sbs80-dua .v59-dua-search input[type="search"]::placeholder{color:#685a70!important;opacity:1!important;-webkit-text-fill-color:#685a70!important}
body.sbs80-dua .v59-dua-filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
body.sbs80-dua .v59-dua-filters button{appearance:none;-webkit-appearance:none;display:inline-flex;justify-content:center;align-items:center;color:#382348!important;-webkit-text-fill-color:#382348!important;background:#fff!important;border:1px solid #cbb9d3!important;opacity:1!important;min-height:44px;padding:10px 14px!important;font-size:.93rem!important;line-height:1.25!important;white-space:normal;text-align:center;visibility:visible!important;border-radius:999px;box-shadow:none!important}
body.sbs80-dua .v59-dua-filters button.active,body.sbs80-dua .v59-dua-filters button[aria-pressed="true"]{background:#321448!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#321448!important}
body.sbs80-dua .v59-dua-filters button:focus-visible{outline:3px solid #bd9b48!important;outline-offset:2px}
/* Rakʿah comparison: same eight recitation rows, but displayed as complete cards on phones. */
.sbs80-rakat-cards{display:none}
@media(max-width:760px){
 body.sbs80-rakat .wp-block-table:has(>table){display:none!important}
 body.sbs80-rakat .sbs80-rakat-cards{display:grid;gap:12px;margin:18px 0 26px}
 body.sbs80-rakat .sbs80-rakat-card{background:linear-gradient(145deg,#fff,#fbf7ff);border:1px solid #ded3e2;border-radius:18px;padding:17px 18px;min-width:0;box-shadow:0 5px 18px rgba(40,19,58,.04)}
 body.sbs80-rakat .sbs80-rakat-card h3{font-family:inherit;font-size:1.16rem;line-height:1.35;margin:0 0 12px;color:#321448;overflow-wrap:anywhere}
 body.sbs80-rakat .sbs80-rakat-card dl{display:grid;gap:9px;margin:0}
 body.sbs80-rakat .sbs80-rakat-card dl>div{display:grid;grid-template-columns:minmax(90px,.34fr) minmax(0,1fr);gap:10px;border-top:1px solid #ebdfee;padding-top:9px}
 body.sbs80-rakat .sbs80-rakat-card dt{font-size:.84rem;font-weight:750;color:#675771}
 body.sbs80-rakat .sbs80-rakat-card dd{margin:0;min-width:0;color:#2c1a36;line-height:1.5;overflow-wrap:anywhere}
}
/* Purification and Qada: familiar content, tighter hierarchy without huge empty blocks. */
@media(max-width:760px){
 body.sbs80-purification .purification-paths{padding:17px!important;margin:14px 0 24px!important}
 body.sbs80-purification .purification-paths h2{font-size:clamp(1.55rem,6vw,2.05rem)!important;line-height:1.17!important;margin:.45rem 0 1rem!important}
 body.sbs80-purification .purification-paths>p{font-size:1rem!important;line-height:1.6!important;margin:.35rem 0 1rem!important}
 body.sbs80-purification .purification-grid{gap:10px}
 body.sbs80-purification .purification-card{padding:15px!important}
 body.sbs80-qada .v53-missed-choice{margin:12px 0 24px!important}
 body.sbs80-qada .v53-missed-choice h2{font-size:clamp(1.55rem,6vw,2.12rem)!important;line-height:1.17!important;margin-bottom:14px!important}
 body.sbs80-qada .v53-missed-choice>div{gap:12px!important}
 body.sbs80-qada .v53-missed-choice a{display:grid!important;gap:6px!important;padding:16px!important;text-decoration:none!important}
 body.sbs80-qada .v53-missed-choice a strong{font-size:1.07rem!important;color:#351847!important;text-decoration:none!important}
 body.sbs80-qada .v53-missed-choice a span{font-size:.97rem!important;color:#655c69!important;line-height:1.5!important;text-decoration:none!important}
}
/* Original WP prayer-button links are correct; use one tidy grid for their presentation. */
@media(max-width:760px){
 body.sbs80-learn .wp-block-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}
 body.sbs80-learn .wp-block-buttons .wp-block-button{width:100%!important;margin:0!important;min-width:0!important}
 body.sbs80-learn .wp-block-button__link{display:flex!important;justify-content:center;align-items:center;min-height:49px;width:100%!important;box-sizing:border-box;text-align:center!important;padding:12px 10px!important;font-size:.89rem!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere}
 body.sbs80-learn .wp-block-buttons:has(a[href="/the-5-daily-prayers/"]){grid-template-columns:1fr!important}
 body.sbs80-learn iframe,body.sbs80-learn .video-inline-player{max-width:100%!important}
}
/* Daily adhkar: compact jump pills, actual content near the top, no giant vertical oval. */
body.sbs80-adhkar .adhkar-time{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;writing-mode:horizontal-tb!important;transform:none!important;border-radius:999px!important;padding:8px 14px!important;font-size:.78rem!important;line-height:1.25!important;background:#faf6ff!important;color:#402052!important;border:1px solid #ded0e8!important;box-shadow:none!important}
@media(max-width:760px){
 body.sbs80-adhkar .adhkar-jump{padding:12px 0 14px!important}
 body.sbs80-adhkar .adhkar-jump .container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body.sbs80-adhkar .adhkar-jump a{display:flex!important;align-items:center;justify-content:flex-start;min-height:44px!important;padding:10px 12px!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere;font-size:.85rem!important;line-height:1.3!important;border:1px solid rgba(240,220,255,.24)!important;border-radius:13px!important;color:#fff!important;text-decoration:none!important;background:rgba(255,255,255,.06)!important}
 body.sbs80-adhkar .adhkar-jump a span{margin-right:6px!important;flex-shrink:0}
 body.sbs80-adhkar .v60-adhkar-section{padding:30px 0!important}
 body.sbs80-adhkar .adhkar-section-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-bottom:18px!important}
 body.sbs80-adhkar .adhkar-section-head h2{font-size:clamp(1.75rem,6vw,2.2rem)!important;line-height:1.12!important;overflow-wrap:anywhere;margin:12px 0 0!important}
 body.sbs80-adhkar .adhkar-section-head>p{font-size:1rem!important;line-height:1.65!important}
}
/* Cross-page mobile refinements: preserve colour identity and keep interactive controls on screen. */
@media(max-width:760px){
 .primary-nav.hero-primary-nav .nav-group:not([open])>.nav-start{background:transparent!important;color:#231335!important;border-color:transparent!important}
 .primary-nav.hero-primary-nav .nav-group[open]>summary.nav-link{background:linear-gradient(115deg,#fff8e1,#f5e4a4)!important;color:#28163a!important;border-radius:18px!important;border:1px solid #dbc780!important}
 .primary-nav.hero-primary-nav .mega a{min-height:43px;display:flex;align-items:center;line-height:1.35}
 .primary-nav.hero-primary-nav .mega{max-height:48vh;overflow-y:auto!important;overscroll-behavior:contain}
 body:is(.sbs80-dua,.sbs80-rakat,.sbs80-learn,.sbs80-qada,.sbs80-purification) .page-hero{padding:42px 0 46px!important;min-height:0!important}
 body:is(.sbs80-dua,.sbs80-rakat,.sbs80-learn,.sbs80-qada,.sbs80-purification) .page-hero h1{font-size:clamp(2.0rem,8vw,3.05rem)!important;line-height:1.12!important;overflow-wrap:anywhere}
 body:is(.sbs80-dua,.sbs80-rakat,.sbs80-learn,.sbs80-qada,.sbs80-purification) .page-hero .lead{font-size:clamp(1rem,3.9vw,1.14rem)!important;line-height:1.62!important}
 .language-launcher-v48{left:6px!important;bottom:8px!important}
 .language-launcher-v48>summary{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;justify-content:center!important;box-sizing:border-box!important;opacity:.94!important}
 .feedback-launcher{right:6px!important;bottom:8px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important;opacity:.94!important}
 .language-panel{max-width:calc(100vw - 26px)!important}
}
@media(max-width:360px){body.sbs80-adhkar .adhkar-jump .container{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.sbs80-rakat-card{animation:none!important;transition:none!important}}