/* ====== Theme Override (Cleaned) ====== */

/* Base */
:root {
  --green: #70ae03;
  --green-light: #d0ff7c;
  --text-dark: #1a1a1a;
}

*,
*::before,
*::after { box-sizing: border-box; }

body { background-color: #ffffff !important; }
.container-xxl { background-color: #ffffff; }

/* Typography */
h1, h2, h3, h4, h5, h6 { color: var(--green) !important; }
p, li, span { color: #000 !important; }

/* Primary color helpers */
.text-primary,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--green) !important;
}

.bg-primary { background-color: var(--green) !important; }
.footer { background-color: var(--green) !important; }
.bg-light { background-color: var(--green-light) !important; }
.footer p { color: var(--text-dark) !important; }

/* ===== Buttons ===== */
.btn { transition: all .2s ease-in-out; }

/* Primary CTA (green) */
.btn-primary {
  background-color: var(--green) !important;
  border-color: var(--green) !important;
  color: #fff !important;                 /* ensure white text */
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--green-light) !important; /* flip background */
  border-color: var(--green-light) !important;
  color: var(--green) !important;                   /* flip text color */
}

/* Secondary CTA (dark) */
.btn-dark {
  background-color: #212529 !important;   /* bootstrap dark */
  border-color: #212529 !important;
  color: #fff !important;                 /* ensure white text */
}
.btn-dark:hover,
.btn-dark:focus {
  background-color: #ffffff !important;   /* flip background */
  border-color: #212529 !important;
  color: #212529 !important;              /* flip text color */
}

/* Hero text readability on carousel */
.header-carousel .owl-carousel-item h1,
.header-carousel .owl-carousel-item p {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.55);
}

/* Tuition table */
.tuition-table thead {
  background-color: var(--green);
  color: #fff;
}
.tuition-table th {
  font-weight: 600;
  text-transform: uppercase;
}
.tuition-table tbody tr:nth-child(even) { background-color: var(--green-light); }
.tuition-table tbody tr:nth-child(odd)  { background-color: #ffffff; }
.tuition-table td { vertical-align: middle; }

/* Classes card tweaks */
.class-info {
  font-weight: 800;
  font-size: 1.05rem;
  color: #fff;
}

.bg-orange  { background-color: #d55c36 !important; }
.classes-item .rounded a,
.classes-item .rounded strong { color: #000000 !important; }
.classes-item .mb-0 { color: #000 !important; }

/* Cloud edge under hero */
.hero-clouds { position: relative; width: 100%; margin-top: -1px; line-height: 0; }
.hero-clouds svg { display: block; width: 100%; height: 80px; }

/* Keep clouds visible */
.container-fluid.p-0.mb-5 { position: relative; overflow: visible; }



/* Luckiest Guy usage */
.brand-title,
.page-header .display-2,
h1 {
  font-family: "Luckiest Guy", cursive;
}