/* ============================================================
   da2236 /action/ v2 —— 首頁外殼疊加層(只加不改)
   還原方式:移除 head.php 對本檔與 v2.js 的引用即可,原碼零改動。
   對映:footer.php(去頁尾/回到頂部、底部選單五宮格)、header.php(手機頁首餘額)、
         跑馬燈間距、卡片手機版徽章收邊。
   注意:本檔「不含」會員頁深色化(那批吃共用 class,會連動儲值/提領/紀錄,
         與登入後整區一起上,避免半破版)。
   ============================================================ */

/* PHP 端不需要頁尾、不需要回到頂部(天條53) */
#footer { display: none !important; }
.back-to-top { display: none !important; }

/* 漂浮客服(側邊 LINE/客服/合營 浮動 widget,side.php 的 .service-box)去掉 */
.service-box { display: none !important; }

/* ---- 頁首改 sticky:消除「每頁 load 時閃一下的空白」----
   main.js 每頁 load 會把 #header 加 .fixed-top(脫離版面流),靠 main/.scrolled-offset
   的 margin 補償;但補償是「無條件」加、頁首卻要等 load 後才 fixed → load 前多出一個
   頁首高度的空白。改 sticky:留在流裡佔位、捲動照樣吸頂,load 前後零位移,不動共用 main.js。 */
#header, #header.fixed-top {
  position: sticky !important; top: 0 !important; z-index: 1030 !important;
}
.scrolled-offset { margin-top: 0 !important; }
@media (max-width: 767px) {
  main { margin-top: 0 !important; }
}

/* ---- 品牌字「DA娛樂城」金屬金 wordmark(配皇冠 logo)----
   漸層維持在明亮金域(下緣不壓深),再加細深色描邊 + 深陰影,
   讓金字從深金頁首浮出來(浮雕感),既漂亮又不吃色。 */
#header .logo a .logo-text {
  background: linear-gradient(180deg, #fff8e2 0%, #ffe7a4 40%, #f7d072 70%, #eec258 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
  -webkit-text-stroke: 0.4px rgba(40,26,0,.55) !important;
  text-shadow: none !important;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.75)) drop-shadow(0 0 2px rgba(20,12,0,.9)) drop-shadow(0 0 7px rgba(255,205,80,.28)) !important;
  letter-spacing: .05em !important; font-weight: 900 !important;
}

/* 手機:內容底部留白,末段不被固定底部選單蓋住(含安全區) */
@media (max-width: 991px) {
  body { padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ---- 每頁底部一大片留白:兩個強制高度作祟,收斂 ----
   1) .game-tab-content 在 ≤660px 有 min-height:60vh → 遊戲少的分類(如捕魚)
      面板被撐到半屏、下方空一塊。改成內容決定高度。
   2) body min-height:110vh(舊「留捲動空間觸發隱藏」hack,頁首已改 sticky 不需要)
      → 收成 100vh,內容短的頁不再被撐出可捲空白。 */
@media (max-width: 660px) {
  .game-tab-content, .hotGame .tab-content { min-height: 0 !important; }
}
body { min-height: 100vh !important; }

/* ---- 底部固定選單:五宮格等寬 ---- */
.ft-navbar {
  background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), var(--gradient-navbar);
  border-top: 1px solid rgba(255, 243, 196, .25);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.ft-navbar .ft-nav { margin: 0; flex-wrap: nowrap; }
.ft-navbar .ft-nav > li.col {
  /* flex:1 1 0 自動平均分佈:登入前 4 格→各 25%、登入後 5 格→各 20%(移除試玩後) */
  flex: 1 1 0; max-width: none; padding: 0; display: block !important;
}
.ft-navbar .ft-link {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 3px; min-height: 58px; padding: 7px 2px;
  color: var(--color-text-primary) !important; text-decoration: none;
}
.ft-navbar .ft-link img { width: 24px; height: 24px; object-fit: contain; }
.ft-navbar .ft-link div { font-size: 12px; line-height: 1.1; margin: 0; }

/* ---- 手機頁首餘額片(登入後,由 v2.js 注入)---- */
.v2-balance {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(0,0,0,.28); border: 1px solid var(--color-border-light);
  border-radius: 999px; padding: 4px 11px; margin-right: 8px;
  color: var(--color-text-primary); font-weight: 700; font-size: 15px; white-space: nowrap;
}
.v2-balance img { width: 17px; height: 17px; }

/* 手機登入後頁首:餘額片 + 登出/會員 會擠爆版面(會員被切掉)。
   只在「登入後」隱藏品牌文字(靠 :has(.WalletTotal) 判斷,登入前照常顯示 DA娛樂城);
   縮小餘額片與按鈕,讓三者排得下。 */
@media (max-width: 991px) {
  header:has(.WalletTotal) .logo .logo-text { display: none !important; }
  /* 登入前手機:品牌字顯示但收斂字級,配 crown 排得下 */
  header:not(:has(.WalletTotal)) .logo .logo-text { font-size: 19px !important; }
  .v2-balance { font-size: 13px; padding: 3px 9px; margin-right: 5px; gap: 3px; }
  .v2-balance img { width: 14px; height: 14px; }
  header .d-lg-none { gap: 6px; flex-wrap: nowrap; }
  header .d-lg-none .btn-sm { padding: 4px 10px !important; font-size: 13px !important; white-space: nowrap; }
  header .d-lg-none .btn-sm .btn-icon { width: 15px !important; margin-right: 3px; }
}

/* ---- 跑馬燈:收掉上下過大的區塊間距 ---- */
.mq-section { margin-top: 14px !important; padding: 2px 0 !important; height: auto !important; }
.mq-section + section { margin-top: 14px !important; }
section:has(.GameNav) { margin-top: 14px !important; }
@media (max-width: 768px) {
  .mq-section { margin-top: 10px !important; }
  .top-bar { margin-bottom: 0 !important; }
}

/* ---- 卡片:手機版徽章/緞帶溢出收進卡片內 ---- */
.BrandGame .games .gamesBox { overflow: hidden; border-radius: 16px; }
@media (min-width: 992px) {
  .BrandGame .games .gamesBox { overflow: visible; }
}