
/*
Theme Name: Mini Active 2026
Theme URI: https://miniactive.org/
Author: Mini Active
Description: A custom bilingual, responsive WordPress theme for Mini Active.
Version: 5.0.0
Text Domain: mini-active
*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

:root{
--forest:#1f4d2e;--forest-dark:#12351e;--olive:#7a8f2a;--sage:#a8c27d;--cream:#f8faf4;--ink:#20251f;--muted:#667064;--white:#fff;--border:rgba(31,77,46,.14);--shadow:0 18px 55px rgba(22,50,31,.10);--radius-xl:34px;--radius-lg:26px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Cairo",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.75}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:84px 0}.soft{background:var(--cream)}
.topbar{background:var(--forest-dark);color:#fff;font-size:.9rem}.topbar-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:62px;height:62px;object-fit:contain}.brand strong{display:block;color:var(--forest-dark);font-size:1.2rem}.brand small{color:var(--olive);font-weight:800}.nav-links{display:flex;align-items:center;gap:28px;font-weight:800}.nav-links a:hover,.nav-links .current-menu-item>a,.nav-links a.active{color:var(--olive)}.actions{display:flex;align-items:center;gap:10px}.lang{display:flex;border:1px solid var(--border);border-radius:999px;padding:4px;background:var(--cream)}.lang a{padding:6px 9px;border-radius:999px;font-weight:900;font-size:.82rem}.lang a.active{background:var(--forest);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-weight:900;border:1px solid transparent;transition:.25s;cursor:pointer}.btn.primary{background:var(--forest);color:#fff;box-shadow:0 10px 25px rgba(31,77,46,.22)}.btn.secondary{border-color:var(--forest);color:var(--forest);background:#fff}.btn.whatsapp{background:#25D366;color:#fff}.menu-toggle{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--border);background:#fff}.mobile-nav{display:none}
.hero{padding:72px 0;background:linear-gradient(135deg,#fbfcf7,#f2f6e9)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.hero h1{font-size:clamp(2.8rem,6vw,5.7rem);line-height:1.05;margin:0 0 15px;color:var(--forest-dark);letter-spacing:-.035em}.hero .sub{font-size:1.3rem;color:var(--olive);font-weight:900}.hero p{font-size:1.08rem;color:var(--muted);max-width:680px}.hero-art{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}
.section-title{text-align:center;max-width:780px;margin:0 auto 40px}.section-title h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.2;margin:0 0 10px;color:var(--forest-dark)}.section-title p{color:var(--muted)}
.stats{margin-top:-38px;position:relative;z-index:4}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.stat{padding:26px;text-align:center}.stat strong{display:block;color:var(--forest);font-size:2.2rem}.stat span{color:var(--muted);font-weight:700}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 30px rgba(22,50,31,.05);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card-body{padding:22px}.card h3{color:var(--forest-dark);margin:0 0 8px;font-size:1.22rem}.card p{color:var(--muted);margin:0 0 15px;font-size:.95rem}.text-link{color:var(--forest);font-weight:900}
.story-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.story-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.story-body{padding:22px}.story-body blockquote{margin:0;color:var(--forest-dark);font-weight:700}.story-meta{color:var(--olive);font-weight:800;margin-top:14px}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;box-shadow:0 10px 30px rgba(22,50,31,.05)}.jicc-lockup{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px}.jicc-lockup img{width:100%;max-width:520px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;color:var(--forest-dark)}.field input,.field textarea{padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:#fbfcf8}.field textarea{min-height:145px}
.cta{background:linear-gradient(135deg,var(--forest-dark),var(--forest));color:#fff;border-radius:var(--radius-xl);padding:48px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.cta h2{margin:0 0 8px;font-size:clamp(2rem,4vw,3.1rem)}.cta p{margin:0;color:rgba(255,255,255,.82)}
footer{background:#102a19;color:#fff;margin-top:88px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:38px;padding:58px 0 34px}.footer-brand{display:flex;gap:16px}.footer-brand img{width:86px;height:86px;object-fit:contain;background:#fff;border-radius:18px}.footer-brand p,footer a{color:rgba(255,255,255,.75)}.footer-links{display:grid;gap:9px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;color:rgba(255,255,255,.62);font-size:.9rem}.floating-wa{position:fixed;inset-inline-end:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.22);z-index:1200}
.program-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.program-icon{border-radius:var(--radius-xl);overflow:hidden}.program-copy h1{font-size:clamp(2.6rem,5vw,4.8rem);color:var(--forest-dark);line-height:1.1}.program-copy p{color:var(--muted)}
@media(max-width:1050px){.nav-links{display:none}.menu-toggle{display:grid;place-items:center}.mobile-nav.open{display:grid;position:absolute;top:100%;inset-inline:20px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:20px;gap:14px}.hero-grid,.program-hero,.content-grid,.jicc-lockup,.cta{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.story-row{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.container{width:min(var(--max),calc(100% - 24px))}.topbar{display:none}.brand small{display:none}.brand img{width:49px;height:49px}.actions .btn{display:none}.hero{padding:48px 0}.hero-grid{gap:24px}.hero h1{font-size:2.8rem}.section{padding:62px 0}.card-grid,.story-row,.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.cta{padding:30px 24px;text-align:center}.footer-bottom{flex-direction:column;text-align:center}}


/* Editable theme additions */
.admin-hint{font-size:.9rem;color:var(--muted);margin-top:8px}
.program-icon-choice{display:flex;gap:10px;flex-wrap:wrap}
.program-icon-choice label{display:grid;gap:5px;text-align:center}
.program-icon-choice img{width:74px;height:46px;object-fit:cover;border:1px solid var(--border);border-radius:10px}
.page-content{max-width:900px;margin:auto}
.page-content h2,.page-content h3{color:var(--forest-dark)}
.page-content p{color:var(--muted)}
.editable-note{padding:14px 18px;background:#fff7d8;border:1px solid #eedc83;border-radius:14px;color:#5a4a00;margin:20px 0}
.story-card .story-body p{margin:0;color:var(--muted)}
.post-edit-link{display:inline-block;margin-top:15px;color:var(--olive);font-weight:800}


/* Full Gutenberg page editing */
.editable-page > .wp-block-group,
.editable-page > .wp-block-columns,
.editable-page > .wp-block-cover,
.editable-page > .wp-block-image,
.editable-page > p,
.editable-page > h1,
.editable-page > h2,
.editable-page > h3 {
  width:min(var(--max),calc(100% - 40px));
  margin-inline:auto;
}
.ma-editor-hero{
  width:100%!important;
  max-width:none!important;
  padding:72px max(20px,calc((100% - var(--max))/2));
  background:linear-gradient(135deg,#fbfcf7,#f2f6e9);
}
.ma-editor-hero h1{font-size:clamp(2.8rem,6vw,5.7rem);line-height:1.05;color:var(--forest-dark);margin-top:0}
.ma-editor-hero p{color:var(--muted)}
.ma-kicker{color:var(--olive)!important;font-weight:900;font-size:1.2rem}
.ma-hero-image img{border-radius:var(--radius-xl);box-shadow:var(--shadow)}
.ma-content-section{padding:78px max(20px,calc((100% - var(--max))/2));width:100%!important;max-width:none!important}
.ma-jicc-section{padding:70px max(20px,calc((100% - var(--max))/2));background:var(--cream);width:100%!important;max-width:none!important}
.wp-block-button__link{background:var(--forest);border-radius:999px;font-weight:800}
.editor-styles-wrapper{font-family:"Cairo",Arial,sans-serif}

/* Final content refinements */
.program-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 38px}
.program-feature{border:1px solid var(--border);border-radius:20px;padding:22px;background:var(--cream)}
.program-feature h3{margin-top:0;color:var(--forest-dark)}
.page-content ul{color:var(--muted);padding-inline-start:1.4em}
.page-content li{margin:.45em 0}
.site-language-en .card-body,.site-language-en .page-content,.site-language-en .ma-content-section{text-align:left}
.site-language-ar .card-body,.site-language-ar .page-content,.site-language-ar .ma-content-section{text-align:right}
@media(max-width:800px){.program-feature-grid{grid-template-columns:1fr}}
