/* ═══════════════════════════════════════════════════════════════════════════
   AGUWAIE DXN — FINAL OVERRIDES v6
   Loaded AFTER styles.css and inline <style> blocks → wins all conflicts
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── COLOR SYSTEM (force light theme) ─── */
:root{
  --brand:#ee5622 !important;
  --brand-dark:#c4421a !important;
  --yellow:#fbbf24 !important;
  --yellow-dark:#f59e0b !important;
  --yellow-soft:#fef3c7 !important;
  --cream:#fffaf2 !important;
  --bone:#fdf5e8 !important;
  --paper:#ffffff !important;
  --ink:#1a1a1a !important;
  --ink-text:#2d2825 !important;
}

body{background:#fffaf2 !important;color:#2d2825 !important;}

/* ─── HEADER: ALWAYS WHITE ─── */
.header{
  background:#ffffff !important;
  border-bottom:1px solid rgba(0,0,0,0.08) !important;
  box-shadow:0 2px 12px rgba(0,0,0,0.06) !important;
  z-index:10000 !important;
}
.header .logo{color:#1a1a1a !important;}
.header .nav-list > li > a{color:#1a1a1a !important;}
.header .nav-list > li > a:hover,
.header .nav-list > li > a.active{color:#ee5622 !important;background:rgba(238,86,34,0.1) !important;}
.header .lang-toggle{background:rgba(0,0,0,0.04) !important;border:1px solid rgba(0,0,0,0.1) !important;}
.header .lang-btn{color:#5a5550 !important;}
.header .lang-btn.active{background:#ee5622 !important;color:#fff !important;}
.header .menu-toggle span{background:#1a1a1a !important;}
.header .menu-toggle.open span{background:#1a1a1a !important;}

/* ─── FORCE-FIX HAMBURGER MENU (CRITICAL) ─── */
.menu-toggle{
  display:none;
  cursor:pointer !important;
  background:transparent !important;
  border:none !important;
  padding:12px !important;
  width:48px !important;
  height:48px !important;
  z-index:10002 !important;
  position:relative !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  -webkit-tap-highlight-color:rgba(238,86,34,0.3) !important;
  touch-action:manipulation !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.menu-toggle:active{background:rgba(238,86,34,0.1) !important;border-radius:8px !important;}
.menu-toggle span{
  display:block !important;
  width:26px !important;
  height:3px !important;
  background:#1a1a1a !important;
  transition:all 0.3s ease !important;
  border-radius:2px !important;
  pointer-events:none !important;
}
.menu-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg) !important;}
.menu-toggle.open span:nth-child(2){opacity:0 !important;}
.menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg) !important;}

/* ─── FORCE-FIX MOBILE MENU OVERLAY ─── */
@media (max-width:968px){
  .menu-toggle{display:flex !important;}
  .nav{display:none !important;}
  .nav.active{
    display:flex !important;
    position:fixed !important;
    top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
    width:100vw !important;
    height:100vh !important;
    background:#ffffff !important;
    z-index:9999 !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    padding:80px 24px 40px !important;
    overflow-y:auto !important;
    align-items:stretch !important;
    border-top:5px solid #fbbf24 !important;
  }
  .nav.active .nav-list{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    align-items:stretch !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }
  .nav.active .nav-list > li{
    width:100% !important;
    border-bottom:1px solid rgba(0,0,0,0.08) !important;
  }
  .nav.active .nav-list > li > a{
    display:block !important;
    color:#1a1a1a !important;
    background:transparent !important;
    font-family:'Mukta','Noto Sans Devanagari',sans-serif !important;
    font-size:17px !important;
    font-weight:600 !important;
    padding:18px 16px !important;
    text-align:left !important;
    border-radius:0 !important;
    text-decoration:none !important;
  }
  .nav.active .nav-list > li > a:hover,
  .nav.active .nav-list > li > a.active{
    background:#fef3c7 !important;
    color:#ee5622 !important;
  }
  .nav.active .has-dropdown > a::after{
    content:' ▾' !important;
    display:inline !important;
    font-size:11px !important;
    margin-left:6px !important;
  }
  .nav.active .dropdown{
    position:static !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    box-shadow:none !important;
    background:#fffaf2 !important;
    padding:6px 0 !important;
    border:none !important;
    border-left:3px solid #ee5622 !important;
    border-radius:6px !important;
    margin:0 0 8px 16px !important;
    list-style:none !important;
  }
  .nav.active .dropdown li{margin:0 !important;border:none !important;}
  .nav.active .dropdown a{
    color:#2d2825 !important;
    background:transparent !important;
    font-size:14.5px !important;
    padding:11px 20px !important;
    text-decoration:none !important;
    display:block !important;
  }
  .nav.active .dropdown a:hover{
    background:#fef3c7 !important;
    color:#ee5622 !important;
  }
  .nav.active .lang-toggle{
    margin:24px 0 12px !important;
    align-self:flex-start !important;
    background:rgba(0,0,0,0.04) !important;
    border:1px solid rgba(0,0,0,0.1) !important;
  }
  .nav.active .lang-btn{color:#1a1a1a !important;}
  .nav.active .lang-btn.active{background:#ee5622 !important;color:#fff !important;}
  .nav.active .nav-cta{align-self:flex-start !important;margin-top:6px !important;}
  body.menu-open{overflow:hidden !important;}
  body.menu-open .float-whatsapp{display:none !important;}
}

/* ─── REMOVE ALL DARK BACKGROUNDS (force light theme) ─── */
.hope,
.why-dxn,
.zoom-register,
.values-section,
.cta-block,
.map-section,
.book-coach,
.value-price,
.aguwaie-card.dark,
.mv-card.dark,
.final-cta,
.hero-slider {
  background:linear-gradient(135deg,#fffaf2 0%,#fef3c7 100%) !important;
  color:#1a1a1a !important;
}

.hope-num,
.dxn-stat-num,
.dxn-pillar h4,
.aguwaie-card.dark h3,
.mv-card.dark h3,
.values-section .h-section,
.cta-block h2,
.zoom-register h3,
.map-info h3 {
  color:#1a1a1a !important;
}

.hope-label,
.dxn-stat-label,
.dxn-pillar p,
.aguwaie-card.dark p,
.mv-card.dark p,
.cta-block p,
.zoom-register .sub,
.map-info p,
.values-section .section-sub {
  color:#2d2825 !important;
}

/* Brand & Yellow accents on emphasized text */
em, .brand-em {color:#ee5622 !important;}
.gold-em {color:#b8895a !important;}

/* ─── FORM REGISTRATION (white background, dark text, yellow border) ─── */
.zoom-register{
  background:#ffffff !important;
  color:#2d2825 !important;
  border-top:5px solid #fbbf24 !important;
  border-radius:12px !important;
  box-shadow:0 16px 48px rgba(0,0,0,0.08) !important;
}
.zoom-register h3{color:#1a1a1a !important;}
.zoom-register h3 em{color:#ee5622 !important;}
.zoom-register .sub{color:#2d2825 !important;}
.zoom-register .sub strong{color:#ee5622 !important;}
.zoom-register-eyebrow{color:#ee5622 !important;}
.reg-form-group label{color:#1a1a1a !important;font-weight:700 !important;}
.reg-form-group input,
.reg-form-group select,
.reg-form-group textarea{
  background:#fff !important;
  color:#1a1a1a !important;
  border:1.5px solid rgba(0,0,0,0.15) !important;
  border-radius:6px !important;
  padding:13px 16px !important;
  font-size:15px !important;
}
.reg-form-group input::placeholder,
.reg-form-group textarea::placeholder{color:#8a8580 !important;}
.reg-form-group input:focus,
.reg-form-group select:focus,
.reg-form-group textarea:focus{
  outline:none !important;
  border-color:#ee5622 !important;
  box-shadow:0 0 0 3px rgba(238,86,34,0.15) !important;
}
.reg-form-group select option{background:#fff !important;color:#1a1a1a !important;}
.reg-submit{
  background:linear-gradient(135deg,#ee5622,#c4421a) !important;
  color:#fff !important;
  border:none !important;
  border-radius:6px !important;
  padding:17px !important;
  font-weight:800 !important;
  letter-spacing:0.08em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  width:100% !important;
  box-shadow:0 4px 16px rgba(238,86,34,0.3) !important;
  transition:all 0.3s !important;
}
.reg-submit:hover{transform:translateY(-2px) !important;box-shadow:0 12px 28px rgba(238,86,34,0.4) !important;}
.reg-note{color:#5a5550 !important;}

/* ─── FOOTER: light cream gradient ─── */
.footer{
  background:linear-gradient(180deg,#fdf5e8 0%,#fffaf2 100%) !important;
  color:#2d2825 !important;
  border-top:5px solid #fbbf24 !important;
}
.footer-brand h3{color:#1a1a1a !important;}
.footer-brand p{color:#3a3530 !important;}
.footer-col h4{color:#ee5622 !important;}
.footer-col a{color:#3a3530 !important;}
.footer-col a:hover{color:#ee5622 !important;}
.footer-bottom{
  border-top:1px solid rgba(0,0,0,0.1) !important;
  color:#5a5550 !important;
}
.footer .social-icon{
  background:#fff !important;
  border:1px solid rgba(0,0,0,0.1) !important;
  color:#1a1a1a !important;
}
.footer .social-icon:hover{color:#fff !important;}

/* ─── HERO SLIDER (keeps dark overlay for image legibility, but background is cream) ─── */
.hero-slider{
  background:#fffaf2 !important;
  border-bottom:4px solid #fbbf24 !important;
}
.hero-slider .slide-overlay{
  /* keep dark overlay over hero photos for text readability */
  background:linear-gradient(120deg,rgba(8,8,12,0.85) 0%,rgba(8,8,12,0.55) 60%,rgba(8,8,12,0.3) 100%) !important;
}

/* ─── VIP HERO — light theme override ─── */
.vip-hero{
  background:linear-gradient(125deg,#fffaf2 0%,#fef3c7 50%,#fde8e0 100%) !important;
  color:#1a1a1a !important;
  border-top:5px solid #fbbf24 !important;
}
.vip-hero h1{color:#1a1a1a !important;}
.vip-hero h1 em{color:#ee5622 !important;}
.vip-sub{color:#b8895a !important;}
.vip-body{color:#2d2825 !important;}
.vip-body strong{color:#ee5622 !important;}
.vip-eyebrow{background:#ee5622 !important;color:#fff !important;}

/* ─── PAGE HEROES on inner pages (about, dxn, contact, courses): WHITE TEXT on photo overlay) ─── */
.page-hero{color:#fff !important;}
.page-hero h1{color:#fff !important;}
.page-hero .page-hero-body{color:rgba(255,255,255,0.92) !important;}
.page-hero .page-hero-sub{color:rgba(255,255,255,0.85) !important;}

/* ─── MOUNTAIN TRANSITION SECTION (has dark photo bg with overlay → white text needed) ─── */
.mountain-transition{color:#fff !important;}
.mountain-transition h2,
.mountain-transition .mountain-en,
.mountain-transition .mountain-sub{color:#fff !important;}

/* ─── SLIDE TEXT visibility (must stay readable on photo) ─── */
.slide-headline-np,
.slide-headline-en{color:#fff !important;text-shadow:0 2px 16px rgba(0,0,0,0.8) !important;}
.slide-hook{color:rgba(255,255,255,0.95) !important;}

/* ─── FORM FIELD ERRORS ─── */
.field-error{
  display:block;
  font-size:13px;
  color:#dc2626 !important;
  margin-top:5px;
  font-weight:600;
  min-height:18px;
}
input.field-invalid,
select.field-invalid,
textarea.field-invalid{
  border-color:#dc2626 !important;
  background-color:#fef2f2 !important;
}

/* ─── SUCCESS / ERROR ALERT BANNERS ─── */
#formSuccess,
#contactSuccess{
  background:#dcfce7 !important;
  border:2px solid #16a34a !important;
  color:#14532d !important;
  padding:24px !important;
  border-radius:8px !important;
  margin-bottom:18px !important;
}
#formSuccess strong,
#contactSuccess strong{color:#15803d !important;}
#formError,
#contactError{
  background:#fee2e2 !important;
  border:2px solid #dc2626 !important;
  color:#7f1d1d !important;
  padding:16px 18px !important;
  border-radius:8px !important;
  margin-bottom:14px !important;
}

/* ─── LOADING STATE ─── */
.btn-loading{display:none;}
button.is-loading .btn-label{display:none;}
button.is-loading .btn-loading{display:inline;}
button:disabled{opacity:0.6 !important;cursor:not-allowed !important;}

/* ─── TEAM PROFILE BUTTON (about.html) ─── */
.leader-profile-btn{
  display:inline-flex !important;
  align-items:center !important;
  margin-top:18px !important;
  padding:11px 22px !important;
  background:linear-gradient(135deg,#ee5622,#c4421a) !important;
  color:#fff !important;
  font-family:'Manrope',sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:0.08em !important;
  text-transform:uppercase !important;
  border-radius:6px !important;
  text-decoration:none !important;
  transition:all 0.3s !important;
  box-shadow:0 4px 12px rgba(238,86,34,0.25) !important;
}
.leader-profile-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 8px 20px rgba(238,86,34,0.4) !important;
}

/* ─── RESPONSIVE TWEAKS ─── */
@media (max-width:480px){
  .header-inner{padding:0 16px !important;}
  .menu-toggle{margin-right:-4px !important;}
}