/* Noor-e-Hidayah — premium-home.css (loads LAST on index.html)
   Signature: gilded 8-point-star lattice on dark cards + one gold light-sweep on the hero line. */
:root{
 --pg-gold:linear-gradient(100deg,#7a5a22 0%,#b68a3d 30%,#d8b25a 50%,#b68a3d 70%,#7a5a22 100%);
 --pg-fade:#f7f2e6;
 --pg-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23d8bc78' stroke-opacity='.10'%3E%3Crect x='14' y='14' width='28' height='28'/%3E%3Crect x='14' y='14' width='28' height='28' transform='rotate(45 28 28)'/%3E%3C/g%3E%3C/svg%3E");
}
html[data-theme="dark"]{--pg-gold:linear-gradient(100deg,#b68a3d 0%,#e6c978 30%,#fff1be 50%,#e6c978 70%,#b68a3d 100%);--pg-fade:#050f0d}

/* ---------- HERO (one message on phone + laptop) ---------- */
html body .hero{min-height:min(92svh,860px)!important}
html body .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(transparent,var(--pg-fade));pointer-events:none;z-index:0}
html body .hero h1{letter-spacing:-1.5px!important;line-height:1!important}
html body .hero h1 span,html body .ah-hero .ah-title span{display:block;background:var(--pg-gold);background-size:240% 100%;background-position:50% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;text-shadow:none!important;animation:pgSweep 2.6s cubic-bezier(.2,.7,.2,1) .35s 1 both}
@keyframes pgSweep{from{background-position:100% 0}to{background-position:50% 0}}
html body .bismillah::after{content:"";display:block;width:150px;height:1px;margin:16px auto 0;background:linear-gradient(90deg,transparent,#d8bc78,transparent)}
html body .hero-text{font-size:17px!important}
html body .hero-buttons .secondary-btn,html body .hero-buttons .noor-3d-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px}
html body .hero-buttons .secondary-btn{padding:0 28px;font-weight:700}
html body .hero-search input{font-size:15px!important}
@media(max-width:1280px){html body .hero .floating-card{display:none}}

/* ---------- SECTION RHYTHM + TYPE ---------- */
html body .section{padding:clamp(56px,8vw,96px) 7%!important}
html body .section-heading{margin-bottom:clamp(30px,4vw,48px)!important}
html body .section-heading h2,html body .feature-content h2,html body .duas-content h2,html body .final-cta h2{font-size:clamp(36px,5vw,62px)!important;line-height:1!important}
html body .section-heading h2::after{content:"✦";display:block;margin-top:14px;font-size:15px;color:#c9a55c;letter-spacing:0}
html body .section-heading.left h2::after{text-align:left}
html body .topic-card p,html body .daily-card p:not(.arabic){font-size:15.5px!important;line-height:1.7!important}
html body .topic-card a{font-size:14.5px!important}
html body .hs-tile>span:last-child{font-size:15px}
html body .feature-content a,html body .feature-points a{font-size:14.5px!important}
html body footer .footer-links a,html body footer .footer-brand p,html body .footer-bottom,html body .trust-links a{font-size:14.5px!important}

/* ---------- SIGNATURE: gilded star lattice on dark cards ---------- */
html body .topic-card{background:var(--pg-pat),linear-gradient(135deg,#183f38,#12332e 45%,#0d2926)!important}
html body .daily-card{background:var(--pg-pat),linear-gradient(145deg,#1f5047,#163d36 60%,#12342f)!important}
html body .hadith-box{background:var(--pg-pat),linear-gradient(145deg,#174b42,#0d352f)!important}
html body .topic-card,html body .daily-card,html body .hadith-box{box-shadow:0 22px 50px rgba(7,30,27,.28),inset 0 0 0 1px rgba(216,188,120,.16),inset 0 1px 0 rgba(255,255,255,.08)!important}

/* ---------- FIXES ---------- */
/* Seerah timeline: number span is absolute, so the text must use the full column */
html body .timeline-item{grid-template-columns:1fr!important}
/* Explore tiles: 3D perspective pushed icons out of the cards */
html body .hs-grid,html body .hs-steps{perspective:none!important}
html body .hs-tile,html body .hs-steps li,html body .hs-ico,html body .hs-tile strong,html body .hs-tile>span:last-child,html body .hs-steps b,html body .hs-steps strong{transform:none!important}
/* "Where would you like to begin" box no longer touches the screen edges */
html body .quick-start-section{width:min(1180px,calc(100% - 32px));margin:clamp(30px,5vw,60px) auto;border-radius:32px;border:1px solid rgba(216,188,120,.45)}
/* Qur'an section: text and book on the same centre line */
html body .feature-section{align-items:center!important}
html body .quran-visual,html body .feature-content{align-self:center}
/* Dua section: readable eyebrow, Arabic no longer sits on "My Lord" */
html body .duas-section .eyebrow{color:#f0d890!important}
html body .dua-circle div{line-height:1.6!important;padding-top:10px;margin-bottom:8px}
html body .dua-circle small{font-size:15px!important}

/* ---------- PHONE ---------- */
@media(max-width:760px){
 html body .ah-hero{background:var(--pg-pat),radial-gradient(120% 90% at 85% 0,#2f7a66 0,transparent 55%),linear-gradient(160deg,#0f4a3d,#062b25)}
 html body .ah-art{opacity:.4;right:-14px;top:-10px}
 html body .ah-moon{right:20px;top:14px;font-size:38px}
 html body .ah-eyebrow{padding-right:70px}
 html body .ah-hero .ah-title{max-width:none!important;font-size:clamp(34px,10.5vw,42px)!important;line-height:1.02!important}
 html body .section{padding:52px 18px!important}
 html body .section-heading h2,html body .feature-content h2,html body .duas-content h2,html body .final-cta h2{font-size:clamp(34px,9.5vw,44px)!important}
 html body .topics-grid,html body .daily-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-18px;padding:4px 18px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 html body .topics-grid::-webkit-scrollbar,html body .daily-grid::-webkit-scrollbar{display:none}
 html body .topics-grid>*,html body .daily-grid>*{flex:0 0 82%;scroll-snap-align:center;min-height:0!important}
 html body .topic-card{padding:22px!important}
 html body .feature-points{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
 html body .feature-points a{justify-content:center;padding:10px 8px!important;text-align:center;font-size:13.5px!important}
 html body .quran-visual{height:300px;transform:scale(.8)}
 html body .hs-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
 html body .hs-tile{padding:16px 14px!important}
 html body .hs-tile strong{font-size:17px}
 html body .hs-tile>span:last-child{font-size:14px}
 html body .hs-sec{padding:34px 0}
 html body .quick-start-section{width:calc(100% - 20px);border-radius:26px}
}
@media(prefers-reduced-motion:reduce){html body .hero h1 span,html body .ah-hero .ah-title span{animation:none}}