/* ASADIYAH FINAL v112 - MERGED template-frontend + ULTRA GLASS v111 - CLEAN ISLAMIC + NGEBUT - NO @import */
:root{--asadiyah-green:#087443; --asadiyah-green-dark:#075f38; --asadiyah-gold:#c99a2e; --asadiyah-bg:#f6f8f6; --asadiyah-container:1200px; --primary:#062814; --primary2:#0a4d2e; --gold:#d4af37; --gold2:#f6e8a6; --dark:#08190f; --glass:rgba(255,255,255,.78); --glass2:rgba(255,255,255,.92); --border:rgba(8,40,20,.08); --r:20px; --r-lg:28px;}
*{box-sizing:border-box;} html{scroll-behavior:smooth;}
body{margin:0; background:var(--asadiyah-bg); color:#17221d; font-family:'Plus Jakarta Sans', Inter, Poppins, sans-serif; font-size:15px; line-height:1.7;}
img{max-width:100%; height:auto;} a{text-decoration:none !important;}
.asadiyah-container{width:100%; max-width:var(--asadiyah-container); margin:0 auto; padding:0 20px;}
main{min-height:60vh;}

/* HEADER - FIX RESPONSIVE - NO PAKSA PUTIH SEMUA */
.jl_header, .header-wraper, .jl_header_magazine{background:#ffffff !important; border-bottom:1px solid #e5ebe7 !important;}
.jl_header .logo img{max-height:58px;}
.main-nav, .jl_main_menu{background:#087443 !important;}
.main-nav a, .jl_main_menu a, #main-menu li a{color:#ffffff !important; font-weight:600;}
.main-nav a:hover, .jl_main_menu a:hover{color:var(--asadiyah-gold) !important;}
.search-button, .menu-button, .jl_search, .jl_mobile_menu{background:#f1f5f2 !important; color:#087443 !important;}
@media(max-width:767px){.jl_header .logo img{max-height:44px;} .main-nav{display:none;} .jl_mobile_menu{display:flex !important;}}

/* ASADIYAH HOME - GLASS ISLAMIC VISIONER - OPTIMIZED */
.asadiyah-home{--bg:#f5f8f5; background:var(--bg); color:var(--dark); padding-bottom:90px; position:relative; overflow-x:hidden;}
.asadiyah-home::before{content:""; position:fixed; top:0; left:0; right:0; height:70vh; background:radial-gradient(ellipse 900px 600px at 8% 5%, rgba(212,175,55,.12) 0%, transparent 55%), radial-gradient(ellipse 700px 500px at 92% 10%, rgba(10,77,46,.12) 0%, transparent 50%); pointer-events:none; z-index:0;}
.asadiyah-home::after{content:""; position:fixed; inset:0; background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 8 L36 24 L52 24 L39 34 L43 50 L32 40 L21 50 L25 34 L12 24 L28 24 Z' fill='none' stroke='%23087443' stroke-width='.4' opacity='.18'/%3E%3C/svg%3E"); opacity:.02; pointer-events:none; z-index:0;}
.asadiyah-home .asadiyah-container{position:relative; z-index:1;}
.asadiyah-home a{color:#0f2418 !important;} .asadiyah-home a:hover{color:#0a4d2e !important;}

/* ORG BAR GLASS */
.asadiyah-org-bar{display:flex; gap:8px; overflow-x:auto; padding:6px 2px 10px; scrollbar-width:none; margin:14px 0 20px;}
.asadiyah-org-bar::-webkit-scrollbar{display:none;}
.asadiyah-org-badge{display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:100px; background:rgba(255,255,255,.85); backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.7); box-shadow:0 8px 20px rgba(6,40,20,.06); font-size:11.5px; font-weight:700; color:var(--dark); white-space:nowrap; flex:0 0 auto;}
.asadiyah-org-badge i{width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,var(--primary) 0%,var(--primary2) 100%); color:#fff; display:flex; align-items:center; justify-content:center; font-size:11px;}
.asadiyah-org-badge.gold{background:linear-gradient(135deg,#fdf8e8 0%,#fff 100%); border-color:rgba(212,175,55,.25);}
.asadiyah-org-badge.gold i{background:linear-gradient(135deg,var(--gold) 0%,#b8962e 100%);}
.asadiyah-org-badge.live{position:relative; padding-left:28px;}
.asadiyah-org-badge.live::before{content:""; position:absolute; left:12px; top:50%; width:8px; height:8px; margin-top:-4px; background:#22c55e; border-radius:50%; box-shadow:0 0 0 4px rgba(34,197,94,.15); animation:pulseLive 2s infinite;}
@keyframes pulseLive{0%{box-shadow:0 0 0 0 rgba(34,197,94,.35)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

/* HERO BENTO GLASS */
.asadiyah-hero-wrap{display:grid; grid-template-columns:1.7fr .9fr; gap:14px; margin-top:18px;}
.asadiyah-hero-main{position:relative; border-radius:var(--r-lg); overflow:hidden; min-height:500px; background:#08190f; border:1px solid rgba(255,255,255,.14); box-shadow:0 24px 60px rgba(6,40,20,.18);}
.asadiyah-hero-slider{position:absolute; inset:0;}
.asadiyah-hero-slide{position:absolute; inset:0; opacity:0; transition:opacity .6s ease;}
.asadiyah-hero-slide.active{opacity:1;}
.asadiyah-hero-slide img{width:100%; height:100%; object-fit:cover;}
.asadiyah-hero-main::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(6,40,20,.92) 0%, rgba(6,40,20,.48) 48%, rgba(6,40,20,.12) 78%, transparent 100%), linear-gradient(0deg, rgba(0,0,0,.55) 0%, transparent 60%);}
.asadiyah-hero-content{position:absolute; z-index:2; left:0; right:0; bottom:0; padding:42px 36px 28px;}
.asadiyah-hero-label{display:inline-flex; gap:6px; align-items:center; padding:7px 12px; border-radius:100px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); color:#ffeaa3; font-size:10px; font-weight:800; letter-spacing:.12em; margin-bottom:12px; backdrop-filter:blur(10px);}
.asadiyah-hero-content h2{margin:0; color:#fff !important; font-family:'Amiri', serif; font-size:32px; line-height:1.22; font-weight:700; max-width:620px; text-shadow:0 8px 24px rgba(0,0,0,.4);}
.asadiyah-hero-content h2 span{display:block; margin-top:10px; font-family:'Plus Jakarta Sans', sans-serif; font-size:13px; font-weight:700; letter-spacing:.12em; color:var(--gold2); text-transform:uppercase;}
.asadiyah-hero-control{position:absolute; z-index:3; top:50%; width:42px; height:42px; margin-top:-21px; border-radius:50%; background:rgba(255,255,255,.92); border:0; color:var(--dark); cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(0,0,0,.15); transition:.2s;}
.asadiyah-hero-control:hover{transform:scale(1.06);}
.asadiyah-hero-prev{left:14px;} .asadiyah-hero-next{right:14px;}
.asadiyah-hero-dots{position:absolute; z-index:3; left:50%; bottom:14px; transform:translateX(-50%); display:flex; gap:6px; padding:6px 10px; border-radius:100px; background:rgba(0,0,0,.32); backdrop-filter:blur(10px);}
.asadiyah-hero-dots button{width:7px; height:7px; border-radius:50%; border:0; background:rgba(255,255,255,.5); transition:.2s;}
.asadiyah-hero-dots button.active{width:20px; background:#fff;}

.asadiyah-hero-side{display:flex; flex-direction:column; gap:14px;}
.asadiyah-hero-side-card{background:var(--glass2); backdrop-filter:blur(20px) saturate(1.3); -webkit-backdrop-filter:blur(20px) saturate(1.3); border:1px solid rgba(255,255,255,.75); border-radius:var(--r); padding:18px; box-shadow:0 12px 32px rgba(6,40,20,.08);}
.asadiyah-hero-side-card.leader{display:flex; flex-direction:column; gap:12px;}
.asadiyah-hero-side-card.leader img{width:84px; height:84px; border-radius:18px; object-fit:cover; flex:0 0 84px; border:3px solid #fff; box-shadow:0 8px 20px rgba(0,0,0,.1);}
.asadiyah-hero-side-card.leader .jabatan{background:var(--primary); color:#fff; padding:4px 9px; border-radius:100px; font-size:9.5px; font-weight:800; display:inline-block; margin-bottom:5px; letter-spacing:.06em;}
.asadiyah-hero-side-card.leader h3{font-size:14px; font-weight:800; margin:0 0 4px; line-height:1.3; color:var(--dark);}
.asadiyah-hero-side-card.leader p{font-size:11.5px; color:#6e7f74; margin:0; line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.btn-glass{display:flex; width:100%; justify-content:center; gap:6px; padding:10px; background:var(--dark); color:#fff !important; border-radius:100px; font-size:11px; font-weight:800; letter-spacing:.04em; transition:.2s;}
.btn-glass:hover{transform:translateY(-1px);}

/* ANNOUNCEMENT GLASS */
.asadiyah-announcement-glass{background:var(--glass); backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.7); border-radius:16px; box-shadow:0 8px 22px rgba(6,40,20,.06); display:flex; overflow:hidden; margin:0 0 28px;}
.asadiyah-announcement-glass-title{background:var(--primary); color:#fff; padding:10px 14px; font-size:11px; font-weight:800; display:flex; align-items:center; gap:6px; white-space:nowrap;}
.asadiyah-announcement-glass-marquee{flex:1; overflow:hidden; display:flex; align-items:center;}
.asadiyah-announcement-glass-track{display:flex; gap:32px; white-space:nowrap; padding:10px 14px; font-size:12px; font-weight:600; animation:marq 60s linear infinite;}
@keyframes marq{from{transform:translateX(0)} to{transform:translateX(-50%)}}

/* SECTIONS */
.asadiyah-section{margin-bottom:32px;}
.asadiyah-section-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;}
.asadiyah-section-title-wrap{display:flex; align-items:center; gap:10px;}
.asadiyah-section-icon{width:34px; height:34px; border-radius:11px; background:linear-gradient(135deg,var(--primary) 0%,var(--primary2) 100%); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; box-shadow:0 8px 18px rgba(6,40,20,.18);}
.asadiyah-section-title-wrap h2{margin:0; font-size:16.5px; font-weight:800; color:var(--dark); line-height:1.2;}
.asadiyah-section-title-wrap p{margin:2px 0 0; font-size:10.5px; color:#7a8a80; font-weight:600;}
.asadiyah-more{background:#fff; border:1px solid var(--border); padding:6px 12px; border-radius:100px; font-size:11px; font-weight:700; color:var(--primary2) !important; box-shadow:0 2px 8px rgba(0,0,0,.04);}

.asadiyah-bento{display:grid; grid-template-columns:1.6fr 1fr; gap:12px;}
.asadiyah-bento-main{position:relative; height:440px; border-radius:var(--r); overflow:hidden; background:#ddd; border:1px solid rgba(0,0,0,.06); box-shadow:0 8px 24px rgba(0,0,0,.06);}
.asadiyah-bento-main img{width:100%; height:100%; object-fit:cover; transition:transform .5s;}
.asadiyah-bento-main:hover img{transform:scale(1.04);}
.asadiyah-bento-overlay{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:20px; background:linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.1) 62%, transparent 100%); color:#fff;}
.asadiyah-bento-badge{background:var(--gold); color:#1a1200 !important; padding:5px 10px; border-radius:100px; font-size:9.5px; font-weight:800; width:max-content; margin-bottom:10px; display:inline-flex; gap:5px; align-items:center;}
.asadiyah-bento-overlay h2{margin:0 0 8px; font-size:19px; line-height:1.35; font-weight:800; color:#fff !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.asadiyah-bento-list{display:flex; flex-direction:column; gap:10px;}
.asadiyah-bento-item{display:flex; gap:10px; padding:9px; background:var(--glass); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.65); border-radius:14px; box-shadow:0 4px 14px rgba(0,0,0,.04); transition:.15s;}
.asadiyah-bento-item:hover{transform:translateY(-1px); box-shadow:0 8px 20px rgba(0,0,0,.06);}
.asadiyah-bento-item img{width:64px; height:64px; border-radius:12px; object-fit:cover; flex:0 0 64px;}
.asadiyah-bento-item h3{margin:0 0 3px; font-size:12px; line-height:1.4; font-weight:700; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.asadiyah-counter-glass{display:grid; grid-template-columns:repeat(4,1fr); gap:10px;}
.asadiyah-counter-glass-card{background:var(--glass); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.65); border-radius:16px; padding:16px 10px; text-align:center; box-shadow:0 4px 16px rgba(0,0,0,.04); transition:.15s;}
.asadiyah-counter-glass-card:hover{transform:translateY(-1px);}
.asadiyah-counter-glass-card .icon{width:38px; height:38px; margin:0 auto 9px; border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:15px;}
.asadiyah-counter-glass-card h3{margin:0; font-size:18px; font-weight:800; color:var(--dark);}
.asadiyah-counter-glass-card p{margin:4px 0 0; font-size:10px; color:#7a8a80; font-weight:700; text-transform:uppercase; letter-spacing:.06em;}

.asadiyah-terkini-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.asadiyah-terkini-card{position:relative; background:var(--glass); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.65); border-radius:16px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.04); transition:.15s;}
.asadiyah-terkini-card:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.06);}
.asadiyah-terkini-img{display:block; aspect-ratio:16/10.5; overflow:hidden; background:#eef2ee;}
.asadiyah-terkini-img img{width:100%; height:100%; object-fit:cover; transition:.4s;}
.asadiyah-terkini-card:hover .asadiyah-terkini-img img{transform:scale(1.05);}
.asadiyah-terkini-body{padding:12px 14px;}
.asadiyah-terkini-meta{font-size:10px; color:#7a8a80; margin-bottom:5px; display:flex; gap:6px; align-items:center;}
.asadiyah-terkini-meta span{background:rgba(10,77,46,.08); color:var(--primary2); padding:3px 8px; border-radius:100px; font-weight:800; font-size:9.5px;}
.asadiyah-terkini-body h3{margin:0; font-size:12.5px; line-height:1.45; font-weight:700; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.asadiyah-lembaga-glass{display:grid; grid-template-columns:repeat(4,1fr); gap:10px;}
.asadiyah-lembaga-card{background:var(--glass); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.65); border-radius:16px; padding:14px 8px; text-align:center; box-shadow:0 4px 16px rgba(0,0,0,.04); transition:.15s; min-height:120px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.asadiyah-lembaga-card:hover{transform:translateY(-2px); border-color:rgba(212,175,55,.28); box-shadow:0 10px 24px rgba(0,0,0,.06);}
.asadiyah-lembaga-icon{width:52px; height:52px; background:#fff; border:1px solid #eef2ee; border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:9px; box-shadow:0 2px 8px rgba(0,0,0,.04);}
.asadiyah-lembaga-icon img{width:36px; height:36px; object-fit:contain;}
.asadiyah-lembaga-card h3{margin:0; font-size:11px; font-weight:700; line-height:1.35; color:var(--dark); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.asadiyah-ebook-glass{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
.asadiyah-ebook-item{position:relative; height:200px; border-radius:16px; overflow:hidden; background:#ddd; border:1px solid rgba(0,0,0,.06); box-shadow:0 4px 16px rgba(0,0,0,.04); transition:.15s;}
.asadiyah-ebook-item:hover{transform:translateY(-2px);}
.asadiyah-ebook-item img{width:100%; height:100%; object-fit:cover;}
.asadiyah-ebook-glass-overlay{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:11px 12px; background:linear-gradient(to top, rgba(0,0,0,.86) 0%, rgba(0,0,0,.15) 58%, transparent 100%);}
.asadiyah-ebook-tag{background:var(--primary2); color:#fff; padding:3px 8px; border-radius:100px; font-size:8.5px; font-weight:800; width:max-content; margin-bottom:6px; letter-spacing:.04em;}
.asadiyah-ebook-glass-overlay h3{margin:0; font-size:12px; line-height:1.35; font-weight:700; color:#fff !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.asadiyah-widget{background:var(--glass); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.65); border-radius:16px; padding:14px; margin-bottom:14px; box-shadow:0 4px 16px rgba(0,0,0,.04);}
.asadiyah-sebaran-box{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:12px;}
.asadiyah-sebaran-card{background:#f6faf7; border:1px solid #eef0ea; border-radius:12px; padding:10px; text-align:center;}
.asadiyah-sebaran-card b{display:block; font-size:18px; color:var(--primary2);} .asadiyah-sebaran-card span{font-size:10px; color:#718078;}

/* FOOTER */
.footer-bottom{background:radial-gradient(ellipse 600px 200px at 15% 0%, rgba(8,116,67,0.10) 0%, transparent 60%), radial-gradient(ellipse 500px 180px at 85% 100%, rgba(201,154,46,0.13) 0%, transparent 60%), #ffffff !important; border-top:1px solid rgba(0,0,0,.06) !important; padding:18px 0;}
.footer-bottom a{color:rgba(0,0,0,.62) !important;} .footer-bottom a:hover{color:var(--asadiyah-green) !important;}

/* FORCE OVERRIDE - PINDAH DARI INLINE KE CSS FILE */
.asadiyah-home .asadiyah-news-title a, .asadiyah-home .asadiyah-bento-item h3 a, .asadiyah-home .asadiyah-terkini-body h3 a{color:#0f2418 !important;}
.asadiyah-home .asadiyah-section-heading::before, .asadiyah-home .asadiyah-section-title-wrap::before{background:linear-gradient(180deg,#0a4d2e 0%,#c99a2e 100%) !important;}

@media(max-width:991px){.asadiyah-hero-wrap{grid-template-columns:1fr;} .asadiyah-bento{grid-template-columns:1fr;} .asadiyah-terkini-grid{grid-template-columns:repeat(2,1fr);} .asadiyah-lembaga-glass{grid-template-columns:repeat(3,1fr);} .asadiyah-ebook-glass{grid-template-columns:repeat(2,1fr);} .asadiyah-counter-glass{grid-template-columns:repeat(2,1fr);} .asadiyah-home .asadiyah-hero-main{min-height:360px;} .asadiyah-home .asadiyah-hero-content h2{font-size:24px;}}
@media(max-width:576px){.asadiyah-terkini-grid{grid-template-columns:1fr;} .asadiyah-lembaga-glass{grid-template-columns:repeat(2,1fr);} .asadiyah-org-bar{margin:10px 0 16px;} .asadiyah-home{padding-bottom:60px;}}
@media(max-width:768px){.asadiyah-home .asadiyah-hero-side-card, .asadiyah-home .asadiyah-bento-item, .asadiyah-home .asadiyah-counter-glass-card, .asadiyah-home .asadiyah-terkini-card, .asadiyah-home .asadiyah-lembaga-card, .asadiyah-home .asadiyah-widget{backdrop-filter:none !important; -webkit-backdrop-filter:none !important;}}