/* hvsc.vn – TRỤ VÉ: Sáng / Tối (đợt 2, 11/10/2026). Nạp SAU pillar-ve.css + hv-theme.css bởi inc/theme.php.
 * Gốc của mảng = SÁNG (hàng không: trời xanh nhạt, thẻ trắng) → giữ nguyên, chỉ thêm bản TỐI "bay đêm" + bản sáng cho hạng thương gia.
 * Biến cục bộ --pv-*: 2 bộ giá trị theo html[data-theme]. Bảng/vé/sân bay đã tối sẵn (board, ticket, gates, reel, vdh) giữ nguyên, thêm viền ở bản tối. */

/* ============ TỐI ============ */
html[data-theme="dark"] .pv:not(.pv--biz){
  --pv-bg:#0F1012; --pv-bg2:#141519; --pv-sky1:#0F2038; --pv-sky2:#15171C;
  --pv-ink:#F3F1EC; --pv-mut:#BDBBB6; --pv-line:rgba(255,255,255,.14); --pv-card:#17181C;
  --pv-acc-d:#FF7A7F; --pv-arc:#6FB1FF; --pv-arc2:rgba(111,177,255,.2);
  --pv-hl:rgba(255,199,44,.14); --pv-signbg:#0A0B0D;
  --pv-shadow:0 1px 2px rgba(0,0,0,.4),0 16px 40px -20px rgba(0,0,0,.7);
  color-scheme:dark;
}
html[data-theme="dark"] .pv.pv--hub{--pv-sky1:#10233F;--pv-sky2:#1A1714}
html[data-theme="dark"] .pv.pv--intl{--pv-sky1:#0E2748;--pv-sky2:#131A26;--pv-arc:#6FB1FF}
html[data-theme="dark"] .pv.pv--dom{--pv-sky1:#0C2B27;--pv-sky2:#121B1A;--pv-arc:#4FD1AE;--pv-arc2:rgba(79,209,174,.18)}
html[data-theme="dark"] .pv.pv--study{--pv-sky1:#2A2412;--pv-sky2:#1C1A26;--pv-arc:#A99CFF;--pv-arc2:rgba(169,156,255,.18)}
html[data-theme="dark"] .pv.pv--family{--pv-sky1:#33200F;--pv-sky2:#1B1613;--pv-arc:#FF9A62;--pv-arc2:rgba(255,154,98,.16);--pv-acc-d:#FF9A62}
html[data-theme="dark"] .pv.pv--labor{--pv-sky1:#2A2618;--pv-sky2:#16171A;--pv-arc:#FFC72C;--pv-arc2:rgba(255,199,44,.2)}
html[data-theme="dark"] .pv.pv--corp{--pv-sky1:#1B2432;--pv-sky2:#14171C;--pv-arc:#9DB0C8;--pv-arc2:rgba(157,176,200,.16)}
html[data-theme="dark"] .pv.pv--oneway{--pv-sky1:#241B38;--pv-sky2:#1D1618;--pv-arc:#B79BEA;--pv-arc2:rgba(183,155,234,.18)}
html[data-theme="dark"] .pv.pv--bag{--pv-sky1:#33200F;--pv-sky2:#17140F;--pv-arc:#FF9A5C;--pv-arc2:rgba(255,154,92,.16);--pv-acc-d:#FF9A5C}
html[data-theme="dark"] .pv.pv--watch{--pv-arc:#FF8A4C;--pv-arc2:rgba(255,138,76,.18);--pv-acc-d:#FF9A5C}
html[data-theme="dark"] .pv.pv--deal{--pv-sky1:#0F2A1B;--pv-sky2:#121A15;--pv-arc:#4ADE80;--pv-arc2:rgba(74,222,128,.16)}
/* cuối hero các biến thể trời sáng → hòa vào nền tối */
html[data-theme="dark"] .pv--corp .pv-hero{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,var(--pv-sky1),var(--pv-sky2) 80%,var(--pv-bg))}
/* nút / chip / viền */
html[data-theme="dark"] .pv-btn--ghost{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .pv-btn--dark{background:var(--pv-ink);color:var(--pv-bg)!important}
html[data-theme="dark"] .pv-chips li{background:rgba(255,255,255,.07)}
html[data-theme="dark"] .pv-btn:focus-visible{outline-color:var(--pv-arc)}
html[data-theme="dark"] .pv-callout{color:#F6E7BD}
html[data-theme="dark"] .pv-callout p{color:#F6E7BD!important}
html[data-theme="dark"] .pv-callout b{color:#FFF3CF}
html[data-theme="dark"] .pv-callout .ph{color:#FFC72C}
html[data-theme="dark"] .pv-cal__g .l{background:rgba(31,164,99,.22);color:#7CE6B0}
html[data-theme="dark"] .pv-cal__g .m{background:rgba(255,199,44,.18);color:#FFD97A}
html[data-theme="dark"] .pv-cal__g .h{background:rgba(227,30,36,.24);color:#FF9A9E}
/* khối vốn đã tối: thêm viền để tách khỏi nền tối */
html[data-theme="dark"] .pv-board,html[data-theme="dark"] .pv-gate,html[data-theme="dark"] .pv-reel,html[data-theme="dark"] .pv-ticket,html[data-theme="dark"] .pv-ticker{outline:1px solid rgba(255,255,255,.12);outline-offset:-1px}
html[data-theme="dark"] .pv-vdh{box-shadow:10px 10px 0 #4A3FB5;outline:1px solid rgba(255,255,255,.14)}
html[data-theme="dark"] .pv-xlink{outline:1px solid rgba(255,255,255,.14)}
/* popup đặt vé theo tuyến (khung form luôn sáng bên trong → giữ thẻ sáng) */
html[data-theme="dark"] .pv-pop{background:rgba(0,0,0,.72)}
/* Du học: nét đậm neo-brutal → viền sáng */
html[data-theme="dark"] .pv--study .pv-pain,html[data-theme="dark"] .pv--study .pv-tip{border-color:#3A3D45;box-shadow:6px 6px 0 #4A3FB5}
html[data-theme="dark"] .pv--study .pv-hero h1 em{color:#B9AEFF}
html[data-theme="dark"] .pv--study .pv-hero h1 em{background:linear-gradient(transparent 62%,rgba(255,199,44,.45) 62%)}
html[data-theme="dark"] .pv--family .pv-hero h1 em{color:#FF9A62}
html[data-theme="dark"] .pv--family .pv-pain,html[data-theme="dark"] .pv--family .pv-tip,html[data-theme="dark"] .pv--family .pv-cmp__c{background:var(--pv-card);box-shadow:0 20px 40px -26px rgba(0,0,0,.7)}
html[data-theme="dark"] .pv--labor .pv-pain,html[data-theme="dark"] .pv--labor .pv-tip,html[data-theme="dark"] .pv--labor .pv-cmp__c{border-color:rgba(255,199,44,.5)}
html[data-theme="dark"] .pv--labor .pv-pain__ic,html[data-theme="dark"] .pv--labor .pv-tip h3 .ph{color:#FFC72C}
html[data-theme="dark"] .pv--corp .pv-hero h1 em{color:#FF6B70}
html[data-theme="dark"] .pv--oneway .pv-hero h1 em{color:#C9B2F2}
html[data-theme="dark"] .pv--bag .pv-hero h1 em{color:#FF9A5C}
html[data-theme="dark"] .pv--deal .pv-hero h1 em{color:#4ADE80}
/* minh hoạ SVG hero: mờ hơn một chút trên nền tối */
html[data-theme="dark"] .pv-hero__sky .pv-art{opacity:.8}
html[data-theme="dark"] .pv--hub .pv-hero__sky .pv-art{filter:brightness(.92)}
/* ảnh có khung / bưu thiếp: giữ khung trắng, ảnh dịu hơn */
html[data-theme="dark"] .pv-photo img{filter:brightness(.94)}
html[data-theme="dark"] .pv-photo figcaption{color:#4A4D56}

/* ============ SÁNG cho hạng thương gia (gốc là tối vàng đồng) ============ */
html[data-theme="light"] .pv--biz{
  --pv-bg:#FBF8F1; --pv-bg2:#FFFFFF; --pv-sky1:#F1E4C6; --pv-sky2:#FBF8F1;
  --pv-ink:#231C10; --pv-mut:#5B5240; --pv-line:rgba(138,98,20,.22); --pv-card:#FFFFFF;
  --pv-acc:#D4AF6A; --pv-acc-ink:#1A1408; --pv-acc-d:#8A5E0A; --pv-arc:#9A6F1C; --pv-arc2:rgba(154,111,28,.14);
  --pv-hl:#FBEFD0; --pv-signbg:#16140F; --pv-shadow:0 1px 2px rgba(60,42,8,.06),0 18px 40px -22px rgba(60,42,8,.3);
  color-scheme:light;
}
html[data-theme="light"] .pv--biz .pv-hero h1 em,html[data-theme="light"] .pv--biz h2 em{color:#8A5E0A}
html[data-theme="light"] .pv--biz .pv-chips li{background:rgba(255,255,255,.8);color:var(--pv-ink)}
html[data-theme="light"] .pv--biz .pv-btn--ghost{background:rgba(255,255,255,.7);color:var(--pv-ink)!important;border-color:rgba(138,98,20,.4)}
html[data-theme="light"] .pv--biz .pv-btn--red{box-shadow:0 12px 28px -14px rgba(138,98,20,.6)}
html[data-theme="light"] .pv--biz .pv-callout{color:#3A2A00}
html[data-theme="light"] .pv--biz .pv-callout p,html[data-theme="light"] .pv--biz .pv-callout b{color:#3A2A00!important}
html[data-theme="light"] .pv--biz .pv-callout .ph{color:#8A5A00}
html[data-theme="light"] .pv--biz .pv-step__n{background:var(--pv-card)}
html[data-theme="light"] .pv--biz .pv-table th{background:#F4ECD8}
html[data-theme="light"] .pv--biz .pv-svc__m li{background:var(--pv-bg);color:var(--pv-ink)}
html[data-theme="light"] .pv--biz .hv-crumbs,html[data-theme="light"] .pv--biz .hv-crumbs a{color:#5B5240!important}
html[data-theme="light"] .pv--biz .pv-perf{display:block}
html[data-theme="light"] .pv--biz .pv-hero__sky .pv-art{opacity:.9}

/* ============ Form hợp tác [hv_partner_form pillar=ve] ============ */
html[data-theme="dark"] .hvpf--ve{--pf-bg:#0F1012;--pf-ink:#F3F1EC;--pf-mut:#BDBBB6;--pf-line:rgba(255,255,255,.2);--pf-fld:#1E2026;background:#0F1012}
html[data-theme="dark"] .hvpf--ve .hvpf__in{background:#17181C;border-color:rgba(255,255,255,.14);box-shadow:0 16px 40px -22px rgba(0,0,0,.8)}
html[data-theme="dark"] .hvpf--ve .hvpf__in::before{background:repeating-linear-gradient(#0F1012 0 6px,transparent 6px 12px)}
html[data-theme="dark"] .hvpf--ve .hvpf__chip input:checked+span{background:#FFC72C;border-color:#FFC72C;color:#16181D}
html[data-theme="dark"] .hvpf--ve .hvpf__k{color:#F3F1EC}
html[data-theme="dark"] .hvpf--ve .hvpf__ft a{color:#F3F1EC}
html[data-theme="dark"] .hvpf--ve .hvpf__msg.is-err{color:#FF9A9E}

/* nhãn thành phố trên bản đồ: quầng theo nền */
html[data-theme="dark"] .pv-art__pt text,html[data-theme="dark"] .pv-art__edge{stroke:rgba(15,16,18,.85)}
html[data-theme="dark"] .pv-art__pt circle{fill:#F3F1EC}
html[data-theme="dark"] .pv-art__pt.is-hub circle{stroke:#F3F1EC}

/* tương phản: cổng/ bảng trong trụ Vé (đo WCAG) */
.pv-gates__t{color:var(--pv-mut)}
.pv-gate[aria-current] span{color:#fff}
.pv--biz .pv-gate[aria-current] span,.pv--biz .pv-board__go{color:#1A1408}
.pv--biz .pv-gate[aria-current] b{color:#7A5208}

/* QA 11/10: cuống vé dịch vụ (chữ trắng ≥4,5:1 — tối nền 18%, bỏ mờ, chữ ≥11px) */
.pv-svc__c .pv-svc__s { background: color-mix(in srgb, var(--c, var(--pv-signbg)) 80%, #000); }
.pv-svc__s span { opacity: 1; font-size: 11px; }

/* QA 11/10 (sáng): cuống số bước + tiêu đề dải cổng (nền dải tối) */
html[data-theme="light"] .pv-step__n { color: color-mix(in srgb, var(--pv-arc) 72%, #000); }
html[data-theme="light"] .pv-gates__t { color: #A9B0BE; }