/*
Theme Name: Aisha Eyecare
Theme URI: https://example.org/
Author: Aisha Eyecare
Description: Story-led charity landing theme for Aisha Eyecare, focused on Somalia, Ethiopia and Kenya, with donation, WhatsApp, country and volunteer pages.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aisha-eyecare
*/

:root{
  --ae-navy:#0d2948;
  --ae-navy2:#173b62;
  --ae-gold:#c89b46;
  --ae-cream:#fbf8f1;
  --ae-sand:#f2eadc;
  --ae-white:#fff;
  --ae-ink:#1e2936;
  --ae-muted:#697586;
  --ae-line:#e8e1d5;
  --ae-green:#276749;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ae-cream);color:var(--ae-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.68}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.ae-container{max-width:1180px;margin:auto;padding:0 24px}
.ae-narrow{max-width:820px;margin:auto}
.ae-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ae-gold);font-weight:900;margin-bottom:10px}
.ae-muted{color:var(--ae-muted)}
.ae-link{color:var(--ae-navy);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.ae-source{font-size:12px;color:var(--ae-muted);margin-top:12px}
.ae-source a{text-decoration:underline}

.ae-site-header{position:sticky;top:0;z-index:100;background:rgba(251,248,241,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(13,41,72,.08)}
.ae-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.ae-brand img,.custom-logo{height:56px;width:auto;display:block}
.ae-menu{display:flex;align-items:center;gap:21px;font-size:14px;font-weight:700}
.ae-menu a{color:#435164}
.ae-menu .ae-donate{background:var(--ae-navy);color:#fff;padding:12px 18px;border-radius:999px}

.ae-hero{padding:78px 0 52px}
.ae-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}
.ae-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ae-line);padding:8px 13px;border-radius:999px;color:var(--ae-navy);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ae-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--ae-gold)}
h1,h2{font-family:Georgia,"Times New Roman",serif;color:var(--ae-navy);font-weight:500;letter-spacing:-.03em}
.ae-hero h1{font-size:64px;line-height:1.02;margin:18px 0 22px}
.ae-hero-copy{font-size:19px;color:#566476;max-width:690px;margin:0}
.ae-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.ae-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-size:14px;font-weight:800;transition:.15s ease;border:0;cursor:pointer;font-family:inherit}
.ae-btn:hover{transform:translateY(-1px)}
.ae-btn-primary{background:var(--ae-navy);color:#fff;box-shadow:0 8px 22px rgba(13,41,72,.14)}
.ae-btn-gold{background:var(--ae-gold);color:#fff}
.ae-btn-secondary{background:#fff;color:var(--ae-navy);border:1px solid var(--ae-line)}
.ae-hero-card{position:relative;min-height:420px;background:linear-gradient(145deg,#fff,var(--ae-sand));border:1px solid var(--ae-line);border-radius:34px;padding:42px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.ae-hero-card:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:rgba(200,155,70,.13);top:-90px;right:-90px}
.ae-hero-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(13,41,72,.06);left:-75px;bottom:-85px}
.ae-hero-card img{position:relative;z-index:2;margin:auto;max-width:460px}
.ae-hero-note{position:relative;z-index:2;text-align:center;color:var(--ae-muted);font-size:14px;margin-top:18px}

.ae-trust{padding:8px 0 28px}
.ae-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ae-trust-item{background:#fff;border:1px solid var(--ae-line);border-radius:18px;padding:20px}
.ae-trust-item strong{display:block;color:var(--ae-navy);font-size:15px}
.ae-trust-item span{font-size:13px;color:var(--ae-muted)}

.ae-section{padding:84px 0}
.ae-section--white{background:#fff}
.ae-section h2,.ae-page-hero h1,.ae-cta h2{font-size:43px;line-height:1.12;margin:0 0 18px}
.ae-section-copy{font-size:17px;color:var(--ae-muted);max-width:780px}
.ae-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.ae-story-card{background:var(--ae-navy);color:#fff;border-radius:28px;padding:34px;min-height:390px;display:flex;flex-direction:column;justify-content:flex-end}
.ae-story-card blockquote{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.35;margin:0}
.ae-story-card cite{font-style:normal;margin-top:18px;color:#cbd5e1;font-size:13px}
.ae-story-text p{color:#5c6877;font-size:17px}
.ae-story-text strong{color:var(--ae-navy)}
.ae-reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.ae-reason{border-top:3px solid var(--ae-gold);padding:20px 4px 0}
.ae-reason h3{color:var(--ae-navy);margin:0 0 8px;font-size:18px}
.ae-reason p{margin:0;color:var(--ae-muted);font-size:15px}

.ae-services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.ae-service{background:#fff;border:1px solid var(--ae-line);border-radius:22px;padding:26px;min-height:220px}
.ae-service-num{font-size:12px;font-weight:900;color:var(--ae-gold);letter-spacing:.12em}
.ae-service h3{color:var(--ae-navy);margin:12px 0 8px;font-size:20px}
.ae-service p{color:var(--ae-muted);font-size:15px;margin:0}

.ae-band{background:var(--ae-navy);color:#fff}
.ae-band .ae-kicker{color:#e2bb6b}
.ae-band h2{color:#fff}
.ae-band .ae-section-copy{color:#d5dde6}
.ae-partners{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.ae-partner{padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.ae-partner strong{display:block;font-size:17px;margin-bottom:5px}
.ae-partner span{font-size:13px;color:#cad5df}

.ae-country-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.ae-country{background:#fff;border:1px solid var(--ae-line);border-radius:24px;padding:28px;display:flex;flex-direction:column}
.ae-country .ae-flag{font-size:28px}
.ae-country h3{color:var(--ae-navy);font-size:23px;margin:12px 0 8px}
.ae-country p{color:var(--ae-muted);font-size:15px}
.ae-country .ae-btn{margin-top:auto;align-self:flex-start}

.ae-community-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.ae-community-card{border:1px solid var(--ae-line);border-radius:24px;padding:28px;background:#fff}
.ae-community-card h3{margin:0 0 8px;color:var(--ae-navy)}
.ae-community-card p{margin:0 0 18px;color:var(--ae-muted)}

.ae-cta{padding:88px 0}
.ae-cta-box{background:linear-gradient(135deg,var(--ae-navy),var(--ae-navy2));border-radius:32px;padding:54px;text-align:center;color:#fff}
.ae-cta h2{color:#fff;max-width:800px;margin:0 auto 14px}
.ae-cta p{color:#d6e0ea;max-width:720px;margin:0 auto}
.ae-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}

.ae-page-hero{padding:76px 0 56px;background:#fff;border-bottom:1px solid var(--ae-line)}
.ae-page-hero p{font-size:18px;color:var(--ae-muted);max-width:760px}
.ae-country-detail{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;align-items:start;padding:52px 0;border-bottom:1px solid var(--ae-line)}
.ae-country-stat{background:var(--ae-navy);color:#fff;border-radius:26px;padding:28px}
.ae-country-stat h2{color:#fff;font-size:34px;margin-bottom:12px}
.ae-stat-list{display:grid;gap:12px;margin-top:22px}
.ae-stat{border-top:1px solid rgba(255,255,255,.17);padding-top:12px}
.ae-stat strong{display:block;font-size:24px}
.ae-country-copy h3{color:var(--ae-navy);font-size:24px;margin:0 0 10px}
.ae-country-copy ul{padding-left:20px;color:#566476}
.ae-country-copy li{margin-bottom:8px}

.ae-volunteer-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.ae-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ae-role{background:#fff;border:1px solid var(--ae-line);border-radius:18px;padding:20px}
.ae-role h3{font-size:17px;color:var(--ae-navy);margin:0 0 6px}
.ae-role p{font-size:14px;color:var(--ae-muted);margin:0}
.ae-form{background:#fff;border:1px solid var(--ae-line);border-radius:24px;padding:28px}
.ae-field{display:grid;gap:7px;margin-bottom:16px}
.ae-field label{font-weight:800;font-size:14px;color:var(--ae-navy)}
.ae-field input,.ae-field select,.ae-field textarea{width:100%;padding:12px 13px;border:1px solid #d8dde4;border-radius:10px;background:#fff;color:var(--ae-ink);font:inherit}
.ae-field textarea{min-height:135px;resize:vertical}
.ae-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ae-muted)}
.ae-check input{margin-top:4px}
.ae-alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-weight:700}
.ae-alert-success{background:#eaf7ef;color:#1f6b42}
.ae-alert-error{background:#fff1f1;color:#9b2c2c}
.ae-hp{position:absolute;left:-9999px}

.ae-footer{padding:38px 0;background:#091d31;color:#d8e0e7}
.ae-footer-row{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.ae-footer-row img{height:48px;width:auto;background:#fff;border-radius:7px}
.ae-footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
.ae-footer-note{font-size:12px;text-align:right;color:#bfcbd6}

@media(max-width:940px){
 .ae-menu a:not(.ae-donate){display:none}
 .ae-hero-grid,.ae-story-grid,.ae-country-detail,.ae-volunteer-grid{grid-template-columns:1fr}
 .ae-trust-grid{grid-template-columns:1fr 1fr}
 .ae-services,.ae-country-preview{grid-template-columns:1fr}
 .ae-partners{grid-template-columns:1fr 1fr}
 .ae-reason-grid{grid-template-columns:1fr}
 .ae-footer-row{grid-template-columns:1fr}
 .ae-footer-note{text-align:left}
 .ae-hero h1{font-size:49px}
}
@media(max-width:600px){
 .ae-hero{padding-top:50px}
 .ae-hero h1{font-size:39px}
 .ae-section h2,.ae-page-hero h1,.ae-cta h2{font-size:34px}
 .ae-trust-grid,.ae-partners,.ae-role-grid,.ae-community-grid{grid-template-columns:1fr}
 .ae-cta-box{padding:38px 24px}
 .ae-brand img,.custom-logo{height:48px}
}