/* ═══════════════════════════════════════════════════════════════════════
   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;
}

/* Thêm nút thứ 3 làm cụm nút nổi VỪA ĐỦ chạm mép phải ở màn 390px (đo thật:
   16 + 120 + 10 + 115 + 10 + 119 = 390) và BỊ CẮT ở màn 360px — cỡ Android phổ
   biến. Cho phép xuống dòng thay vì thu nhỏ chữ: hai nút bản đồ giữ nguyên hàng
   dưới cùng, "Khám phá" tự rơi xuống hàng thứ hai (cụm neo theo `bottom` nên
   hàng mới nở LÊN TRÊN, không đè lên mép dưới). */
@media (max-width: 480px) {
  #fp-fabs {
    flex-wrap: wrap-reverse;
    max-width: calc(100vw - 32px);
    gap: 8px;
  }

  /* Bóp đệm ngang 13 → 9 để CÒN VỪA MỘT HÀNG ở khổ 390. Hai thứ cộng lại làm cụm
     nút phình ra so với bản màu cũ (vốn vừa khít đúng 390): họ font
     "DVN - Gustavo" rộng hơn "Be Vietnam Pro" ~2px mỗi nút, và viền 1.5px thêm 3px
     mỗi nút. Không bóp thì khổ 390 xuống 2 hàng — TỆ HƠN bản cũ.
     Khổ 360 vẫn 2 hàng, y như trước; đó là lý do luật wrap này tồn tại. */
  #fp-launch,
  #fp-list-launch,
  #welcome-launch {
    padding: 0 9px;
  }
}

/* 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 + menu + 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-menu,
body.st-welcome-on #st-lang,
body.st-welcome-on #st-ai {
  display: none;
}