/*
Theme Name: MI Al Islamiyah Kebonbatur
Theme URI: https://example.com/mi-al-islamiyah
Author: OpenAI
Description: Tema WordPress modern untuk MI Al Islamiyah Kebonbatur dengan profil madrasah, berita, PPDB, galeri, dan unduhan dokumen.
Version: 2.1.0
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.3
License: GNU General Public License v2 or later
Text Domain: mi-al-islamiyah
*/
:root{--green:#086b4e;--deep:#064332;--gold:#e7b84b;--ink:#172b25;--muted:#66756d;--cream:#f5f8f3;--line:#e0e9e2;--shadow:0 12px 35px rgba(8,53,39,.09);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7;background:white}a{color:var(--green);text-decoration:none}a:hover{color:#a97816}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--deep);color:#e8f4ed;font-size:.84rem}.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.topbar a{color:white}.site-header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e7ece8}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);min-width:0}.brand img.custom-logo{max-height:54px;width:auto}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--green),#15916a);display:grid;place-items:center;color:white;font-size:25px}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:1rem}.brand-text small{color:var(--muted);font-size:.75rem;margin-top:4px}.main-nav ul{display:flex;align-items:center;gap:20px;list-style:none;padding:0;margin:0}.main-nav a{font-size:.91rem;color:#263b32;font-weight:700}.main-nav a:hover{color:var(--green)}.nav-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:white;padding:8px 12px;color:var(--green)}.hero{background:radial-gradient(circle at 82% 8%,#d7efe2 0,transparent 33%),linear-gradient(120deg,#f5faf5,#edf7f0);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;padding:70px 0 80px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);background:#e2f2e9;border:1px solid #cbe8d7;padding:7px 13px;border-radius:99px;font-weight:750;font-size:.82rem}.eyebrow:before{content:"✦";color:#b58a24}.hero h1{font-size:clamp(2.5rem,5vw,4.45rem);line-height:1.08;letter-spacing:-.045em;margin:22px 0 20px}.hero h1 span{color:var(--green)}.hero p{font-size:1.06rem;color:#52645b;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border-radius:12px;background:var(--green);color:white;font-weight:750;border:1px solid var(--green);transition:.2s;cursor:pointer}.btn:hover{background:var(--deep);color:white;transform:translateY(-1px)}.btn-outline{background:white;color:var(--green);border-color:#c7d8ce}.hero-art{position:relative;min-height:360px;display:grid;place-items:center}.hero-photo,.hero-placeholder{width:100%;height:380px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.hero-placeholder{background:linear-gradient(145deg,#0c7657,#0b493a);display:grid;place-items:center;color:white;position:relative;overflow:hidden}.hero-placeholder:before,.hero-placeholder:after{content:"";position:absolute;border:1px solid #ffffff38;border-radius:50%;width:350px;height:350px}.hero-placeholder:after{width:240px;height:240px}.hero-emblem{font-size:100px;z-index:1}.floating-note{position:absolute;bottom:18px;left:-20px;background:white;padding:14px 18px;border-radius:16px;box-shadow:var(--shadow);max-width:245px}.floating-note strong{display:block;color:var(--green)}.floating-note small{color:var(--muted)}.stats{margin-top:-28px;position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px}.stat{text-align:center;padding:6px 14px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:1.7rem;color:var(--green);line-height:1.3}.stat span{font-size:.85rem;color:var(--muted)}.section{padding:74px 0}.section-soft{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.2;margin:10px 0 0;letter-spacing:-.03em}.section-head p{color:var(--muted);max-width:560px;margin:10px 0 0}.cards,.post-list,.gallery-grid,.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.post-card,.download-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 15px #0c3c2a09;transition:.2s}.card:hover,.post-card:hover,.download-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-image{height:205px;background:linear-gradient(135deg,#e3f2e8,#bddbc9);display:grid;place-items:center;font-size:52px;color:var(--green);overflow:hidden}.card-image img,.post-thumb img,.gallery-item img{width:100%;height:100%;object-fit:cover}.card-body{padding:21px}.card-body h3,.post-content h3{font-size:1.12rem;line-height:1.4;margin:0 0 10px}.card-body p,.post-content p{color:var(--muted);font-size:.93rem}.meta{font-size:.8rem;color:var(--muted);margin-bottom:9px}.read-more{font-weight:750}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.program{padding:23px;border-radius:18px;background:white;border:1px solid var(--line)}.program-icon{width:51px;height:51px;border-radius:15px;background:#e5f4eb;display:grid;place-items:center;font-size:25px;margin-bottom:16px}.program h3{margin:0 0 8px;font-size:1.04rem}.program p{margin:0;color:var(--muted);font-size:.9rem}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.about-visual{min-height:350px;border-radius:26px;background:linear-gradient(150deg,#0c7657,#063f31);display:grid;place-items:center;color:white;font-size:95px;position:relative;overflow:hidden}.about-visual:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff45;border-radius:50%}.about-copy h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;margin:12px 0}.about-copy p{color:var(--muted)}.check-list{list-style:none;padding:0;margin:22px 0}.check-list li{margin:10px 0;display:flex;gap:10px}.check-list li:before{content:"✓";color:var(--green);font-weight:900;background:#e2f2e9;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.cta{background:linear-gradient(110deg,#07513c,#0b7857);border-radius:26px;padding:38px;color:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.2;margin:0 0 10px}.cta p{margin:0;color:#d8eee4}.cta .btn{background:var(--gold);border-color:var(--gold);color:#26382e;white-space:nowrap}.post-thumb{height:205px;display:block;background:#e6f1e9;overflow:hidden}.post-content{padding:20px}.gallery-item{display:block;height:230px;border-radius:16px;overflow:hidden;background:#e4f0e7;position:relative}.gallery-item:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#052f23b8)}.gallery-item span{position:absolute;bottom:14px;left:16px;color:white;z-index:1;font-weight:750}.download-card{padding:22px;display:flex;gap:15px;align-items:flex-start}.download-icon{font-size:30px;background:#e6f4eb;border-radius:13px;padding:12px}.download-card h3{margin:0 0 5px;font-size:1.02rem}.download-card p{font-size:.88rem;color:var(--muted);margin:0 0 12px}.cta .btn:hover{background:#f3cf73;color:#21352b}.site-footer{background:#092f25;color:#d6e5dc;padding:54px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:38px;padding-bottom:36px}.site-footer h3,.site-footer h4{color:white;margin-top:0}.site-footer p,.site-footer li{color:#b7cdc1;font-size:.93rem}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:8px 0}.site-footer a{color:#d6e5dc}.footer-bottom{border-top:1px solid #ffffff20;padding:18px 0;font-size:.82rem;color:#9db9aa;display:flex;justify-content:space-between;gap:16px}.content-wrap{padding:48px 0 78px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}.entry{margin-bottom:30px}.entry h1,.page-title{font-size:clamp(2rem,4vw,3rem);line-height:1.15}.entry-content{font-size:1.02rem}.entry-content img{border-radius:14px}.sidebar .widget{padding:22px;border:1px solid var(--line);border-radius:16px;margin-bottom:20px}.sidebar h2{font-size:1.1rem;margin-top:0}.pagination{display:flex;gap:8px;margin-top:25px}.page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:8px}.page-numbers.current{background:var(--green);color:white}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.wp-block-button__link{background:var(--green);border-radius:10px}.wp-block-quote{border-left:4px solid var(--gold);padding-left:20px}
@media(max-width:900px){.main-nav{display:none;position:absolute;left:18px;right:18px;top:74px;background:white;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.main-nav.is-open{display:block}.main-nav ul{flex-direction:column;align-items:stretch;gap:14px}.nav-toggle{display:block}.hero-grid{grid-template-columns:1fr;padding:52px 0 62px}.hero-art{min-height:290px}.hero-photo,.hero-placeholder{height:310px}.floating-note{left:10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line);padding-bottom:15px}.stat:nth-child(n+3){padding-top:15px}.cards,.post-list,.gallery-grid,.download-grid{grid-template-columns:repeat(2,1fr)}.program-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.content-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.container{width:calc(100% - 28px)}.topbar-inner{font-size:.75rem;flex-direction:column;gap:2px}.header-inner{min-height:72px}.brand-mark{width:41px;height:41px}.brand-text strong{font-size:.9rem}.brand-text small{font-size:.68rem}.hero-grid{padding:40px 0 52px;gap:25px}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.hero-art{min-height:230px}.hero-photo,.hero-placeholder{height:250px}.hero-emblem{font-size:75px}.section{padding:52px 0}.section-head{display:block}.cards,.post-list,.gallery-grid,.download-grid{grid-template-columns:1fr}.program-grid{grid-template-columns:1fr 1fr;gap:11px}.program{padding:16px}.program-icon{width:43px;height:43px}.stats-grid{padding:13px}.stat strong{font-size:1.35rem}.stat span{font-size:.73rem}.about-visual{min-height:250px;font-size:72px}.cta{padding:26px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-bottom{flex-direction:column}.content-wrap{padding:30px 0 50px}}

.ppdb-form{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;max-width:850px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.form-grid p{margin:8px 0}.form-grid .full{grid-column:1/-1}.ppdb-form label{display:block;font-weight:700;margin-bottom:6px}.ppdb-form input{width:100%;border:1px solid #d6e1d9;border-radius:10px;padding:12px}.privacy-note{font-size:.83rem;color:var(--muted)}.ppdb-message{padding:14px;border-radius:10px;background:#fff4d9;color:#674b08}.ppdb-message.success{background:#e1f5e8;color:#145536}@media(max-width:580px){.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}

.calendar-list{display:grid;gap:14px;max-width:900px}.calendar-item{display:flex;gap:18px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.calendar-date{min-width:76px;padding:10px;border-radius:13px;background:#e5f4eb;color:var(--green);text-align:center}.calendar-date strong{display:block;font-size:1.55rem;line-height:1.2}.calendar-date span{font-size:.78rem}.calendar-item h3{margin:0 0 5px;font-size:1.08rem}.calendar-item p{margin:0;color:var(--muted);font-size:.9rem}.whatsapp-btn{background:#137b53;border-color:#137b53}.whatsapp-btn:hover{background:#07513c}@media(max-width:580px){.calendar-item{gap:12px;padding:13px}.calendar-date{min-width:66px}}