/* ZoRoo Frontend Brand Refresh — orange, black, blue and white */
:root{
  --zr-orange:#ff8a1f;
  --zr-orange-deep:#f97316;
  --zr-orange-soft:#fff3e6;
  --zr-blue:#2563eb;
  --zr-blue-deep:#173ea9;
  --zr-blue-soft:#eff6ff;
  --zr-navy:#0f172a;
  --zr-black:#020617;
  --zr-white:#ffffff;
  --zr-border:rgba(15,23,42,.09);
}

body{background:#fff;color:var(--zr-navy);}
body h1,body h2,body h3,body h4{color:var(--zr-black);}
body a{color:inherit;}

#site-header.glass,
#site-header.scrolled{
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(15,23,42,.06);
  box-shadow:0 14px 40px rgba(15,23,42,.08);
}

#site-header .nav-link:hover,
#site-header .nav-link.is-active,
#site-header [data-nav].is-active,
.link-underline:hover,
.text-indigo-600,
.hover\:text-indigo-600:hover{color:var(--zr-blue)!important;}

.btn-primary{
  background:linear-gradient(135deg,var(--zr-orange),var(--zr-orange-deep))!important;
  color:#fff!important;
  box-shadow:0 14px 35px rgba(249,115,22,.26)!important;
  border:1px solid rgba(255,138,31,.22)!important;
}
.btn-primary:hover{background:linear-gradient(135deg,#f97316,#ea580c)!important;transform:translateY(-1px);}
.btn-secondary{
  background:#fff!important;
  color:var(--zr-blue-deep)!important;
  border:1px solid rgba(37,99,235,.22)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.05);
}
.btn-secondary:hover{border-color:var(--zr-blue)!important;color:var(--zr-blue)!important;background:var(--zr-blue-soft)!important;}
.btn-ghost{color:var(--zr-navy)!important;}
.btn-ghost:hover{background:rgba(37,99,235,.08)!important;color:var(--zr-blue)!important;}

.card,.glass,.glass-chip{
  border:1px solid var(--zr-border)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
}
.card{background:#fff!important;}
.glass-chip{background:rgba(255,255,255,.84)!important;}
.badge-primary,.eyebrow{
  background:rgba(255,138,31,.10)!important;
  color:#c2410c!important;
  border-color:rgba(255,138,31,.16)!important;
}
.badge-cyan{
  background:rgba(37,99,235,.10)!important;
  color:var(--zr-blue)!important;
  border-color:rgba(37,99,235,.16)!important;
}
.shadow-glow{box-shadow:0 0 0 1px rgba(255,138,31,.2),0 12px 40px rgba(249,115,22,.24)!important;}
.shadow-glow-cyan{box-shadow:0 0 0 1px rgba(37,99,235,.18),0 12px 40px rgba(37,99,235,.18)!important;}

footer.bg-base-950,
footer{background:linear-gradient(180deg,#081222 0%,#0b1326 100%)!important;}
footer .btn-on-dark{background:var(--zr-orange)!important;color:#fff!important;}
footer .btn-on-dark:hover{background:#ea580c!important;}

body[data-page="home"] .mesh-hero{
  background:
    radial-gradient(circle at 8% 16%, rgba(255,138,31,.14), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(37,99,235,.16), transparent 24%),
    linear-gradient(135deg,#ffffff 0%, #f6f9ff 48%, #fff8f1 100%);
}
body[data-page="home"] .grid-overlay{opacity:.16!important;}
body[data-page="home"] .mesh-anim{opacity:.4!important;}
body[data-page="home"] .hero-orange{
  color:var(--zr-orange);
}
body[data-page="home"] .hero-subline{
  max-width:560px;
}
body[data-page="home"] .mesh-hero [fill="#5539E8"],
body[data-page="home"] .mesh-hero [stroke="#5539E8"]{fill:var(--zr-blue)!important;stroke:var(--zr-blue)!important;}
body[data-page="home"] .mesh-hero [fill="#6E56F0"],
body[data-page="home"] .mesh-hero [stroke="#6E56F0"]{fill:#3b82f6!important;stroke:#3b82f6!important;}
body[data-page="home"] .mesh-hero [fill="#1D1258"],
body[data-page="home"] .mesh-hero [stroke="#1D1258"]{fill:var(--zr-navy)!important;stroke:var(--zr-navy)!important;}
body[data-page="home"] .mesh-hero [fill="#FFB020"],
body[data-page="home"] .mesh-hero [stroke="#FFB020"]{fill:var(--zr-orange)!important;stroke:var(--zr-orange)!important;}
body[data-page="home"] .mesh-hero [fill="#12CFC6"],
body[data-page="home"] .mesh-hero [stroke="#12CFC6"]{fill:#0ea5e9!important;stroke:#0ea5e9!important;}
body[data-page="home"] .mesh-hero [fill="#B4ABF5"],
body[data-page="home"] .mesh-hero [stroke="#B4ABF5"]{fill:#93c5fd!important;stroke:#93c5fd!important;}
body[data-page="home"] .mesh-hero [fill="#C3C2DA"],
body[data-page="home"] .mesh-hero [stroke="#C3C2DA"]{fill:#cbd5e1!important;stroke:#cbd5e1!important;}

body[data-page="home"] .home-hero-cta-note{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:.9rem;
  padding:.55rem .9rem;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  color:var(--zr-blue-deep);
  font-size:13px;
  font-weight:600;
}
body[data-page="home"] .home-hero-cta-note .dot{
  width:8px;height:8px;border-radius:999px;background:var(--zr-orange);display:inline-block;
}

.site-whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  background:#25D366;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(37,211,102,.32);
  font-weight:700;
  font-size:14px;
}
.site-whatsapp-float:hover{transform:translateY(-2px);filter:saturate(1.05);}
.site-whatsapp-float .wa-label{display:inline-block;}
@media (max-width:640px){
  .site-whatsapp-float{padding:12px;width:56px;height:56px;justify-content:center;}
  .site-whatsapp-float .wa-label{display:none;}
}

.home-highlight-strip{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.home-highlight-strip .highlight-item{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  padding:10px 14px;
  font-size:13px;
  font-weight:600;
  color:var(--zr-navy);
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}
.home-highlight-strip .highlight-item strong{color:var(--zr-orange);}

body[data-page="courses"] .mesh-hero,
body[data-page="about"] .mesh-hero,
body[data-page="teachers"] .mesh-hero,
body[data-page="testimonials"] .mesh-hero,
body[data-page="contact"] .mesh-hero,
body[data-page="course-application"] .mesh-hero{
  background:linear-gradient(135deg,#ffffff 0%, #f7faff 64%, #fff8f1 100%);
}

[data-api-courses-list] .card:hover,
.course-card:hover{transform:translateY(-4px);transition:all .22s ease;}