/* =========================
   THEME TOKENS + BASE (GLOBAL)
========================= */
:root{
  --green:#0abe67;
  --blue:#1888de;
  --blue-light:#4aa9ff;
  --red:#fd2f18;
  --yellow:#fece00;
  --purple:#97448c;
  --white:#ffffff;
  --nav-h:96px;
}

*{ box-sizing:border-box; margin:0; padding:0; }

body{
  font-family:'Segoe UI', Arial, sans-serif;
  color:#000;
  background:#f7faf7;
  overflow-x:hidden;
  padding-top:var(--nav-h); /* keep content below fixed navbar */
}

@media (max-width: 991.98px){
  :root{ --nav-h:72px; }
}

/* =========================
   HEADER & FOOTER (GLOBAL)
========================= */
header.navbar{ background:#fff!important; }
.logo{ max-height:110px; height:auto; width:auto; }

.navbar .nav-link{
  font-weight:500;
  color:#000!important;
  transition:color .3s ease;
}
.navbar .nav-link:hover{ color:var(--green)!important; }

.navbar{ z-index:1040; }
.dropdown-menu{ z-index:2000; }

.site-footer{
  background:var(--green)!important;
  color:#fff;
}
.site-footer a{ color:#fff!important; text-decoration:none; }
.site-footer a:hover{ text-decoration:underline; }

.social-icons a{
  font-size:1.3rem;
  color:#000;
  transition:color .3s ease;
}
.social-icons a:hover{ color:var(--green); }

/* =========================
   BUTTONS & UTILITIES (GLOBAL)
========================= */
.btn-enroll{
  background:var(--yellow);
  border:none;
  border-radius:30px;
  padding:10px 22px;
  font-weight:600;
  color:#000;
  transition:all .25s ease;
}
.btn-enroll:hover{
  background:#e6b800;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}

/* WhatsApp Floating Button */
.whatsapp-float{
  position:fixed;
  bottom:20px; right:20px;
  z-index:9999;
  display:inline-flex; align-items:center; justify-content:center;
  width:56px; height:56px;
  background:#25D366;
  border-radius:50%;
  box-shadow:0 6px 18px rgba(0,0,0,.2);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  text-decoration:none;
}
.whatsapp-float:hover{
  transform:translateY(-2px) scale(1.05);
  box-shadow:0 10px 22px rgba(0,0,0,.28);
  filter:brightness(1.05);
}
.whatsapp-float .bi-whatsapp{
  font-size:28px; line-height:1; color:#fff; display:block;
}

/* =========================
   RESPONSIVE TWEAKS (GLOBAL)
========================= */
/* (Intentionally minimal; page-specific breakpoints live in each page CSS) */