/* ==========================================================================
   BOULDERS PRE-SCHOOL DESIGN THEME FOR SAAS LANDING PAGE
   Safe Theme Extension Layer - Easy 1-Click Rollback
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Nunito:wght@700;800&display=swap');

:root {
  --b-amber: #F59E0B;
  --b-amber-dark: #D97706;
  --b-navy: #0F172A;
  --b-navy-light: #1E3A8A;
  --b-emerald: #059669;
  --b-bg: #FAF8F5;
  --b-card: #FFFFFF;
  --b-text: #0F172A;
  --b-muted: #475569;
  --b-shadow: 0 12px 28px -6px rgba(15, 23, 42, 0.09);
  --b-radius: 16px;
}

body {
  background-color: var(--b-bg) !important;
  color: var(--b-text) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito', 'Inter', sans-serif !important;
  color: var(--b-navy) !important;
  font-weight: 800 !important;
}

/* Header & Navbar Links Visibility */
.header .navbar, .navbar-area {
  background-color: #FFFFFF !important;
  box-shadow: 0 4px 15px rgba(15, 23, 42, 0.05) !important;
  border-bottom: 3px solid var(--b-amber) !important;
}

.navbar-nav .nav-item a,
.navbar-nav .nav-item .nav-link,
.navbar-area .nav-item .nav-link,
#navbarSupportedContent ul li a,
.header .navbar .navbar-nav .nav-item a,
.sticky .navbar .navbar-nav .nav-item a {
  color: #0F172A !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.navbar-nav .nav-item a:hover,
.navbar-nav .nav-item .nav-link:hover,
.navbar-area .nav-item .nav-link:hover,
#navbarSupportedContent ul li a:hover,
.header .navbar .navbar-nav .nav-item a:hover,
.sticky .navbar .navbar-nav .nav-item a:hover,
.navbar-area .nav-item.active .nav-link {
  color: var(--b-amber) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.navbar-area .btn-theme, .navbar-area .btn-primary, .header .btn {
  background-color: var(--b-amber) !important;
  border-color: var(--b-amber) !important;
  color: #FFFFFF !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3) !important;
}

/* Hero Section */
.hero-section, .banner-area {
  background: radial-gradient(circle at 10% 20%, rgba(245, 158, 11, 0.08) 0%, rgba(250, 248, 245, 1) 90%) !important;
  padding: 80px 0 !important;
}

/* Feature & Pricing Cards */
.single-feature, .pricing-box, .faq-card {
  background: var(--b-card) !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: var(--b-radius) !important;
  box-shadow: var(--b-shadow) !important;
  transition: transform 200ms ease, box-shadow 200ms ease !important;
  padding: 30px !important;
}

.single-feature:hover, .pricing-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 36px -6px rgba(15, 23, 42, 0.12) !important;
}

.single-feature .icon {
  background-color: #FEF3C7 !important;
  color: var(--b-amber-dark) !important;
  border-radius: 12px !important;
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

/* Footer */
footer.footer-area {
  background-color: var(--b-navy) !important;
  color: #CBD5E1 !important;
  border-top: 4px solid var(--b-amber) !important;
}