/*
Theme Name: EduData Research (Pro Upgrade)
Version: 7.0
Text Domain: edudataresearch
*/
:root{
  --ed-bg:#ffffff;
  --ed-surface:#f6f8ff;
  --ed-border:#e5e7f2;
  --ed-text:#0f172a;
  --ed-muted:#475569;
  --ed-primary:#1e40af;
  --ed-link:#0f52ba;
  --ed-green:#16a34a;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ed-bg);color:var(--ed-text);font:16px/1.7 Georgia, 'Times New Roman', Times, serif}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--ed-border);z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ed-text)}
.brand img.logo{height:56px;width:auto}
.brand .tag{margin-left:8px;font-size:14px;color:var(--ed-muted);white-space:nowrap}
.nav{display:flex;gap:24px;flex-wrap:wrap}
.nav a{color:var(--ed-text);text-decoration:none;font-weight:700;font-size:16px}
.nav a:hover{text-decoration:underline}
.lang{font-size:13px;color:var(--ed-muted);display:flex;gap:10px}
.lang a{color:var(--ed-muted);text-decoration:none}
.lang a:hover{text-decoration:underline}

.hero{position:relative;min-height:80vh;background:url('<?php echo get_template_directory_uri(); ?>/assets/img/homepage.jpg') center/cover no-repeat;display:flex;align-items:center}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero .overlay{position:relative;z-index:1;background:rgba(0,0,0,.45);color:white;padding:40px;border-radius:10px;max-width:780px;margin:0 auto;text-align:center}
.h1{font-size:clamp(26px,4vw,44px);margin:0 0 8px}
.p{margin:0;opacity:.95}

.section{padding:42px 0;border-bottom:1px solid var(--ed-border)}
.kicker{letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--ed-muted);font-weight:800}
.h2{font-size:28px;margin:10px 0 6px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--ed-border);border-radius:12px;padding:16px}
.card h3{margin:6px 0 4px}
.list{padding-left:18px} .list li{margin:6px 0}

.cta-btn{display:inline-block;margin-top:20px;padding:12px 24px;background:var(--ed-primary);color:white;font-weight:700;border-radius:8px;text-decoration:none;border:2px solid var(--ed-primary)}
.cta-btn:hover{background:transparent;color:var(--ed-primary)}

.footer{background:#fafafe;border-top:1px solid var(--ed-border);padding:18px 0;color:var(--ed-muted);font-size:14px;text-align:center}
.footer .icons{margin-top:8px;display:flex;justify-content:center;gap:14px}
.footer .icons a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--ed-border);color:var(--ed-text);text-decoration:none}
.footer .icons a:hover{border-color:var(--ed-primary);color:var(--ed-primary)}

.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.contact-card{background:#fff;border:1px solid var(--ed-border);padding:12px;border-radius:10px}

.float-wa{position:fixed;right:16px;bottom:16px;background:#25D366;width:52px;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:60}
.float-wa svg{width:26px;height:26px;fill:white}


/* --- Animations --- */
[data-animate]{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
.reveal{opacity:1 !important; transform:none !important;}
.reveal.delay-1{transition-delay:.1s} .reveal.delay-2{transition-delay:.2s} .reveal.delay-3{transition-delay:.3s}

/* --- Flags for language switcher --- */
.lang .flag{display:inline-block;width:16px;height:12px;border:1px solid var(--ed-border);margin-right:4px;vertical-align:-1px}
.flag.en{background:linear-gradient(0deg,#00247d 33%, #fff 33%, #fff 66%, #cf142b 66%)}
.flag.fr{background:linear-gradient(90deg,#0055A4 33%, #fff 33%, #fff 66%, #EF4135 66%)}
.flag.rw{background:linear-gradient(180deg,#00A1DF 50%, #FAD201 50%); position:relative}
.flag.rw:after{content:'';position:absolute;top:0;left:0;width:100%;height:50%;background:#00A1DF}


/* ===== Global Upgrade: Dark mode + Cookie bar ===== */
:root{
  --ed-bg:#ffffff;
  --ed-surface:#f6f8ff;
  --ed-border:#e5e7f2;
  --ed-text:#0f172a;
  --ed-muted:#475569;
  --ed-primary:#1e40af;
  --ed-link:#0f52ba;
}
html[data-theme="dark"]{
  --ed-bg:#0b1020;
  --ed-surface:#0f172a;
  --ed-border:#1f2a44;
  --ed-text:#e6edf3;
  --ed-muted:#9fb0c8;
  --ed-primary:#5b8cff;
  --ed-link:#7aa2ff;
}

body{background:var(--ed-bg);color:var(--ed-text);transition:background .25s ease, color .25s ease}
.header, .footer, .card{background:#fff}
html[data-theme="dark"] .header, html[data-theme="dark"] .footer, html[data-theme="dark"] .card{background:#0f172a}
html[data-theme="dark"] .nav a{color:var(--ed-text)}
html[data-theme="dark"] .hero::after{background:rgba(0,0,0,.55)}

.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ed-border);border-radius:999px;padding:6px 10px;
  cursor:pointer;text-decoration:none;color:var(--ed-text);font-size:14px}
.theme-toggle:hover{border-color:var(--ed-primary)}
.theme-toggle .icon{width:16px;height:16px;display:inline-block}

.cookie-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:100;background:var(--ed-surface);
  border:1px solid var(--ed-border);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.cookie-bar p{margin:0;color:var(--ed-muted);font-size:14px}
.cookie-bar .actions{display:flex;gap:8px}
.cookie-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--ed-border);background:#fff;color:var(--ed-text);cursor:pointer}
.cookie-btn.accept{background:var(--ed-primary);color:#fff;border-color:var(--ed-primary)}
html[data-theme="dark"] .cookie-btn{background:#0f172a}

.nav a.active{color:#1e40af;text-decoration:underline;}
/* Auto-active menu styling */
.nav a.active{color:#1e40af !important; font-weight:700; text-decoration:underline}