/* =====================================================================
   THEME: EaseMyTrip-style colours (bright blue + orange CTA)
   Load AFTER style.css. Remove this file's <link> to go back to the
   original blue + gold theme.
   ===================================================================== */
:root{
  --blue:#1A73E8;          /* primary blue: links, tabs, icons, blue buttons */
  --blue-bright:#2196F3;   /* light accent blue for gradients */
  --blue-deep:#0D5BC6;
  --blue-night:#0B2B57;    /* top bar, footer, dark bands */
  --gold:#EF6614;          /* orange: main call-to-action buttons */
  --gold-deep:#D4560B;
  --orange-soft:#FFF1E7;
  --star:#FFB400;
  --ink:#1B2433;
  --muted:#5E6B7D;
  --paper:#F1F6FD;
  --line:#E0E8F3;
}

/* ---- buttons: white text on orange ---- */
.btn-gold{color:#fff;box-shadow:0 8px 20px -8px rgba(239,102,20,.65)}
.btn-gold:hover{background:var(--gold-deep)}
.skip{color:#fff}
.mbar .m-book{color:#fff!important}
.btn-blue:hover{background:var(--blue-deep)}

/* ---- stars stay yellow ---- */
.stars,.score .stars,.proof .stars{color:var(--star)}
.proof div:first-child b::after{color:var(--star)!important}

/* ---- header / top bar ---- */
.topbar{background:var(--blue-night)}
.nav a:hover,.nav a.active{background:#EAF2FE}
.h-call .ring,.menu-btn,.icon-btn{background:#EAF2FE}

/* ---- hero: bright blue wash instead of navy ---- */
.hero{background:#0D47A1}
.hero::before{background:
  linear-gradient(90deg,rgba(13,71,161,.93) 0%,rgba(21,101,192,.72) 40%,rgba(33,150,243,.18) 70%,rgba(13,71,161,.28) 100%),
  linear-gradient(0deg,rgba(11,43,87,.75) 0%,rgba(11,43,87,0) 35%)}
.hero-kicker .bar{background:var(--gold)}
.hero-ctas .btn-ghost{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}

/* ---- booking card ---- */
.book-offer{background:var(--orange-soft);color:#B8460A;border-bottom:1px solid #FFE0CC}
.book-offer svg{color:var(--gold)}
.tabs{background:#EDF3FC}
.tab[aria-selected="true"]{background:var(--blue);color:#fff;box-shadow:0 4px 12px -4px rgba(26,115,232,.55)}
.route:focus-within,.field:focus-within{border-color:var(--blue)}
.route .pin.a{border-color:var(--blue)}
.route .pin.b{background:var(--gold);box-shadow:0 0 0 3px rgba(239,102,20,.22)}
.swap{color:var(--blue)}

/* ---- icon tiles ---- */
.promise .pi,.card .pi,.contact-cards .pi,.avatar{background:#EAF2FE;color:var(--blue)}

/* ---- cards & overlays: blue tones instead of navy ---- */
.svc,.pkg,.city{background:#0D47A1}
.svc::after{background:linear-gradient(180deg,rgba(11,43,87,0) 35%,rgba(11,43,87,.9) 100%)}
.pkg::after{background:linear-gradient(180deg,rgba(11,43,87,0) 40%,rgba(11,43,87,.93))}
.city::after{background:linear-gradient(180deg,transparent 45%,rgba(11,43,87,.85))}
.pkg .tag{color:#fff}
.city.all{background:linear-gradient(135deg,var(--blue-bright),var(--blue-deep))}
.rt:hover{border-color:#B9D4F8;box-shadow:0 18px 40px -20px rgba(26,115,232,.35)}
.rt-line .track::before{border-color:var(--blue)}
.s-btn{color:var(--blue)}
.s-btn:hover:not(:disabled){background:var(--blue);border-color:var(--blue)}

/* ---- how it works / reviews / faq ---- */
.step .num{background:var(--blue)}
.step:last-child .num{color:#fff}
.score{background:linear-gradient(145deg,var(--blue-bright),var(--blue-deep))}
.score .btn-gold{color:#fff}
.faq-list details[open] .pm{color:#fff}

/* ---- final CTA + footer ---- */
.cta::after{background:linear-gradient(90deg,rgba(13,71,161,.95),rgba(26,115,232,.82))}
.footer{background:var(--blue-night)}
.f-grid a:hover{color:#FFB27A}
.socials a:hover{color:#fff}
.offer{border-left-color:var(--gold)}

/* ---- inner pages (used when the theme is rolled out to all pages) ---- */
.page-hero{background:#0D47A1}
.page-hero::before{background:linear-gradient(90deg,rgba(13,71,161,.92) 0%,rgba(21,101,192,.7) 50%,rgba(33,150,243,.25) 100%)}
.crumbs a:hover{color:#FFB27A}
.stats-band,.band{background:linear-gradient(135deg,var(--blue-bright),var(--blue-deep))}
.days .dl{color:var(--blue)}
.stops li::before{border-color:var(--blue)}
.aside-help .ring{color:var(--blue)}

@media (max-width:640px){
  .hero{background:var(--paper)}
  .hero::before{background:linear-gradient(180deg,rgba(13,71,161,.12) 0%,rgba(13,71,161,0) 28%,rgba(13,71,161,.62) 58%,rgba(11,43,87,.95) 100%)}
  .page-hero::before{background:linear-gradient(180deg,rgba(13,71,161,.35) 0%,rgba(11,43,87,.9) 75%)}
}