/* ═══════════════════════════════════════════
   GEN-Z THEME OVERRIDE — trips24x7.com
   Lime × Black × Pink Neo-Brutalist
   Inject into all trip detail pages
═══════════════════════════════════════════ */

/* ── FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* ── ROOT COLOR OVERRIDES ── */
:root {
  --lime:       #CCFF00;
  --pink:       #FF2D78;
  --genz-blue:  #0055FF;
  --black:      #0A0A0A;
  --genz-white: #FAFAFA;
  --orange:     #FF5500;
  --yellow:     #FFE500;

  /* Override existing vars */
  --blue:       #0055FF;
  --blue-light: #CCFF00;
  --purple:     #FF2D78;
  --dark:       #0A0A0A;
  --bg:         #F5F5F0;
  --card:       #FAFAFA;
  --border:     #0A0A0A;
  --radius:     10px;
  --green:      #0A0A0A;
}

/* ── BODY + FONT ── */
body {
  font-family: 'Space Grotesk', sans-serif !important;
  background: #F5F5F0 !important;
}

/* ── HERO TITLE ── */
.hero h1 {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: .02em !important;
}
.hero h1 em {
  color: #CCFF00 !important;
  -webkit-text-fill-color: #CCFF00 !important;
  font-style: normal !important;
}
.hero .badge {
  background: rgba(204,255,0,.2) !important;
  border-color: rgba(204,255,0,.5) !important;
  color: #CCFF00 !important;
}

/* ── BACK LINK / NAV ── */
.back-link, .back-btn, [class*="back"] {
  color: #CCFF00 !important;
}

/* ── SUMMARY CARD ── */
.summary-card {
  border: 2.5px solid #0A0A0A !important;
  box-shadow: 6px 6px 0 #0A0A0A !important;
  border-radius: 10px !important;
}
.bolt-box {
  background: #CCFF00 !important;
  box-shadow: none !important;
}
.bolt-box svg { fill: #0A0A0A !important; }
.summary-title { font-family: 'Space Grotesk', sans-serif !important; font-weight: 700 !important; }
.s-check { background: #CCFF00 !important; box-shadow: none !important; }
.s-check svg { stroke: #0A0A0A !important; }
.s-day-num { color: #FF2D78 !important; }
.s-item:hover { background: #CCFF00 !important; }
.chevron { background: #0A0A0A !important; }
.chevron svg { stroke: #CCFF00 !important; }

/* ── DAY CARDS ── */
.day-card {
  border: 2.5px solid #0A0A0A !important;
  box-shadow: 4px 4px 0 #0A0A0A !important;
  border-radius: 10px !important;
}
.day-card:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0 #0A0A0A !important;
}
.day-card-header:hover .day-chevron { background: #CCFF00 !important; }
.day-card-header:hover .day-chevron svg { stroke: #0A0A0A !important; }
.day-chevron { background: #F0F0E8 !important; }
.day-chevron svg { stroke: #0A0A0A !important; }

/* Day number badges — Gen-Z palette */
.day-card:nth-child(1)  .day-number-badge { background: #CCFF00 !important; color: #0A0A0A !important; }
.day-card:nth-child(2)  .day-number-badge { background: #FF2D78 !important; color: #FAFAFA !important; }
.day-card:nth-child(3)  .day-number-badge { background: #0055FF !important; color: #FAFAFA !important; }
.day-card:nth-child(4)  .day-number-badge { background: #FFE500 !important; color: #0A0A0A !important; }
.day-card:nth-child(5)  .day-number-badge { background: #FF5500 !important; color: #FAFAFA !important; }
.day-card:nth-child(6)  .day-number-badge { background: #CCFF00 !important; color: #0A0A0A !important; }
.day-card:nth-child(7)  .day-number-badge { background: #FF2D78 !important; color: #FAFAFA !important; }
.day-card:nth-child(8)  .day-number-badge { background: #0055FF !important; color: #FAFAFA !important; }
.day-card:nth-child(9)  .day-number-badge { background: #FFE500 !important; color: #0A0A0A !important; }
.day-card:nth-child(10) .day-number-badge { background: #FF5500 !important; color: #FAFAFA !important; }
.day-card:nth-child(11) .day-number-badge { background: #CCFF00 !important; color: #0A0A0A !important; }
.day-card:nth-child(12) .day-number-badge { background: #FF2D78 !important; color: #FAFAFA !important; }

/* Activity dots — Gen-Z palette */
.day-card:nth-child(1)  .activity-dot { background: #CCFF00 !important; }
.day-card:nth-child(2)  .activity-dot { background: #FF2D78 !important; }
.day-card:nth-child(3)  .activity-dot { background: #0055FF !important; }
.day-card:nth-child(4)  .activity-dot { background: #FFE500 !important; }
.day-card:nth-child(5)  .activity-dot { background: #FF5500 !important; }
.day-card:nth-child(6)  .activity-dot { background: #CCFF00 !important; }
.day-card:nth-child(7)  .activity-dot { background: #FF2D78 !important; }
.day-card:nth-child(8)  .activity-dot { background: #0055FF !important; }

/* Tip boxes */
.tip-box {
  background: #f7ffe0 !important;
  border-left: 3px solid #CCFF00 !important;
  color: #0A0A0A !important;
}
.day-card:nth-child(even) .tip-box {
  background: #fff0f5 !important;
  border-left-color: #FF2D78 !important;
  color: #0A0A0A !important;
}

/* ── HIGHLIGHTS ── */
.highlight-card {
  border: 2px solid #0A0A0A !important;
  box-shadow: 3px 3px 0 #0A0A0A !important;
  border-radius: 10px !important;
}
.highlight-card:hover {
  background: #CCFF00 !important;
  transform: translate(-2px,-2px) !important;
  box-shadow: 5px 5px 0 #0A0A0A !important;
}
.highlight-card h3 { font-family: 'Space Grotesk', sans-serif !important; }

/* ── INC / EXC CARDS ── */
.inc-card, .exc-card {
  border: 2px solid #0A0A0A !important;
  box-shadow: 3px 3px 0 #0A0A0A !important;
  border-radius: 10px !important;
}
.inc-icon-box {
  background: #CCFF00 !important;
  border-radius: 6px !important;
}
.inc-icon-box svg { stroke: #0A0A0A !important; }
.exc-icon-box {
  background: #FF2D78 !important;
  border-radius: 6px !important;
}
.exc-icon-box svg { stroke: #FAFAFA !important; }
.ie-dot-green { background: #CCFF00 !important; }
.ie-dot-green svg { stroke: #0A0A0A !important; }
.ie-dot-red { background: #FF2D78 !important; }
.ie-dot-red svg { stroke: #FAFAFA !important; }
.inc-header, .exc-header { border-color: #e8e8e0 !important; }
.ieh-title { font-family: 'Space Grotesk', sans-serif !important; }

/* ── CARRY CARD ── */
.carry-card {
  border: 2px solid #0A0A0A !important;
  box-shadow: 3px 3px 0 #0A0A0A !important;
  border-radius: 10px !important;
}

/* ── REVIEWS ── */
.review-card, .review-item, [class*="review"] {
  border: 2px solid #0A0A0A !important;
  box-shadow: 3px 3px 0 #0A0A0A !important;
  border-radius: 10px !important;
}
.star, [class*="star"] { color: #FF5500 !important; }

/* ── BOOKING CARD ── */
.booking-card, [class*="booking-card"] {
  border: 2.5px solid #0A0A0A !important;
  box-shadow: 5px 5px 0 #0A0A0A !important;
  border-radius: 10px !important;
}
.card-header { border-color: #e8e8e0 !important; }
.card-header-icon { background: #CCFF00 !important; border-radius: 6px !important; }

/* ── STICKY BOTTOM BAR ── */
.sticky-bottom-bar {
  background: #0A0A0A !important;
  border-top: 2.5px solid #0A0A0A !important;
  box-shadow: 0 -4px 0 #0A0A0A !important;
}
.sticky-bottom-bar .price,
.sticky-bottom-bar [class*="price"],
.sticky-bottom-bar .amount {
  color: #CCFF00 !important;
  font-family: 'Bebas Neue', sans-serif !important;
}
.sticky-bottom-bar .per-person,
.sticky-bottom-bar .per-label,
.sticky-bottom-bar small {
  color: rgba(255,255,255,.55) !important;
}
.sticky-bottom-bar button,
.sticky-bottom-bar .book-btn,
.sticky-bottom-bar [class*="btn"],
.sticky-bottom-bar a[class*="btn"] {
  background: #CCFF00 !important;
  color: #0A0A0A !important;
  border: 2px solid #CCFF00 !important;
  border-radius: 8px !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.sticky-bottom-bar button:hover,
.sticky-bottom-bar .book-btn:hover {
  background: #b8ff00 !important;
}

/* ── ALL CTA BUTTONS ── */
button[class*="cta"],
button[class*="book"],
a[class*="cta"],
a[class*="book"],
.btn-primary,
[class*="btn-primary"] {
  background: #CCFF00 !important;
  color: #0A0A0A !important;
  border: 2px solid #0A0A0A !important;
  box-shadow: 3px 3px 0 #0A0A0A !important;
  border-radius: 8px !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
}

/* ── BOOKING FORM INPUTS ── */
input, select, textarea {
  border: 2px solid #0A0A0A !important;
  border-radius: 8px !important;
  font-family: 'Space Grotesk', sans-serif !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #CCFF00 !important;
  box-shadow: 3px 3px 0 #0A0A0A !important;
  outline: none !important;
}
label { font-family: 'Space Grotesk', sans-serif !important; }

/* ── ACCORDIONS ── */
.acc-header, [class*="acc-header"] {
  font-family: 'Space Grotesk', sans-serif !important;
}
.acc-body, [class*="acc-body"] {
  border-color: #e8e8e0 !important;
}

/* ── TRUST / SAFETY SECTION ── */
.trust-us-card, .safety-card, [class*="trust"] {
  border: 2px solid #0A0A0A !important;
  box-shadow: 3px 3px 0 #0A0A0A !important;
  border-radius: 10px !important;
}
.safety-icon-wrap, [class*="safety-icon"] {
  background: #CCFF00 !important;
}
.safety-icon-wrap svg, [class*="safety-icon"] svg {
  stroke: #0A0A0A !important;
}

/* ── SECTION LABELS ── */
.section-label { color: #FF2D78 !important; letter-spacing: 2px !important; }

/* ── LIVE BOOKING BADGE / TOAST ── */
.live-float {
  position: fixed !important;
  top: 16px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  background: #0A0A0A !important;
  color: #FAFAFA !important;
  border: 2px solid #CCFF00 !important;
  border-radius: 100px !important;
  box-shadow: 0 0 0 3px rgba(204,255,0,.25), 3px 3px 0 #CCFF00 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.live-float-num { color: #CCFF00 !important; font-weight: 800 !important; }
.live-float-dot { background: #CCFF00 !important; box-shadow: 0 0 0 3px rgba(204,255,0,.25) !important; }
.live-float-eye { font-size: 13px !important; }

.bk-toast {
  position: fixed !important;
  bottom: 76px !important;
  right: 16px !important;
  z-index: 9998 !important;
  background: #0A0A0A !important;
  color: #FAFAFA !important;
  border: 2px solid #CCFF00 !important;
  border-radius: 10px !important;
  box-shadow: 3px 3px 0 #CCFF00 !important;
}
.bk-toast-name { color: #CCFF00 !important; font-family: 'Space Grotesk', sans-serif !important; }
.bk-toast-msg, .bk-toast-time { color: rgba(255,255,255,.6) !important; }

.live-hero-bar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.live-hero-chip {
  background: rgba(204,255,0,.15) !important;
  border-color: rgba(204,255,0,.4) !important;
  color: #CCFF00 !important;
  border-radius: 100px !important;
}
.live-dot { background: #CCFF00 !important; box-shadow: 0 0 0 3px rgba(204,255,0,.25) !important; }

/* ── HEADINGS ── */
h1, h2, h3, h4 {
  font-family: 'Space Grotesk', sans-serif !important;
}
h1 { font-family: 'Bebas Neue', sans-serif !important; }

/* ── SECTION DIVIDERS ── */
.day-divider { background: #e8e8e0 !important; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-thumb { background: #CCFF00; border-radius: 2px; }

/* ── HOVER STATES ── */
a { color: #0055FF; }
a:hover { color: #FF2D78; }