/* ==========================================================================
   Blitz Academy — 2026 Redesign Theme (yellow / blue / white)
   Loads AFTER style.css. Retints existing Bootstrap components and adds
   rounded/modern touches without changing markup, content, or logic.
   ========================================================================== */

:root{
  --ba-blue-1:#2E6DAE;
  --ba-blue-2:#6FADE0;
  --ba-blue:#2F6FB5;
  --ba-blue-ink:#123A61;
  --ba-yellow:#FFC22E;
  --ba-yellow-dark:#F0AE00;
  --ba-yellow-ink:#4A3300;
  --ba-ink:#132238;
  --ba-mist:#EAF3FC;
  --ba-mist-y:#FFF6E0;
  --ba-radius:16px;
  --ba-radius-lg:26px;
  --ba-radius-pill:999px;
}

/* ---------- Typography ---------- */
body{
  font-family:'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  color:var(--ba-ink);
}
h1,h2,h3,h4,h5,h6,
.navbar-brand, .card-title, .modal-title{
  font-family:'Baloo 2', 'Nunito Sans', sans-serif;
  font-weight:700;
}

/* ---------- Buttons: Bootstrap .btn-warning is the site's primary CTA class
   (Brochure, Registration, Call Now, Whatsapp, Newsletter, OTP) ---------- */
.btn{
  border-radius:var(--ba-radius-pill);
  font-weight:700;
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn:hover{transform:translateY(-1px);}
.btn-warning,
.bg-warning{
  background-color:var(--ba-yellow) !important;
  border-color:var(--ba-yellow) !important;
  color:var(--ba-yellow-ink) !important;
}
.btn-warning:hover,
.btn-warning:focus{
  background-color:var(--ba-yellow-dark) !important;
  border-color:var(--ba-yellow-dark) !important;
  box-shadow:0 10px 22px -10px rgba(255,194,46,0.6);
}
.text-warning{color:var(--ba-yellow-dark) !important;}
.border-warning{border-color:var(--ba-yellow) !important;}

.btn-primary,
.bg-primary{
  background-color:var(--ba-blue) !important;
  border-color:var(--ba-blue) !important;
}
.btn-primary:hover{
  background-color:var(--ba-blue-ink) !important;
  border-color:var(--ba-blue-ink) !important;
}

/* ---------- Cards ---------- */
.card{
  border-radius:var(--ba-radius) !important;
  overflow:hidden;
}
.card-header{
  border-radius:0 !important;
}

/* ---------- Header / navigation ---------- */
.menubar2{
  background:#fff;
}
.menubar2 .top-bar{
  background:var(--ba-ink);
  color:#fff;
}
.menubar2 .top-bar a{
  color:rgba(255,255,255,0.85);
}
.navbar-nav .nav-link{
  font-weight:700;
  font-family:'Nunito Sans', sans-serif;
}
.navbar-nav .nav-link:hover{
  color:var(--ba-blue) !important;
}

/* ---------- Footer ---------- */
.footer1{
  background:var(--ba-ink);
}
.footer1 .card{
  border-radius:var(--ba-radius) !important;
}
.footer1 h6{
  color:var(--ba-yellow);
  font-family:'Baloo 2', sans-serif;
  font-weight:700;
  letter-spacing:0.02em;
}
.footer2{
  background:var(--ba-ink);
  border-top:1px solid rgba(255,255,255,0.12);
}
footer.footer2{
  border-bottom:4px solid var(--ba-yellow);
}

/* ---------- Floating contact buttons ---------- */
.fixed_contact .whatsapp{
  background:var(--ba-yellow);
  color:var(--ba-yellow-ink);
}

/* ---------- Modals (OTP / registration) ---------- */
.otpmodal .modal-content{
  border-radius:var(--ba-radius-lg);
  overflow:hidden;
}
.otpmodal .btn-warning{
  color:var(--ba-yellow-ink) !important;
}

/* ---------- Generic section rhythm ---------- */
.section-padding{
  padding-block:clamp(48px, 6vw, 88px);
}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important;}
}