/* Form đặt vé + đối tác port y chang veduhoc (inc/vdh-forms.php) – CHỈ màu + bố cục hvsc. */

/* --- 1. Bản vá CSS form của footer veduhoc (vdh-ftfix, chỉ phần .vbk), màu đã đổi sang hvsc --- */
.vbk-hg.rc .tk{overflow:hidden;margin-top:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.vbk-hg.rc .tkr{display:flex;gap:6px;width:max-content;animation:vbkTk 14s linear infinite}
.vbk-hg.rc .tk:hover .tkr,.vbk-hg.rc .tk:active .tkr{animation-play-state:paused}
.vbk-hg.rc .tk.st{-webkit-mask-image:none;mask-image:none}
.vbk-hg.rc .tk.st .tkr{animation:none}
@keyframes vbkTk{to{transform:translateX(calc(-50% - 3px))}}
.vbk-hg.rc.op .hl{max-height:150px;overflow-y:auto;padding-right:4px}
.vbk-hs button u{text-decoration:none;color:var(--brand,#E31E24);font-weight:600;margin-left:2px}
.vbk-hs button{white-space:nowrap}
.vbk-sc button,.vbk-shr{white-space:nowrap}
@media(max-width:480px){.vbk-sc button,.vbk-shr{font-size:12px!important;padding-left:9px!important;padding-right:9px!important}.vbk-od .cd{display:block!important}.vbk-od .cd b{display:block}.vbk-od .cd span{display:block!important;background:none!important;padding:0!important;margin:2px 0 0!important;font-size:11px!important;color:#6C707A!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%!important}}
.vbk-hg.rc .tk{contain:inline-size;width:100%;max-width:100%}
[data-vdh-booking],.vbk,.vbk-hs,.vbk-hg{min-width:0;max-width:100%}
@media(prefers-reduced-motion:reduce){.vbk-hg.rc .tkr{animation:none}}

/* --- 2. Màu hvsc cho các bản vá form nằm trong plugin fork (hvsc-content) --- */
.vdh-pv summary span,.vdh-pv a{color:var(--brand,#E31E24)!important}
.vbk-qf b{color:var(--ink,#121316)!important}
.vbk-qf button{border-color:var(--line,#E4E5E8)!important;color:var(--ink,#121316)!important}
.vbk-qf .go,.vbk-qs .qsb{background:var(--brand,#E31E24)!important;color:#fff!important}
.vbk-qs .qsb[aria-pressed="true"]{background:var(--surface)!important;color:var(--brand,#E31E24)!important}
.vbk-qs .tip,.vbk-mh .rt .vbk-qs .tip{color:var(--ink,#121316)!important}
.vbk-qs .tip b{color:var(--brand,#E31E24)!important}
.vbk-simple .vbk-who:before{color:var(--ink,#121316)!important}
/* Khung form trên nền sáng hvsc: viền mảnh thay vì bóng tối của nền hero veduhoc */
.hv-vf .vbk,.hv-vf .vpk{box-shadow:0 1px 2px rgba(18,19,22,.06),0 18px 40px -18px rgba(18,19,22,.28)!important;border:1px solid var(--line,#E4E5E8)}
.hv-vf{font-family:var(--font,"Be Vietnam Pro",system-ui,sans-serif)}

/* --- 3. Bố cục khối form trên hvsc.vn --- */
.hv-vf{position:relative;z-index:5}
.hv-bk__in{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;background:var(--surface);border:1px solid var(--line,#E4E5E8);border-radius:var(--r-xl,28px);padding:20px;box-shadow:var(--shadow-2)}
.hv-bk__form{min-width:0;order:-1}
.hv-bk__form .vbk,.hv-pk__form .vpk{margin:0 auto;max-width:560px}
.hv-bk__k{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--air-ink,#B9450C)}
.hv-bk__h{font-size:clamp(24px,1.4vw + 14px,34px);font-weight:800;line-height:1.18;letter-spacing:-.02em;color:var(--ink,#121316);margin:8px 0 0}
.hv-bk__h span{color:var(--brand,#E31E24)}
.hv-bk__ld{margin:12px 0 0;color:var(--muted,#565A63);font-size:16px;line-height:1.6;max-width:56ch}
.hv-bk__st{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.hv-bk__st li{display:flex;gap:14px;align-items:flex-start;margin:0}
.hv-bk__st b{flex:0 0 38px;height:38px;border-radius:12px;background:var(--brand,#E31E24);color:#fff;display:grid;place-items:center;font-weight:800}
.hv-bk__st span{font-size:14.5px;color:var(--muted,#565A63);line-height:1.5}
.hv-bk__st strong{display:block;font-size:16px;color:var(--ink,#121316)}
.hv-bk__hl{display:inline-flex;gap:12px;align-items:center;margin-top:22px;padding:10px 18px 10px 10px;border-radius:999px;border:1px solid var(--line-2,#D3D5DA);color:var(--ink,#121316)!important;text-decoration:none!important}
.hv-bk__hl:hover{border-color:var(--ink,#121316)}
.hv-bk__hl svg{width:40px;height:40px;padding:10px;border-radius:50%;background:var(--brand,#E31E24);color:#fff;box-sizing:border-box}
.hv-bk__hl span{font-size:12.5px;color:var(--muted,#565A63);line-height:1.3}
.hv-bk__hl strong{display:block;font-size:18px;color:var(--ink,#121316)}
.hv-pk__ok{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.hv-pk__ok li{display:flex;gap:10px;align-items:center;font-weight:600;color:var(--ink,#121316);margin:0}
.hv-pk__ok svg{width:22px;height:22px;color:var(--csr,#1FA463)}
@media(min-width:1024px){
  .hv-bk__in{grid-template-columns:minmax(0,1fr) 520px;gap:56px;padding:36px 40px}
  .hv-bk__form{order:0}
}
/* Trang con: dải form nằm dưới hero (giữ chồng nhẹ lên hero như ô tra vé cũ) */
.hv-book-band .hv-vf{margin:0}
.hv-pk-wrap{padding:clamp(32px,5vw,64px) 0}
/* Trang chủ: khối nằm dưới hero */
.hv-home .booking .hv-vf{margin:0}

/* Toast copy Zalo */
.hv-vf-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:2147483647;background:#0068ff;color:#fff;padding:12px 18px;border-radius:999px;font:600 14px var(--font,"Be Vietnam Pro",sans-serif);box-shadow:0 14px 30px -10px rgba(0,104,255,.6);max-width:calc(100vw - 32px)}
.hv-vf{scroll-margin-top:calc(var(--header-h,72px) + 16px)}
/* Thanh công cụ nổi của fork (.vdh-bn, desktop) tự ẩn khi khối form đang trên màn hình → không đè form */
html.hv-vf-in .vdh-bn{transform:translateY(140%)!important;opacity:0!important;pointer-events:none!important}
/* Khối form nằm trong nội dung bài (.hv-prose): bỏ trang trí h2/ul/ol của prose */
.hv-prose .hv-vf h2::before{display:none}
.hv-prose .hv-vf h2{margin:8px 0 0;padding:0}
.hv-prose .hv-vf ul,.hv-prose .hv-vf ol{margin:0;padding:0}
.hv-prose .hv-vf ul>li,.hv-prose .hv-vf ol>li{padding:0;background:none;border-radius:0}
.hv-prose .hv-vf ul>li::before,.hv-prose .hv-vf ol>li::before{display:none}
.hv-prose .hv-vf .hv-bk__st,.hv-prose .hv-vf .hv-pk__ok{margin-top:20px}
.hv-prose .hv-vf a,.hv-prose .hv-vf a:hover{text-decoration:none}
.hv-prose .hv-vf p{margin-bottom:0}
/* Mobile/tablet: bỏ khung thẻ ngoài để không lồng 2 thẻ – thẻ form veduhoc là khung chính */
@media(max-width:1023px){.hv-bk__in{padding:0;border:0;background:none;box-shadow:none;border-radius:0;gap:24px}.hv-bk__tx{padding:0 4px}}