/* UNIVERSAL DARK THEME OVERRIDES (placed last; uses !important to win)
   Goal: same colours, spacing, readability across ALL pages.
*/
:root{
  --bg0:#071812;
  --bg1:#0b241c;
  --card:#0e2a22;
  --card2:#103127;
  --stroke:rgba(255,255,255,.10);
  --stroke2:rgba(255,255,255,.16);
  --text:#f2f0e8;
  --muted:rgba(242,240,232,.78);
  --muted2:rgba(242,240,232,.62);
  --accent:#cdb887; /* beige-gold */
  --accent2:#63d39a; /* soft green */
  --danger:#ff5a5a;
  --shadow:0 18px 50px rgba(0,0,0,.45);
  --radius:22px;
  --radius2:16px;
  --pad:18px;
}

html, body{height:100%;}
body{
  background: radial-gradient(900px 600px at 20% 10%, rgba(99,211,154,.18), transparent 60%),
              radial-gradient(900px 600px at 85% 85%, rgba(205,184,135,.14), transparent 62%),
              linear-gradient(180deg, var(--bg1), var(--bg0) 60%) !important;
  color: var(--text) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Consistent typography */
body, input, select, textarea, button{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  letter-spacing: .1px;
}

h1,h2,h3,h4{
  color: var(--text) !important;
  letter-spacing: .2px;
}

p, li, label, small{
  color: var(--muted) !important;
}

a{color: var(--accent2) !important; text-decoration: none !important;}
a:hover{opacity:.92;}

/* Global spacing + layout */
.container, .wrap, .page, main, .page-main, .content{
  max-width: 980px;
  margin-left:auto;
  margin-right:auto;
}

.page, main, .page-main, .content{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

section{margin: 16px 0 !important;}

/* Cards/panels */
.card, .panel, .box, .tile, .sheet, .glass, .hero-card, .feature-card, .pricing-card, .login-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text) !important;
}

.card *, .panel *, .box *{color: inherit;}

/* Inputs */
input[type="text"], input[type="tel"], input[type="number"], input[type="date"], input[type="time"],
textarea, select{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid var(--stroke2) !important;
  color: var(--text) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  outline: none !important;
}
input::placeholder, textarea::placeholder{color: var(--muted2) !important;}

/* Buttons */
button, .btn, .button, .cta, .primary, .btn-primary{
  background: linear-gradient(180deg, rgba(99,211,154,.22), rgba(99,211,154,.10)) !important;
  border: 1px solid rgba(99,211,154,.35) !important;
  color: var(--text) !important;
  border-radius: 16px !important;
  padding: 12px 16px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.35) !important;
}
button:hover, .btn:hover, .button:hover{filter: brightness(1.06);}

/* Secondary buttons */
.btn.secondary, .btn-secondary, .secondary, .ghost, .outline{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid var(--stroke2) !important;
  color: var(--text) !important;
}

/* Chips/tabs/steps */
.chip, .pill, .tag, .badge, .step, .steps a, .wizard-steps a{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid var(--stroke) !important;
  color: var(--muted) !important;
  border-radius: 999px !important;
}

.steps a.active, .wizard-steps a.active, .step.active{
  background: rgba(205,184,135,.18) !important;
  border-color: rgba(205,184,135,.38) !important;
  color: var(--text) !important;
}

/* Example prices cards: kill the bright blue */
.example-prices *, .example-price *, .ex-price *, .price-card *{color: var(--text) !important;}
.example-prices a, .example-price a, .ex-price a{color: var(--accent2) !important;}
.example-prices .pill, .example-price .pill, .ex-price .pill{
  background: rgba(205,184,135,.14) !important;
  border-color: rgba(205,184,135,.35) !important;
  color: var(--accent) !important;
}

/* Nav bars (top + bottom) */
.navbar, .bottom-nav, .tabbar, .tabs, .topbar{
  background: rgba(7,24,18,.72) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid var(--stroke) !important;
  border-bottom: 1px solid var(--stroke) !important;
}

.navbar a, .bottom-nav a, .tabbar a, .tabs a{color: var(--muted) !important;}
.navbar a.active, .bottom-nav a.active, .tabbar a.active{color: var(--text) !important;}

/* Alerts */
.error, .danger, .alert-danger{background: rgba(255,90,90,.12) !important; border-color: rgba(255,90,90,.35) !important;}
.success, .alert-success{background: rgba(99,211,154,.12) !important; border-color: rgba(99,211,154,.35) !important;}

/* Keep WhatsApp bubble visible on dark */
.whatsapp-fab, .wa-fab{filter: drop-shadow(0 10px 24px rgba(0,0,0,.35));}

/* Home: proof tiles (Replies / Flight tracking / etc.) were too faint */
.proof-tiles{margin-top: 14px !important;}
.proof-tile{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid var(--stroke2) !important;
}
.proof-tile .pt{
  color: var(--text) !important;
  font-weight: 850 !important;
  letter-spacing: .2px;
}
.proof-tile .ps{color: var(--muted) !important;}

/* Trust line under the hero buttons */
.home-hero-trust{color: var(--muted) !important; opacity: 1 !important;}

/* Fix random light backgrounds */
[class*="bg-"], .bg, .light, .surface{
  background: transparent !important;
}

/* Reduce weird overscroll glow and ensure safe padding */
*{scrollbar-color: rgba(242,240,232,.25) transparent;}




/* V12: Home proof tiles readability (force light card + dark text) */
.proof-tiles{margin-top:14px !important;}
.proof-tile{
  background: rgba(246,243,236,.96) !important;
  border: 1px solid rgba(16,47,34,.18) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.20) !important;
}
.proof-tile .pt{
  color: #102f22 !important;
  font-weight: 900 !important;
}
.proof-tile .ps{
  color: #3e4f46 !important;
  opacity: 1 !important;
  font-weight: 750 !important;
}
.home-hero-trust{color: rgba(242,240,232,.88) !important;}


/* V14 Hero Badge Upgrade */
.hero img, .hero-logo, .logo-hero {
    max-width:130px !important;
    width:130px !important;
    margin-top:10px !important;
    margin-bottom:8px !important;
}

.hero {
    padding-top:10px !important;
    padding-bottom:10px !important;
}


/* V15 Hero Badge Full-Bleed */
.hero img, .hero-logo, .logo-hero {
  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;
  margin-top: 4px !important;
  margin-bottom: 2px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.hero {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* If a wrapper is adding a circular plate/ring, neutralise it */
.hero .logo-wrap, .hero .logo-circle, .hero .badge, .hero .badge-ring {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}



/* V15 Full-bleed Hero Badge */
.hero img, .hero-logo, .logo-hero {
  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;
  margin-top: 6px !important;
  margin-bottom: 2px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.38) !important;
}
.hero {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}