/* ═══════════════════════════════════════════════════════════════════════
   welcome.css — khung nhúng TRANG CHÀO (welcome/index.html) + nút "Khám phá"

   Đi cùng js/welcome.js. Chỉ index.htm nạp file này.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Khung nhúng trang chào ────────────────────────────────────────────
   z-index 10050: phải LỚN HƠN 10009 — dải 10000–10009 đã bị floorplan.css
   chiếm (#fp-fabs 10000, #fp-overlay 10001, #viewer.fp-vrsplit 10005/10008,
   #fp-split-ctl + #st-lang 10009). Thấp hơn thì trang chào bị bản đồ/khung
   VR đè lên.

   `background: transparent` là BẮT BUỘC, không phải thẩm mỹ: iframe lấy nền
   từ document con, nhưng chính THẺ iframe cũng phải khai, nếu không trình
   duyệt vẽ nền mặc định của phần tử. Trang chào có nền trắng đặc nên lúc đứng
   yên không thấy khác biệt — khác biệt nằm ở ~400ms fade vào/ra, đúng những
   khung hình phải nhìn xuyên qua thấy cảnh 360° phía sau. */
#st-welcome-frame {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  z-index: 10050;
}

#st-welcome-frame[hidden] {
  display: none;
}

/* ── Nút "Khám phá" — pill thứ 3 trong #fp-fabs ────────────────────────
   Nền/viền/bo/bóng/font/vòng sóng DÙNG CHUNG với #fp-launch + #fp-list-launch, khai một chỗ ở
   js/floorplan.css (tệp đó nạp TRƯỚC welcome.css trên cả 3 trang). Ở đây chỉ còn
   màu biểu tượng riêng.
   Vàng thương hiệu #dea800 trên nền trắng chỉ đạt tương phản ~2.0:1 — quá nhạt cho
   một nét vẽ 18px. Đậm lại thành #a37400 (~4.3:1) mà vẫn ra vàng, khác rõ với xanh
   lá của "Chỉ đường" và xanh dương của "Điểm đến". */
#welcome-launch svg {
  stroke: #a37400;
  fill: none;
}

/* ⚠ 2026-08-21: khối `@media (max-width: 480px)` cũ ở đây ĐÃ GỠ (cụm nút
   `flex-wrap: wrap-reverse` + bóp `padding` ngang xuống 9px). Ở khổ ≤640px cụm
   nút nay là LƯỚI 3 cột nút TRÒN 44px chỉ còn biểu tượng + một nút thu gọn ở
   hàng dưới (js/floorplan.css) — rộng đúng 152px nên không còn chuyện tràn mép
   phải ở 390/360 mà hai luật kia sinh ra để chữa, và `padding: 0 9px` thì đè
   thẳng lên `padding: 0` của nút tròn (welcome.css nạp SAU floorplan.css). */

/* Trang chào đang mở thì mọi thứ của trang tour đều nằm dưới nó — ẩn hẳn cụm
   nút nổi + logo + CTA vé combo + nút ngôn ngữ + nút hướng dẫn viên AI. Chúng bị
   iframe che về mặt hình ảnh, nhưng nếu chỉ che thì bàn phím (Tab) vẫn chạy vào
   được; js/welcome.js còn đặt thêm `inert` cho phần còn lại. */
body.st-welcome-on #fp-fabs,
body.st-welcome-on #st-logo,
body.st-welcome-on #st-menu,
body.st-welcome-on #st-lang,
body.st-welcome-on #st-ai {
  display: none;
}