/* v6-layout-sync.css
 * v6-theme.js 會在 DOMContentLoaded 後把這層移到文件尾端。
 * 用於全站同步覆寫，避免各頁內嵌 style 把共用樣式壓回去。
 */

/* Readability polish 2026-06-02 */
.brand-name-en,
.sidebar-head .brand-name-en {
  font-size: 11px !important;
  line-height: 1.18 !important;
  letter-spacing: .07em !important;
}

.page-hero-eyebrow,
.section-kicker,
.panel-kicker,
.footer-col-kicker,
.sidebar-section-label,
.fv04-kicker,
.footer-meta,
.footer-bot,
.flow-title,
.flow-step__num,
.daily-kicker,
.daily-stat span,
.latest-hero-eyebrow,
.catwalk-head-count,
.walker-rank {
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: .1em !important;
}

.chip,
.tag-pill,
.tag-line,
.status-pill,
.filter-label,
.card-num,
.card-tagline,
.online-status,
.price-original,
.profile-stat-extra,
.wallet-label,
.sidebar .wallet-label,
.sidebar .wallet-label small,
.sidebar-foot,
.fv04-en,
.fv04-copy,
.ai-fab-badge,
.sidebar-text-link,
.flow-step__hint,
.latest-hero-sub,
.catwalk-empty,
.catwalk-foot,
.walker-info .sub-line,
.timeline-pill,
.timeline-score,
.list-empty,
.list-loading,
.daily-count,
.daily-card__status,
.daily-card__chip,
.daily-card__meta,
.detail-num,
.detail-meta-cell-label,
.detail-block-title,
.detail-rating-count,
.detail-perk-row,
.review-num,
.reply-toggle,
.write-review-btn,
.reviews-count,
.reviews-rating-mini,
.hero-live-badge__part--place,
.hero-live-badge__part--state,
.hero-service-link small,
.branch-tab,
.branch-en,
.branch-hot-pill,
.branch-stat small,
.detail-unavailable-list span,
.detail-no-list span,
.detail-limits span,
.auth-proof small,
.auth-captcha-box,
.footer-adult-bar,
.footer-adult-bar b {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  letter-spacing: .04em !important;
}

.card-meta,
.card-stats,
.card-perks,
.footer li,
.footer li a,
.sidebar-item,
.history-row,
.menu-item,
.contact-card__desc,
.branch-sub,
.branch-empty,
.agent-empty {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.detail-tags-grid .tag-line,
.daily-card__chip,
.chip,
.tag-pill,
.tag-line {
  min-height: 30px !important;
  padding: 7px 10px !important;
}

.sidebar-quick-btn,
html body .sidebar .sidebar-quick-btn,
html body .sidebar-quick .sidebar-quick-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 16px !important;
  gap: 0 !important;
  line-height: 1 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-align: center !important;
  white-space: nowrap !important;
  transform: none !important;
}

.sidebar-quick-btn::before,
html body .sidebar .sidebar-quick-btn::before,
html body .sidebar-quick .sidebar-quick-btn::before {
  content: none !important;
  display: none !important;
}

html body .ui-state-btn,
html body .search-btn,
html body .hero-slide__cta {
  color: #06111d !important;
  text-shadow: none !important;
  font-weight: 950 !important;
}

html body .branch-tab.is-active,
html body .branch-tab.is-active b {
  color: #02060d !important;
  text-shadow: none !important;
  font-weight: 950 !important;
}

body[data-page="index"] .hero-slide__overlay {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, .05) 32%, transparent 62%),
    linear-gradient(180deg, transparent 0%, transparent 62%, rgba(0, 0, 0, .08) 100%) !important;
}

body[data-page="index"] .hero-slide__title,
body[data-page="index"] .hero-slide__desc,
body[data-page="index"] .hero-slide__tag {
  text-shadow: 0 2px 14px rgba(0, 0, 0, .68) !important;
}

body[data-page="index"] .hero-slide__desc {
  color: rgba(255, 255, 255, .9) !important;
  font-weight: 700 !important;
}

body[data-page="index"] .hero-live-badge {
  left: 50% !important;
  right: auto !important;
  width: calc(100% - 28px) !important;
  max-width: 620px !important;
  transform: translateX(-50%) !important;
  overflow: hidden !important;
  padding-inline: 10px !important;
}

body[data-page="index"] .hero-live-badge__ticker {
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%) !important;
}

body[data-page="index"] .hero-live-badge__group {
  gap: .58rem !important;
  padding-inline: .78rem !important;
}

body[data-page="index"] .hero-live-badge__item {
  gap: .32rem !important;
}

body[data-page="index"] .hero-live-badge__part--place,
body[data-page="index"] .hero-live-badge__part--state {
  font-size: 11.5px !important;
  line-height: 1.1 !important;
}

@media (min-width: 701px) {
  body[data-page="index"] .hero-live-badge {
    left: auto !important;
    right: auto !important;
    width: calc(100% - 20px) !important;
    max-width: none !important;
    transform: none !important;
    padding-inline: 0 !important;
  }

  body[data-page="index"] .hero-live-badge__group {
    gap: .38rem !important;
    padding-inline: .46rem !important;
  }

  body[data-page="index"] .hero-live-badge__item {
    gap: .24rem !important;
  }

  body[data-page="index"] .hero-live-badge__part--place,
  body[data-page="index"] .hero-live-badge__part--state {
    font-size: 10.5px !important;
    line-height: 1.08 !important;
  }
}

/* Production readability pass 2026-06-02 */
.age-gate-legal {
  font-size: 12px !important;
  line-height: 1.65 !important;
  letter-spacing: .04em !important;
  color: rgba(222, 241, 255, .62) !important;
}

.age-gate-foot,
.age-gate-foot label {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}

body[data-page="lottery"] .draw-kicker,
body[data-page="lottery"] .draw-result__eyebrow,
body[data-page="lottery"] .draw-wallet-card span,
body[data-page="lottery"] .draw-wallet-card small,
body[data-page="lottery"] .draw-log-empty,
body[data-page="lottery"] .draw-log span,
body[data-page="lottery"] .prize-tier,
body[data-page="lottery"] .prize-rate,
body[data-page="lottery"] .prize-foot,
body[data-page="lottery"] .section-eyebrow {
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: .08em !important;
}

body[data-page="lottery"] .draw-result small,
body[data-page="lottery"] .prize-desc,
body[data-page="lottery"] .rule-body {
  font-size: 13.5px !important;
  line-height: 1.7 !important;
}

body[data-page="lottery"] .prize-card {
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

body[data-page="draws"] .draw-page-head p,
body[data-page="draws"] .activity-name,
body[data-page="draws"] .hero-meta span,
body[data-page="draws"] .mini-stat span,
body[data-page="draws"] .trust-badge,
body[data-page="draws"] .tabs a,
body[data-page="draws"] .drawn-prize,
body[data-page="draws"] .bottom-copy span {
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: .05em !important;
}

body[data-page="draws"] .progress-head span,
body[data-page="draws"] .drawn-winner-line,
body[data-page="draws"] .refund-copy p,
body[data-page="draws"] .history-empty {
  font-size: 13px !important;
  line-height: 1.58 !important;
}

body[data-page="messages"] .msg-service-status,
body[data-page="messages"] .msg-chat-status,
body[data-page="messages"] .msg-section-label,
body[data-page="messages"] .msg-chat-action-btn,
body[data-page="messages"] .msg-info-kicker {
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: .08em !important;
}

body[data-page="messages"] .msg-chat-action-btn {
  transition: transform .2s ease, border-color .2s ease, color .2s ease, background-color .2s ease !important;
}

nav.bottom-nav {
  height: 72px !important;
}

.bnav-item,
body[data-page] .bnav-item,
html body .bottom-nav .bnav-item {
  min-height: 62px !important;
  font-size: 12.5px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  gap: 4px !important;
}

.bnav-icon-wrap svg {
  width: 22px !important;
  height: 22px !important;
}

body {
  padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
}

html body .ai-fab {
  width: 54px !important;
  height: 54px !important;
  right: 14px !important;
  bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
}

html body .ai-fab svg {
  width: 26px !important;
  height: 26px !important;
}

@media (min-width: 901px) {
  nav.bottom-nav {
    display: none !important;
  }
  body {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 700px) {
  .brand-name-en,
  .sidebar-head .brand-name-en {
    font-size: 11px !important;
    letter-spacing: .06em !important;
  }

  nav.bottom-nav {
    height: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 0 10px env(safe-area-inset-bottom, 0px) !important;
  }

  .bnav-item,
  body[data-page] .bnav-item,
  html body .bottom-nav .bnav-item {
    font-size: 12.5px !important;
  }

  html body .ai-fab {
    width: 50px !important;
    height: 50px !important;
    right: 12px !important;
    bottom: calc(126px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-page="login"] .ai-fab,
  body[data-page="register"] .ai-fab,
  body[data-page="forgot-password"] .ai-fab,
  body[data-page="lottery"] .ai-fab {
    display: none !important;
  }

  body[data-page="branch"] {
    padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-page="branch"] .footer--v04,
  body[data-page="branch"] footer {
    padding-bottom: calc(128px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-page="index"] .hero-live-badge {
    width: calc(100% - 24px) !important;
    padding-inline: 9px !important;
  }

  body[data-page="index"] .hero-live-badge__group {
    gap: .5rem !important;
    padding-inline: .62rem !important;
  }

  body[data-page="index"] .hero-slide__overlay {
    background:
      linear-gradient(90deg, rgba(0, 0, 0, .18) 0%, rgba(0, 0, 0, .06) 42%, transparent 82%),
      linear-gradient(180deg, transparent 0%, transparent 64%, rgba(0, 0, 0, .1) 100%) !important;
  }
}