/* =========================================================
   Flygate BD — Wego-style frontend theme (loaded LAST)
   Clean white surfaces, teal accent, flat cards, roomy grid.
   ========================================================= */
:root{
  --wg-teal:#00A9B5;
  --wg-teal-dark:#00838C;
  --wg-ink:#0F1B2D;
  --wg-muted:#6B7A90;
  --wg-line:#E6EAF0;
  --wg-bg:#FFFFFF;
  --wg-soft:#F5F7FA;
  --wg-radius:14px;
  --wg-shadow:0 10px 30px rgba(15,27,45,.08);
}

body{
  background:var(--wg-bg)!important;
  color:var(--wg-ink)!important;
  font-family:"Inter","Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:400;
  letter-spacing:0;
}
h1,h2,h3,h4,h5{color:var(--wg-ink)!important;font-weight:700!important;letter-spacing:-.2px!important}
h1{font-size:clamp(26px,4.2vw,40px)!important}
h2{font-size:clamp(20px,2.8vw,28px)!important}
p{color:#41526B}

/* ---------- Header: overrides removed so the site header keeps its own layout ---------- */
.currency-btn,.three-dot-btn{background:#fff!important;border:1px solid var(--wg-line)!important;border-radius:999px!important;color:var(--wg-ink)!important}
.currency-btn:hover,.three-dot-btn:hover{background:var(--wg-soft)!important;color:var(--wg-teal)!important;border-color:var(--wg-teal)!important}

/* ---------- Hero + search widget ---------- */
.modern-hero{
  background:linear-gradient(120deg,#062A3C 0%,#0A5B73 55%,var(--wg-teal) 120%)!important;
  color:#fff!important;
  padding:56px 15px 56px!important;
}
.modern-hero h1{color:#fff!important;text-shadow:none!important;max-width:760px}
.modern-hero p{color:rgba(255,255,255,.85)!important;text-shadow:none!important}
.modern-search-widget{
  background:#fff!important;
  border-radius:var(--wg-radius)!important;
  box-shadow:var(--wg-shadow)!important;
  padding:18px!important;
  margin-top:22px!important;
  position:relative;z-index:2;
  max-width:1100px!important;
  margin-left:auto!important;margin-right:auto!important;
  box-sizing:border-box!important;
  backdrop-filter:none!important;
}
.modern-sw-tabs{border-bottom:1px solid var(--wg-line)!important;gap:6px!important}
.modern-sw-tab{background:transparent!important;border-radius:999px!important;color:var(--wg-muted)!important;font-size:.92rem!important;padding:8px 14px!important}
.modern-sw-tab.active,.modern-sw-tab:hover{background:rgba(0,169,181,.10)!important;color:var(--wg-teal-dark)!important;box-shadow:none!important}
.modern-sw-field input,.modern-sw-field select{border:1px solid var(--wg-line)!important;border-radius:10px!important;padding:12px!important;font-size:.9rem!important;background:var(--wg-soft)!important}
.modern-sw-field input:focus,.modern-sw-field select:focus{background:#fff!important;border-color:var(--wg-teal)!important;box-shadow:0 0 0 3px rgba(0,169,181,.15)!important}
.modern-sw-field label{color:var(--wg-muted)!important;letter-spacing:.4px!important}
.modern-sw-submit,.btn,button.btn,.btn-primary,.explore-bd-btn{
  background:var(--wg-teal)!important;color:#fff!important;border:none!important;
  border-radius:10px!important;font-weight:700!important;
}
.modern-sw-submit{height:46px!important}
.modern-sw-submit:hover,.btn:hover,.explore-bd-btn:hover{background:var(--wg-teal-dark)!important;transform:none!important}

.modern-sw-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important;width:100%!important}
.modern-sw-panel{overflow:visible!important}
.modern-hero>div:first-child{max-width:1100px!important;margin:0 auto 26px!important}

/* ---------- Generic sections & cards ---------- */
main.container,.container{max-width:1180px!important}
.card,.route-card,.airline-badge,.offer-card,.package-card,.post-card,.blog-card,.result-card,.flight-card{
  background:#fff!important;
  border:1px solid var(--wg-line)!important;
  border-radius:var(--wg-radius)!important;
  box-shadow:none!important;
}
.card:hover,.route-card:hover,.flight-card:hover,.result-card:hover{border-color:var(--wg-teal)!important;box-shadow:var(--wg-shadow)!important}
.airline-badge{border-radius:999px!important;font-weight:600!important;color:var(--wg-ink)!important}
.airline-badge:hover{background:rgba(0,169,181,.08)!important}
.top-airlines-container,.routes-widget-container{background:#fff!important}
.explore-bd-section{border-radius:var(--wg-radius)!important;overflow:hidden}
.explore-bd-title,.explore-bd-desc{color:#fff!important}
/* airlines: wrapped pill row like Wego */
.airlines-list{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;max-width:900px!important;gap:10px!important}
.airline-badge{padding:10px 18px!important;font-size:.9rem!important}
.route-tab-btn{border-radius:999px!important;border:1px solid var(--wg-line)!important;background:#fff!important;color:var(--wg-muted)!important}
.route-tab-btn.active{background:var(--wg-teal)!important;color:#fff!important;border-color:var(--wg-teal)!important}
.price,.fare,.amount{color:var(--wg-teal-dark)!important;font-weight:800!important}
.badge{background:rgba(0,169,181,.12)!important;color:var(--wg-teal-dark)!important;font-weight:700!important;letter-spacing:.4px!important}

/* ---------- Wego-style footer (matches reference) ---------- */
.wg-footer{background:#fff;border-top:1px solid var(--wg-line);padding:48px 20px 28px;font-family:inherit;color:#41526B}
.wg-footer .wg-wrap{max-width:1100px;margin:0 auto}
.wg-foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.wg-foot-cols h4{font-size:.95rem;font-weight:700;color:var(--wg-ink)!important;margin:0 0 16px}
.wg-foot-cols ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.wg-foot-cols a{color:#41526B;text-decoration:none;font-size:.9rem}
.wg-foot-cols a:hover{color:var(--wg-teal)}
.wg-social{display:flex;gap:10px;margin-top:20px}
.wg-social a{width:30px;height:30px;border-radius:50%;background:#E9EDF2;color:#5B6B7F;display:flex;align-items:center;justify-content:center;font-size:.85rem;text-decoration:none}
.wg-social a:hover{background:var(--wg-teal);color:#fff}
.wg-foot-mid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;border-top:1px solid var(--wg-line);margin-top:36px;padding-top:26px}
.wg-foot-mid h5{font-size:.85rem;font-weight:600;color:var(--wg-muted)!important;margin:0 0 14px}
.wg-pay{display:flex;flex-wrap:wrap;gap:10px;max-width:420px}
.wg-pay span{border:1px solid var(--wg-line);border-radius:6px;padding:6px 10px;font-size:.72rem;font-weight:600;color:#41526B;background:#fff;line-height:1}
.wg-partners{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.wg-partners span{font-size:1rem;font-weight:700;color:#5B6B7F}
.wg-foot-bottom{border-top:1px solid var(--wg-line);margin-top:26px;padding-top:22px;text-align:center;font-size:.8rem;color:var(--wg-muted)}
.wg-foot-bottom a{color:var(--wg-muted);text-decoration:none;margin:0 8px}
.wg-foot-bottom a:hover{color:var(--wg-teal)}
@media (max-width:820px){
  .wg-foot-cols{grid-template-columns:1fr 1fr;gap:26px}
  .wg-foot-mid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .wg-footer{padding:34px 16px 22px}
  .wg-foot-cols{grid-template-columns:1fr}
  .modern-hero{padding:36px 14px 36px!important}
  .modern-search-widget{margin-top:18px!important}
}

/* ---------- Blog: keep headings readable on dark surfaces ---------- */
.tb-news h2,.tb-news p,.tb-box--navy h3,.tb-box--navy h4,.tb-box--navy p,
.tb-hero h1,.tb-hero p,.tb-hero .tb-hero-meta{color:#fff!important}
.tb-box:not(.tb-box--navy) h3,.tb-box:not(.tb-box--navy) h4{color:var(--wg-ink)!important}
.tb-box--navy h3,.tb-box--navy h4,.tb-box--navy *{color:#fff!important}
.tb-chip.is-active,.tb-btn{background:var(--wg-teal)!important;color:#fff!important;border-color:var(--wg-teal)!important}
