/* Global premium visuals */
body[data-page]{--page-art:none}.hero{position:relative;overflow:hidden;isolation:isolate}.hero>.container{position:relative;z-index:2}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(255,229,168,.36),transparent 22%),linear-gradient(120deg,transparent 55%,rgba(18,61,52,.05));z-index:-2;pointer-events:none}.hero::after{content:"";position:absolute;right:max(18px,calc((100vw - 1180px)/2));top:50%;transform:translateY(-50%);width:min(42vw,540px);aspect-ratio:12/7;background-image:var(--page-art);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.96;filter:drop-shadow(0 28px 35px rgba(18,61,52,.12));z-index:1;pointer-events:none}.hero h1,.hero p,.hero .tag,.hero .eyebrow,.hero .progress,.hero .notice{max-width:57%}body[data-page="prophetes"]{--page-art:url('assets/visual-prophetes.svg')}body[data-page="piliers"]{--page-art:url('assets/visual-piliers.svg')}body[data-page="hadiths"]{--page-art:url('assets/visual-hadiths.svg')}body[data-page="invocations"]{--page-art:url('assets/visual-invocations.svg')}body[data-page="priere"]{--page-art:url('assets/visual-piliers.svg')}body[data-page="home"]{--page-art:url('visual-mosque.svg')}
.hero-card,.card,.pillar,.step,.path-card,.name-card,.wudu-card{position:relative;overflow:hidden}.hero-card::after,.card::after,.pillar::after,.path-card::after,.name-card::after,.wudu-card::after{content:"";position:absolute;right:-28px;bottom:-34px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(185,147,82,.11),rgba(185,147,82,0) 70%);pointer-events:none}.card::before,.pillar::before,.step::before,.path-card::before,.name-card::before,.wudu-card::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#123d34,#b99352,#1c5c4f);opacity:.62;pointer-events:none}
.topic-card[href*="prophetes"]{background-image:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),url('assets/visual-prophetes.svg');background-size:cover;background-position:center}.topic-card[href*="piliers"]{background-image:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),url('assets/visual-piliers.svg');background-size:cover;background-position:center}.topic-card[href*="hadiths"]{background-image:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),url('assets/visual-hadiths.svg');background-size:cover;background-position:center}.topic-card[href*="invocations"]{background-image:linear-gradient(rgba(255,255,255,.93),rgba(255,255,255,.93)),url('assets/visual-invocations.svg');background-size:cover;background-position:center}.topic-card[href*="priere"]{background-image:linear-gradient(rgba(255,255,255,.93),rgba(255,255,255,.93)),url('visual-mosque.svg');background-size:cover;background-position:center}
.section.alt,.section:nth-of-type(even){background-image:radial-gradient(circle at 12% 20%,rgba(185,147,82,.07) 0 2px,transparent 2px),radial-gradient(circle at 82% 70%,rgba(18,61,52,.05) 0 2px,transparent 2px);background-size:38px 38px,46px 46px}.section h2{position:relative}.section h2::after{content:"";display:block;width:52px;height:4px;border-radius:4px;background:linear-gradient(90deg,#b99352,#1c5c4f);margin-top:12px}.name-card{background:linear-gradient(145deg,#fff 0%,#fffaf1 100%)}.name-card .arabic{text-shadow:0 1px 0 #fff}.wudu-card{background:linear-gradient(145deg,#fff 0%,#f9f4e9 100%)}.wudu-visual{box-shadow:inset 0 0 0 1px rgba(185,147,82,.18),0 8px 22px rgba(18,61,52,.07)}.card,.pillar,.step,.path-card,.name-card,.wudu-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover,.pillar:hover,.path-card:hover,.name-card:hover,.wudu-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(18,61,52,.13)!important;border-color:rgba(185,147,82,.35)!important}.arabic{letter-spacing:.01em}.tag,.eyebrow{box-shadow:0 8px 20px rgba(18,61,52,.07)}
@media(max-width:900px){.hero::after{position:relative;display:block;right:auto;top:auto;transform:none;width:min(100%,580px);margin:28px auto -6px;aspect-ratio:12/7}.hero h1,.hero p,.hero .tag,.hero .eyebrow,.hero .progress,.hero .notice{max-width:100%}.section h2::after{width:44px}}
@media(max-width:640px){.hero::after{margin-top:22px}.card:hover,.pillar:hover,.path-card:hover,.name-card:hover,.wudu-card:hover{transform:none}.topic-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){.card,.pillar,.step,.path-card,.name-card,.wudu-card{transition:none!important}}

/* Premium editorial system — no emoji dependency */
.topic-icon,.symbol,.wudu-visual{font-size:0!important;position:relative;background:linear-gradient(145deg,#fbf8f1,#eef3ef)!important;border:1px solid rgba(18,61,52,.13)!important;box-shadow:0 10px 28px rgba(18,61,52,.08)!important}
.topic-icon::before,.symbol::before,.wudu-visual::before{content:"";width:24px;height:24px;border:1.6px solid #123d34;border-radius:6px;opacity:.9;display:block;box-sizing:border-box}
.topic-icon::after,.symbol::after,.wudu-visual::after{content:"";position:absolute;width:9px;height:9px;border:1.5px solid #b99352;border-radius:50%;right:9px;bottom:9px;background:#fbf7ef}
.topic-card[href*="prophetes"] .topic-icon::before,.topic-card[href*="hadiths"] .topic-icon::before{border-radius:3px;box-shadow:inset -6px 0 0 rgba(18,61,52,.07)}
.topic-card[href*="piliers"] .topic-icon::before{border-radius:2px;transform:rotate(45deg)}
.topic-card[href*="invocations"] .topic-icon::before{border-radius:50% 50% 44% 44%;height:27px;width:18px}
.topic-card[href*="priere"] .topic-icon::before{width:27px;height:18px;border-radius:14px 14px 4px 4px;border-bottom-width:2px}
.hero-card .mosque{font-size:0!important;width:86px;height:86px;border-radius:24px;background:linear-gradient(145deg,#f7f1e5,#e7efe9);border:1px solid rgba(18,61,52,.12);position:relative;margin-bottom:20px;box-shadow:0 12px 28px rgba(18,61,52,.08)}
.hero-card .mosque::before{content:"";position:absolute;left:50%;bottom:17px;transform:translateX(-50%);width:38px;height:35px;border:2px solid #123d34;border-radius:20px 20px 4px 4px}
.hero-card .mosque::after{content:"";position:absolute;left:50%;top:15px;transform:translateX(-50%);width:10px;height:10px;border:2px solid #b99352;border-radius:50%}
.eyebrow,.tag{letter-spacing:.09em!important;text-transform:uppercase;font-size:11px!important}
.card,.pillar,.step,.path-card,.name-card,.wudu-card{border-color:rgba(18,61,52,.08)!important;box-shadow:0 16px 46px rgba(18,61,52,.08)!important;background-color:rgba(255,255,255,.94)!important}
.card h3,.pillar h3,.path-card h3,.wudu-card h3{letter-spacing:-.025em}
.section h2::after{height:2px!important;width:42px!important;background:#b99352!important}
.quick-item{position:relative;padding-left:36px!important}
.quick-item::before{content:"";position:absolute;left:14px;width:8px;height:8px;border-radius:50%;border:1.5px solid #b99352;background:transparent}
.count{letter-spacing:.05em;font-size:12px!important;padding:7px 12px!important;box-shadow:none!important}
.wudu-card .wudu-visual::before{border-radius:50% 50% 55% 55%/45% 45% 65% 65%;width:18px;height:25px}
.nav a,.links a,.navlinks a{letter-spacing:.01em}

/* Premium burger icon — drawn in CSS, no emoji/text dependency */
.menu-btn,.mobile-menu-btn{position:relative!important;min-width:44px;min-height:44px;display:none;align-items:center;justify-content:center;border:1px solid rgba(18,61,52,.14)!important;background:#fff!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(18,61,52,.08);font-size:0!important;color:transparent!important;cursor:pointer}
.menu-btn::before,.mobile-menu-btn::before{content:"";position:absolute;width:20px;height:2px;background:#123d34;border-radius:999px;box-shadow:0 -6px 0 #123d34,0 6px 0 #123d34;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.menu-btn[aria-expanded="true"]::before,.mobile-menu-btn[aria-expanded="true"]::before{transform:rotate(45deg);box-shadow:none;background:#123d34}
.menu-btn[aria-expanded="true"]::after,.mobile-menu-btn[aria-expanded="true"]::after{content:"";position:absolute;width:20px;height:2px;background:#123d34;border-radius:999px;transform:rotate(-45deg)}
@media(max-width:980px){.menu-btn{display:inline-flex!important}}
@media(max-width:900px){.mobile-menu-btn{display:inline-flex!important}}

@media(max-width:640px){.hero-card .mosque{width:72px;height:72px}.topic-icon,.symbol,.wudu-visual{width:48px!important;height:48px!important}.topic-icon::before,.symbol::before,.wudu-visual::before{width:21px;height:21px}}
/* Safari-safe burger fallback */
.menu-btn .burger-lines,.mobile-menu-btn .burger-lines{display:block!important;position:relative;width:20px;height:2px;background:#123d34;border-radius:999px;box-shadow:0 -6px 0 #123d34,0 6px 0 #123d34}
@media(max-width:980px){button.menu-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;width:46px!important;height:46px!important;padding:0!important;align-items:center!important;justify-content:center!important;z-index:1000!important}}
@media(max-width:900px){button.mobile-menu-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;width:46px!important;height:46px!important;padding:0!important;align-items:center!important;justify-content:center!important;z-index:1000!important}}

/* Premium emblem system */
.topic-icon{width:72px!important;height:72px!important;border-radius:22px!important;background-color:#0f3a31!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:1px solid rgba(185,147,82,.42)!important;box-shadow:0 14px 34px rgba(18,61,52,.18),inset 0 0 0 1px rgba(255,255,255,.18)!important;overflow:hidden!important}
.topic-icon::before,.topic-icon::after{display:none!important}
.topic-card[href*="prophetes"] .topic-icon{background-image:url('assets/premium-prophetes.svg')!important}
.topic-card[href*="piliers"] .topic-icon{background-image:url('assets/premium-piliers.svg')!important}
.topic-card[href*="noms"] .topic-icon{background-image:url('assets/premium-noms.svg')!important}
.topic-card[href*="hadiths"] .topic-icon{background-image:url('assets/premium-hadiths.svg')!important}
.topic-card[href*="invocations"] .topic-icon{background-image:url('assets/premium-invocations.svg')!important}
.topic-card[href*="priere"] .topic-icon{background-image:url('assets/premium-priere.svg')!important}
.topic-card{padding-top:26px!important}
.topic-card .topic-icon{transition:transform .25s ease,box-shadow .25s ease}
.topic-card:hover .topic-icon{transform:scale(1.06) translateY(-2px);box-shadow:0 18px 42px rgba(18,61,52,.25),0 0 0 1px rgba(185,147,82,.45)!important}
@media(max-width:640px){.topic-icon{width:64px!important;height:64px!important;border-radius:20px!important}}

/* Wudu premium icons from the approved ablution artwork */
body[data-page="priere"] .wudu-visual{background-image:url('assets/ablutions-premium.webp')!important;background-size:900% auto!important;background-repeat:no-repeat!important;background-color:#0d3a31!important;border-color:rgba(185,147,82,.42)!important;box-shadow:0 12px 26px rgba(18,61,52,.18)!important}
body[data-page="priere"] .wudu-visual::before,body[data-page="priere"] .wudu-visual::after{display:none!important}
@media(max-width:640px){body[data-page="priere"] .wudu-visual{width:100%!important;height:88px!important}}

/* FINAL APPROVED ARTWORK — homepage rubric emblems */
.topic-icon{background-size:160% auto!important;background-position:center 16%!important}/* FINAL APPROVED ARTWORK — individual wudu steps */
body[data-page="priere"] .wudu-visual{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#0d3a31!important}@media(max-width:640px){body[data-page="priere"] .wudu-visual{width:100%!important;height:96px!important}}