/* AYAN AIR website, polish v4 (2026-11-07, B2C thread): the same pages, parts and colours as v3 (navy #0A1128 + gold #C9A45C),
   only calmer and tidier. Loaded last, only when config ayan.b2c_v4 is on (AYAN_B2C_V4=true); switch off = v3 exactly. */
body.v3 { --v4-cream: #FAF6EE; --v4-line: #E6E9F0; --v4-shadow: 0 1px 2px rgba(10,17,40,.05), 0 8px 24px rgba(10,17,40,.06); }

/* ---------- home: hero ---------- */
/* text side gets a navy wash so the slogan reads on any photo */
body.v3 .v3-hero .v2-hero-bg::after, [dir="rtl"] body.v3 .v3-hero .v2-hero-bg::after {
  background: linear-gradient(90deg, rgba(10,17,40,.88) 0%, rgba(10,17,40,.62) 42%, rgba(10,17,40,.15) 75%, rgba(10,17,40,.35) 100%);
}
[dir="rtl"] body.v3 .v3-hero .v2-hero-bg::after {
  background: linear-gradient(270deg, rgba(10,17,40,.88) 0%, rgba(10,17,40,.62) 42%, rgba(10,17,40,.15) 75%, rgba(10,17,40,.35) 100%);
}
body.v3 .v3-hero .v2-hero-in { padding-top: 96px; padding-bottom: 160px; }
body.v3 .v3-hero .v2-hero-tx { text-align: start; align-items: flex-start; }
body.v3 .v3-hero .kicker { display: inline-block; padding: 5px 12px; border: 1px solid rgba(201,164,92,.55); border-radius: 999px; font-size: 13px; letter-spacing: .04em; background: rgba(10,17,40,.35); }
body.v3 .v3-hero h1, body.v3 .v3-hero .v2-hero-h { font-size: 58px; max-width: 620px; text-wrap: balance; }
body.v3 .v3-hero p { font-size: 18px; color: #D9DEEA; }
body.v3 .v3-hero .v2-hero-cta { align-self: flex-start; margin-inline: 0; }
body.v3 .v3-hero .v2-hero-nav { justify-content: flex-start; }
@media (max-width: 640px) {
  body.v3 .v3-hero .v2-hero-bg::after, [dir="rtl"] body.v3 .v3-hero .v2-hero-bg::after { background: linear-gradient(180deg, rgba(10,17,40,.55) 0%, rgba(10,17,40,.7) 60%, rgba(10,17,40,.88) 100%); }
  body.v3 .v3-hero .v2-hero-in { padding-top: 36px; padding-bottom: 112px; }
  body.v3 .v3-hero h1, body.v3 .v3-hero .v2-hero-h { font-size: 32px; }
}

/* ---------- home: search card ---------- */
body.v3 .v3-book .book-panel { border-radius: 18px; box-shadow: 0 2px 4px rgba(10,17,40,.06), 0 28px 64px rgba(10,17,40,.20); border: 1px solid rgba(10,17,40,.04); }

/* ---------- home: four promises as one slim line (owner prefers one slim line to big cards) ---------- */
body.v3 .v3-trust { display: flex; flex-wrap: wrap; gap: 0; margin-top: 28px; background: #fff; border: 1px solid var(--v4-line); border-radius: 14px; padding: 6px 4px; width: calc(100% - 64px); max-width: 1176px; }
body.v3 .v3-trust > div { flex: 1 1 220px; min-width: 0; background: none; border-radius: 0; padding: 12px 18px; gap: 12px; }
body.v3 .v3-trust > div + div { border-inline-start: 1px solid var(--v4-line); }
body.v3 .v3-trust .v3-ico { width: 34px; height: 34px; border-radius: 50%; background: var(--v4-cream); color: #9A7A35; flex: none; display: grid; place-items: center; }
body.v3 .v3-trust b { font-size: 14px; }
body.v3 .v3-trust small { font-size: 12.5px; }
@media (max-width: 980px) {
  body.v3 .v3-trust > div { flex-basis: 45%; }
  body.v3 .v3-trust > div:nth-child(3) { border-inline-start: 0; }
  body.v3 .v3-trust > div:nth-child(n+3) { border-top: 1px solid var(--v4-line); }
}
@media (max-width: 640px) {
  body.v3 .v3-trust { padding: 2px; width: calc(100% - 32px); }
  body.v3 .v3-trust > div { padding: 10px 12px; }
}

/* ---------- home: cities, name and price on the photo ---------- */
body.v3 .v3-city { position: relative; border-radius: 18px; box-shadow: var(--v4-shadow); }
body.v3 .v3-city img { height: 300px; }
body.v3 .v3-city .v3-city-tx { position: absolute; inset: auto 0 0 0; padding: 48px 20px 18px; background: linear-gradient(180deg, rgba(10,17,40,0) 0%, rgba(10,17,40,.82) 70%); color: #fff; align-items: flex-end; }
body.v3 .v3-city .v3-city-tx b { color: #fff; font-size: 22px; }
body.v3 .v3-city .v3-city-tx small { color: #D3D9E6; }
body.v3 .v3-city .v3-from { background: #C9A45C; color: #0A1128; border-radius: 10px; padding: 6px 10px; text-align: center; line-height: 1.2; }
body.v3 .v3-city .v3-from small { color: #0A1128; opacity: .75; }
body.v3 .v3-city .v3-from b { color: #0A1128; font-size: 18px; }
@media (max-width: 640px) { body.v3 .v3-city img { height: 210px; } }

/* ---------- home: three steps ---------- */
body.v3 .v3-steps > div { box-shadow: none; border: 1px solid var(--v4-line); }
body.v3 .v3-steps .v3-n { background: transparent; color: #9A7A35; border: 2px solid #C9A45C; }

/* ---------- results ---------- */
/* "Prices by airline" says nothing new when there is only one airline: hidden then (labels + All airlines + 1 airline) */
.v2-res .v3-air:has(.v3-air-row > .v3-air-tile:nth-child(3):last-child) { display: none; }
.v2-res .v2-fl { box-shadow: var(--v4-shadow); border-color: transparent; }
.v2-res .v2-fl:hover { box-shadow: 0 2px 4px rgba(10,17,40,.06), 0 16px 36px rgba(10,17,40,.10); }
@media (min-width: 761px) { .v2-res .v2-fl-price { background: var(--v4-cream); border-start-end-radius: 16px; border-end-end-radius: 16px; } }
.v2-res .v2-fl-price b { color: #0A1128; }
.v2-res .v2-fl-price .btn-primary { background: #C9A45C; border-color: #C9A45C; color: #0A1128; font-weight: 700; }
.v2-res .v2-fl-price .btn-primary:hover { background: #D6B572; }
.v2-res .v2-fl-price .btn-primary svg { color: #0A1128; }
.v2-res .v2-side { box-shadow: var(--v4-shadow); border-color: transparent; }
.v2-res .v2-sorts { box-shadow: var(--v4-shadow); }

/* ---------- passengers: price summary sits at the top of its column ---------- */
body.v3 .v2-sum { align-self: start; box-shadow: var(--v4-shadow); }

/* phone: a smaller WhatsApp button covers less of the cards */
@media (max-width: 640px) { body.v3 .wa-float { width: 44px; height: 44px; inset-inline-end: 12px; } body.v3 .wa-float .ico { width: 22px; height: 22px; } }

/* phone results: no floating WhatsApp over the flights (WhatsApp stays in the menu) */
@media (max-width: 640px) { body.v3:has(#v2res) .wa-float { display: none; } }