/* =============================================================
   EZY TOUR FRAMEWORK — theme: Lift Taxi Transfers and Tours
   Palette: Taxi Yellow, Palm Green, Sunset Orange, Deep Forest
   Fonts: Oswald (display bold) + Nunito (body)
   ============================================================= */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Nunito:wght@400;600;700;800;900&display=swap');

:root {
  /* Fonts */
  --font-display: 'Oswald', Impact, 'Arial Narrow', sans-serif;
  --font-body:    'Nunito', sans-serif;

  /* Brand palette — from Lift Taxi logo */
  --lt-yellow:     #F5C300;
  --lt-yellow-dk:  #D4A800;
  --lt-green:      #2A7A2E;
  --lt-green-dk:   #1A4A1E;
  --lt-orange:     #E85D04;
  --lt-orange-lt:  #F87834;
  --lt-gold:       #F5A800;
  --lt-sun:        #FFD700;

  /* Primary accent: taxi yellow */
  --accent:          #F5C300;
  --accent-dark:     #D4A800;
  --accent-text:     #1A1A00;
  --accent-glow:     rgba(245,195,0,0.25);
  --accent-grad:     linear-gradient(135deg, #F5C300 0%, #E85D04 100%);
  --secondary:       #2A7A2E;
  --secondary-text:  #ffffff;
  --shadow-accent:       0 4px 16px rgba(245,195,0,0.4);
  --shadow-accent-hover: 0 8px 28px rgba(245,195,0,0.55);

  /* Surfaces */
  --bg:           #FAFAF7;
  --card-bg:      #FFFFFF;
  --input-bg:     #F5F5EE;
  --border:       rgba(42,122,46,0.15);
  --card-border:  1.5px solid rgba(245,195,0,0.15);
  --card-shadow:  0 4px 24px rgba(30,74,30,0.09);
  --card-shadow-hover: 0 12px 40px rgba(30,74,30,0.16);
  --card-shadow-color: rgba(30,74,30,0.09);

  /* Text */
  --text:       #1A1A0A;
  --text-mid:   #2A2A12;
  --text-soft:  #4A4A2A;
  --text-muted: #8A8A6A;

  /* Nav */
  --nav-h:               72px;
  --nav-bg:              rgba(26,74,30,0.97);
  --nav-shadow:          0 2px 20px rgba(0,0,0,.25);
  --nav-link:            rgba(255,255,255,0.9);
  --nav-link-active-bg:  var(--lt-yellow);
  --nav-link-active:     #1A1A00;

  /* Page hero */
  --page-hero-bg: linear-gradient(135deg, #1A4A1E 0%, #2A7A2E 60%, #1A4A1E 100%);

  /* CTA banner */
  --cta-bg:   linear-gradient(135deg, #1A4A1E 0%, #E85D04 100%);
  --cta-text: #ffffff;
  --cta-sub:  rgba(255,255,255,0.75);

  /* Footer */
  --footer-bg:         #1A1A0A;
  --footer-text:       rgba(255,255,255,.8);
  --footer-muted:      rgba(255,255,255,.45);
  --footer-heading:    #F5C300;
  --footer-border:     rgba(255,255,255,.1);
  --footer-badge-bg:   rgba(255,255,255,.08);
  --footer-social-bg:  rgba(255,255,255,.1);
  --footer-logo-filter: brightness(0) invert(1);

  /* Skeleton */
  --skeleton-base:  #e8e8d8;
  --skeleton-shine: #d8d8c8;

  /* Misc */
  --radius:      10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 50px;
  --transition:  all 0.25s ease;
}

/* ── Jacko variable aliases (from rebranded pages) ── */
:root {
  --jet-navy:   #1A4A1E;
  --jet-blue:   #2A7A2E;
  --jet-gold:   #F5C300;
  --jet-sky:    #F5A800;
  --jet-green:  #2A7A2E;
  --jet-orange: #E85D04;
}

/* ── Lift Taxi navbar — dark green bar ── */
/* Always solid — dark charcoal so logo (yellow+green) is visible */
.navbar,
.navbar.scrolled {
  background: #111810 !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.3) !important;
  backdrop-filter: none !important;
  border-bottom: none !important;
}
.navbar .nav-links a,
.navbar.scrolled .nav-links a { color: rgba(255,255,255,.92) !important; text-shadow: none !important; }
.navbar .nav-links a:hover,
.navbar .nav-links a.active,
.navbar.scrolled .nav-links a:hover,
.navbar.scrolled .nav-links a.active { background: var(--lt-yellow) !important; color: #1A1A00 !important; }
.navbar .nav-phone { color: rgba(255,255,255,.85) !important; }

/* ── Buttons ── */
.btn-primary {
  background: var(--lt-yellow) !important;
  color: #1A1A00 !important;
  border-color: var(--lt-yellow) !important;
  font-weight: 800;
}
.btn-primary:hover {
  background: var(--lt-yellow-dk) !important;
  box-shadow: var(--shadow-accent-hover);
}
.btn-whatsapp { background: #25D366 !important; color: #fff !important; }
.btn-outline { border-color: var(--lt-yellow) !important; color: var(--lt-green-dk) !important; }
.btn-outline:hover { background: var(--lt-yellow) !important; color: #1A1A00 !important; }
.btn-outline-light { border-color: rgba(255,255,255,.6) !important; color: #fff !important; }
.btn-outline-light:hover { background: rgba(255,255,255,.15) !important; }

/* ── Section labels ── */
.section-label { color: var(--lt-orange); }
.text-accent    { color: var(--lt-green); }

/* ── Service cards ── */
.service-card::before { background: linear-gradient(90deg, var(--lt-yellow), var(--lt-orange)); }

/* ── Tour card price ── */
.tour-price .amount { color: var(--lt-green-dk); }
.stars, .test-stars  { color: var(--lt-yellow); }

/* ── Transfer route cards ── */
.route-price     { color: var(--lt-yellow-dk); font-weight: 900; }
.transfer-route:hover { background: var(--lt-green-dk); }
.transfer-route:hover .route-name,
.transfer-route:hover .route-from,
.transfer-route:hover .route-time { color: white; }
.transfer-route:hover .route-price { color: var(--lt-yellow); }

/* ── Nav dropdown colours — force dark text regardless of scroll state ── */
.nav-links li .nav-drop,
.navbar.scrolled .nav-links li .nav-drop { background: #fff !important; box-shadow: 0 8px 40px rgba(0,0,0,.15); }
.nav-links li .nav-drop a,
.navbar.scrolled .nav-links li .nav-drop a { 
  color: #1a1a0a !important; 
  text-shadow: none !important;
  background: transparent !important;
}
.nav-links li .nav-drop a:hover,
.navbar.scrolled .nav-links li .nav-drop a:hover { 
  background: #fffbe6 !important; 
  color: #1A4A1E !important; 
}
.nav-drop-label,
.navbar.scrolled .nav-drop-label { color: #888 !important; text-shadow: none !important; }

/* ── Mobile menu ── */
/* Override dark navy with dark green for Lift */
.mob-menu {
  background: linear-gradient(160deg,#0a0f08 0%,#111810 55%,#0a0f08 100%) !important;
}

/* ── CTA banner ── */
.cta-banner { background: var(--cta-bg); }

/* ── Trust bar numbers ── */
.trust-bar-num { color: var(--lt-green); }

/* ── WhatsApp float ── */
.whatsapp-float { background: linear-gradient(135deg,#25D366,#128C7E); }

/* ── Tags ── */
.tag-accent { background: var(--lt-orange); color: #fff; }

/* ── Footer ── */
.footer { background: var(--footer-bg); }
.footer-heading { color: var(--lt-yellow) !important; }