/* ============ Green Land School — shared look for inner pages ============
   Loaded after each page's own <style> (gallery, admissions, careers) so the
   header, banners, buttons and footer match the Green Land home page. */
:root{
  --sun:#ffb020;
  --sun-2:#ff7a3d;
  --sky:#2fb6e0;
  --gl-grad:linear-gradient(135deg,#0f9d58,#0b7a43);
  --gl-hero:linear-gradient(160deg,#063d24 0%,#0b7a43 55%,#0f9d58 100%);
}
::selection{background:var(--sun);color:var(--ink);}

/* ---------- Header ---------- */
header{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);box-shadow:0 2px 20px rgba(0,0,0,.06);}
.logo{color:var(--navy);font-size:1.15rem;line-height:1.2;}
.logo-badge{width:48px;height:48px;border-radius:50%;object-fit:cover;padding:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);}
.logo span{color:var(--muted);font-family:'Poppins',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:0;text-transform:none;margin-top:2px;}
[dir="rtl"] .logo span{font-family:'Baloo 2','Poppins',sans-serif;}
nav a.nav-link{font-weight:600;font-size:.95rem;}
nav a.nav-link:hover,nav a.nav-link.active{color:var(--navy-2);}
nav a.nav-link::after{height:3px;bottom:-2px;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--sun));}
[dir="rtl"] nav a.nav-link::after{background:linear-gradient(-90deg,var(--gold),var(--sun));}
.nav-cta .btn-navy{background:var(--gl-grad);padding:10px 22px;box-shadow:0 8px 18px -6px rgba(15,157,88,.6);}
.nav-cta .btn-navy:hover{background:var(--gl-grad);box-shadow:0 12px 22px -6px rgba(15,157,88,.75);}
.lang-btn{border:2px solid rgba(15,157,88,.35);color:var(--navy-2);}
.lang-btn:hover{background:var(--gold);border-color:var(--gold);color:#fff;}
.burger span{background:var(--navy);}
@media (max-width:768px){
  nav ul{background:var(--gl-hero);}
  nav a.nav-link::after{background:var(--sun);}
}

/* ---------- Buttons ---------- */
.btn-gold{background:var(--gl-grad);box-shadow:0 10px 22px -6px rgba(15,157,88,.7);}
.btn-gold:hover{background:var(--gl-grad);box-shadow:0 14px 26px -6px rgba(15,157,88,.85);}
.btn-navy{background:var(--navy);}
.btn-navy:hover{background:var(--navy-2);}

/* ---------- Banners ---------- */
.page-banner{background:var(--gl-hero);}
.page-banner .crumb a,.crumb a{color:var(--sun);}
.banner h1 .accent{color:var(--sun);}
.banner-tag{color:var(--sun);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2);}

/* ---------- Section heads ---------- */
.section-tag{
  background:linear-gradient(135deg,#e9fbf1,#d7f7e6);color:var(--navy-2);
  padding:6px 18px;border-radius:50px;letter-spacing:1.5px;
}
[dir="rtl"] .section-tag{letter-spacing:0;}
.section-title{color:var(--ink);font-weight:800;}
legend,.success h2{color:var(--navy);}

/* ---------- Cards ---------- */
.form-card,.side-card{border-radius:var(--radius);}
.step-icon{background:var(--gl-grad);box-shadow:0 10px 22px -6px rgba(15,157,88,.6);}
.help-card{background:var(--gl-hero);}
.help-card h4 i{color:var(--sun);}
.g-overlay span{color:var(--sun);}
.filter-btn.active{background:var(--gl-grad);border-color:var(--gold);}
.cta{background:var(--gl-hero);}
.cta::after{background:rgba(255,176,32,.15);}

/* ---------- Footer ---------- */
footer{background:var(--navy);}
.footer-col a:hover,.footer-bottom a{color:var(--sun);}
.footer-col i{color:var(--sun) !important;}
.footer-logo .logo-badge,.logo-badge-lg{border-radius:50%;object-fit:cover;padding:0;}

/* ---------- Back to top ---------- */
.back-to-top{background:var(--gl-grad);box-shadow:0 10px 22px -6px rgba(15,157,88,.7);}