/*!
 * cine-clean.css — Màn chờ tiêu chuẩn "Apple iPhone startup"
 *
 * QUY TẮC BẤT KHẢ XÂM PHẠM:
 * Khi `body.sm-cine-active` (cinematic đang chạy):
 *   - CHỈ hiện cinematic + animation + text trạng thái
 *   - ẨN HẾT mọi overlay/widget/breadcrumb/header/footer/floating
 *   - User không bị phân tâm bởi UI khác
 *
 * Áp dụng cho TẤT CẢ tool có cinematic: canxuong, hồn nhân, cung mệnh,
 * hướng nhà, kymon, lúc nhâm, tarot, kinh dịch, ...
 */

body.sm-cine-active .sm-header,
body.sm-cine-active .sm-header-transition,
body.sm-cine-active .sm-celestial-bar,
body.sm-cine-active .sm-mobile-menu,
body.sm-cine-active #wpadminbar,
body.sm-cine-active .sm-breadcrumbs,
body.sm-cine-active [class*="breadcrumb"],
body.sm-cine-active .sm-toc-bar,
body.sm-cine-active .sm-toc-backdrop,
body.sm-cine-active .sm-aiv-bubble,
body.sm-cine-active [id^="smc-aiv"],
body.sm-cine-active [class*="aiv-bubble"],
body.sm-cine-active [class*="aiv-launcher"],
body.sm-cine-active [id*="bug-report"],
body.sm-cine-active [class*="bug-report"],
body.sm-cine-active [id*="-btt"],
body.sm-cine-active [class*="-btt"],
body.sm-cine-active .sm-btt,
body.sm-cine-active .sm-progress,
body.sm-cine-active [class*="-progress"]:not([class*="cine"]):not([class*="cx-progress"]),
body.sm-cine-active [class*="-action-bar"],
body.sm-cine-active [class*="sticky"],
body.sm-cine-active .sm-feedback,
body.sm-cine-active .sm-share,
body.sm-cine-active .sm-fab,
body.sm-cine-active [class*="-fab"],
body.sm-cine-active [class*="rescue"],
body.sm-cine-active #soimenh-rescue-btn,
body.sm-cine-active .sm-banner,
body.sm-cine-active .smfb-modal,
body.sm-cine-active .smfb-launcher,
body.sm-cine-active .ywp-toolbar,
body.sm-cine-active [class*="-toolbar"],
body.sm-cine-active footer,
body.sm-cine-active .sm-footer {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Cinematic phải đè TẤT CẢ — z-index cao nhất + ép viewport units.
 * Dùng width:100vw + height:100svh thay vì inset:0 vì:
 *   - inset:0 phụ thuộc containing block (có thể bị ancestor `contain: paint`/transform trap)
 *   - 100vw/100svh = LUÔN bằng viewport, không phụ thuộc ancestor
 * 100svh = small viewport height (chuẩn iOS Safari, KHÔNG bị URL bar nhảy)
 * display: flex !important ép overrride mọi rule cũ (như `:not(.is-active){display:none}` còn cache) */
body.sm-cine-active [id$="cinematic"],
body.sm-cine-active [id$="-loading"],
body.sm-cine-active #tr-fan-select {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100svh !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Inner content căn giữa tuyệt đối — KHÔNG phụ thuộc layout cũ */
body.sm-cine-active [id$="cinematic"] > *,
body.sm-cine-active [id$="-loading"] > * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Body lock scroll khi cinematic active (intentional) */
body.sm-cine-active {
  overflow: hidden !important;
  height: 100svh !important;
  height: 100vh !important;
}