/* =====================================================================
   TripBrezz — Header + Hero color fix (2026)
   এই ফাইলটি সবার শেষে লোড হয়, তাই অন্য থিম ফাইলের কনফ্লিক্ট ঠিক করে।
   Header = সাদা, Hero = সাদা + নীল কম্বাইন্ড।
   বাকি ডিজাইন/লেআউট অপরিবর্তিত থাকে।
   ===================================================================== */

:root{
  --fx-blue:#1e63e9;
  --fx-blue-dark:#1449bd;
  --fx-blue-soft:#e8f0ff;
  --fx-ink:#0b1220;
  --fx-body:#475569;
  --fx-line:rgba(15,23,42,.10);
}

/* ============================ HEADER (white) ========================= */
.site-header{
  background:#ffffff !important;
  color:var(--fx-ink) !important;
  border-bottom:1px solid var(--fx-line) !important;
  box-shadow:0 2px 10px -8px rgba(15,23,42,.35) !important;
  padding:0 !important;
}
.site-topbar-fixed{ background:#ffffff !important; }

.site-header a{ color:var(--fx-ink); }
.site-header .logo,
.site-header .logo a{
  background:none !important;
  color:var(--fx-ink) !important;
  -webkit-text-fill-color:var(--fx-ink) !important;
}
.site-header .brand-subtitle{
  color:#64748b !important; opacity:1 !important;
}
.site-header .brand-logo-img{ display:block !important; }
.site-header .brand-logo-img--dark{ display:none !important; }

/* burger + icon buttons */
.site-header .wg-burger{ color:var(--fx-ink) !important; border:1px solid var(--fx-line) !important; }
.site-header .wg-burger .bar{ background:var(--fx-ink) !important; }
.site-header .wg-icon-btn{
  background:#fff !important; border:1px solid var(--fx-line) !important; color:var(--fx-ink) !important;
}
.site-header .wg-icon-btn:hover{ background:var(--fx-blue-soft) !important; color:var(--fx-blue-dark) !important; }

/* currency / language chips */
.site-header .currency-btn,
.site-header .lang-btn,
.site-header .three-dot-btn,
.site-header .hx-chip{
  background:#fff !important; border:1px solid var(--fx-line) !important; color:var(--fx-ink) !important;
}
.site-header .currency-btn:hover,
.site-header .lang-btn:hover,
.site-header .hx-chip:hover{
  background:var(--fx-blue-soft) !important; border-color:var(--fx-blue) !important; color:var(--fx-blue-dark) !important;
  box-shadow:none !important;
}

/* login button = blue on white */
.site-header .wg-login-btn{
  background:var(--fx-blue) !important; border:1px solid var(--fx-blue) !important; color:#fff !important;
  box-shadow:0 8px 16px -10px rgba(30,99,233,.8) !important;
}
.site-header .wg-login-btn:hover{ background:var(--fx-blue-dark) !important; border-color:var(--fx-blue-dark) !important; color:#fff !important; }

/* dropdown links */
.currency-menu a:hover,.lang-menu a:hover,.dropdown-menu a:hover{ color:var(--fx-blue-dark) !important; background:var(--fx-blue-soft) !important; }
.currency-menu a.active,.lang-menu a.on{ color:var(--fx-blue-dark) !important; }

/* ======================= HERO (white + blue) ======================== */
.hero,
.modern-hero{
  background:
    radial-gradient(1100px 420px at 82% -12%, rgba(30,99,233,.18) 0%, rgba(30,99,233,0) 62%),
    linear-gradient(180deg,#ffffff 0%,#f4f8ff 45%,#e3edff 100%) !important;
  color:var(--fx-ink) !important;
  border-bottom:1px solid rgba(30,99,233,.12) !important;
  padding:30px 16px 34px !important;
  margin:0 !important;
}
.hero h1,
.modern-hero h1,
.modern-hero .hero-inner h1{
  color:var(--fx-ink) !important;
  text-shadow:none !important;
}
.modern-hero h1 .hx-accent{ color:var(--fx-blue) !important; }
.hero p,
.modern-hero p,
.modern-hero .hero-inner p{
  color:var(--fx-body) !important;
  text-shadow:none !important;
}

/* hero CTA buttons */
.hx-btn-primary{
  background:var(--fx-blue) !important; color:#fff !important; border:1px solid var(--fx-blue) !important;
  box-shadow:0 12px 22px -12px rgba(30,99,233,.85) !important;
}
.hx-btn-primary:hover{ background:var(--fx-blue-dark) !important; border-color:var(--fx-blue-dark) !important; }
.hx-btn-ghost{
  background:#fff !important; color:var(--fx-ink) !important; border:1px solid var(--fx-line) !important;
}
.hx-btn-ghost:hover{ background:var(--fx-blue-soft) !important; color:var(--fx-blue-dark) !important; }
.hx-tour{ color:var(--fx-blue) !important; }

/* search widget sits cleanly inside the hero (no negative overlap gaps) */
.search-widget,
.modern-search-widget,
.hero .fg-form,
.modern-hero .fg-form{
  background:#fff !important;
  border:1px solid rgba(30,99,233,.14) !important;
  box-shadow:0 18px 40px -26px rgba(15,23,42,.45) !important;
  margin-top:18px !important;
  backdrop-filter:none !important;
}
.modern-sw-tab.active,
.modern-sw-tab:hover{
  background:var(--fx-blue-soft) !important; color:var(--fx-blue-dark) !important;
}
.modern-sw-field input:focus,
.modern-sw-field select:focus{
  border-color:var(--fx-blue) !important;
  box-shadow:0 0 0 3px rgba(30,99,233,.15) !important;
}

@media (max-width:768px){
  .hero,.modern-hero{ padding:20px 12px 24px !important; margin-bottom:0 !important; }
  .modern-search-widget{ margin-top:14px !important; }
}
@media (min-width:900px){
  .hero,.modern-hero{ padding:54px 20px 46px !important; }
}