/*
Theme Name: RohingyaEdu (Exact Replica)
Theme URI: https://rohingyaedu.com
Author: RohingyaEdu
Description: Exact replica of the static site with updated photos (hero + gallery).
Version: 1.0
Text Domain: rohingyaedu-exact
*/
:root{--primary:#0b7ac2;--accent:#ffd54a;--dark:#1b2235;--bg:#f7f8fb}
*{box-sizing:border-box}
body{margin:0;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;color:#1f2937;background:#fff;line-height:1.65}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.navbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #eef1f6;z-index:50}
.nav-container{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo{display:flex;align-items:center;gap:12px;color:#1b2235;font-weight:700;text-decoration:none}
.logo img{height:44px;width:auto}
.nav-links{list-style:none;display:flex;gap:18px;margin:0;padding:0}
.nav-links a{color:#111827;text-decoration:none;font-weight:500;padding:10px 8px;border-radius:8px}
.nav-links a:hover,.nav-links a.active{color:#fff;background:var(--primary)}
#nav-toggle{display:none}.nav-toggle-label{display:none}
@media (max-width:880px){
.nav-toggle-label{display:block;cursor:pointer}
.nav-toggle-label span,.nav-toggle-label span:before,.nav-toggle-label span:after{display:block;background:#111;width:26px;height:3px;border-radius:3px;position:relative}
.nav-toggle-label span:before,.nav-toggle-label span:after{content:'';position:absolute;left:0}
.nav-toggle-label span:before{top:-8px}.nav-toggle-label span:after{top:8px}
.nav-links{position:absolute;left:0;right:0;top:74px;background:#fff;border-bottom:1px solid #eef1f6;flex-direction:column;padding:12px 20px;display:none}
#nav-toggle:checked ~ .nav-links{display:flex}
}
.hero{position:relative;min-height:62vh;background:url('assets/images/cover.jpg') center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(10,13,28,.75), rgba(15,18,40,.55))}
.hero .hero-content{position:relative;padding:90px 0;color:#fff}
.hero h1{font-size:clamp(28px,4vw,48px);margin:0 0 10px;font-weight:700}
.hero p{max-width:720px;margin:0 0 18px;font-weight:400;opacity:.95}
.hero .btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;margin-right:10px}
.btn-primary{background:var(--accent);color:#1a1c2b;font-weight:700}
.btn-secondary{background:#ffffff14;color:#fff;border:1px solid #ffffff40}
.section{padding:60px 0}
.section-header{text-align:center;max-width:900px;margin:0 auto 24px}
.section-header h2{margin:0 0 10px;font-size:clamp(22px,3.2vw,34px);color:var(--dark)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{border:1px solid #e9eef6;border-radius:14px;padding:22px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.04);text-align:left}
.link-arrow{color:var(--primary);text-decoration:none;font-weight:600}
@media (max-width:900px){.features-grid{grid-template-columns:1fr}}
.cta{background:var(--bg)}.cta-container{text-align:center}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.gallery-grid img{height:220px;width:100%;object-fit:cover;border-radius:12px}
.footer{background:#0f172a;color:#dbeafe}
.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:40px 0}
.footer-col h4{margin:0 0 8px}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin:8px 0}
.footer-col a{color:#fff;text-decoration:none}
.footer-bottom{border-top:1px solid #26324b}
.footer-bottom p{margin:0;padding:14px 0;color:#c7d2fe;text-align:center}
@media (max-width:900px){.footer-container{grid-template-columns:1fr}}