/* Presentation fixes for script-free mirrored pages. */
.game-type-page .game-nav-tab {
  word-spacing: normal !important;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 0;
  row-gap: 4px;
  padding: 9px 12px 5px !important;
  line-height: 28px;
}
.game-type-page .game-nav-tab .nav-tab-item {
  margin: 0 4px 4px !important;
  padding: 0 9px !important;
  white-space: nowrap;
  font-family: Arial, sans-serif;
}
.game-type-page .game-nav-tab .nav-tab-item i {
  display: inline-block;
  margin-right: 3px;
  color: #f06424;
  font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif !important;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 500 !important;
  letter-spacing: 0;
}
.game-type-page .game-nav-tab .color-1 {
  margin: 0 1px;
}

.mirror-cart-trigger { cursor: pointer; }
.mirror-cart-mask { position: fixed; inset: 0; background: rgba(0,0,0,.35); opacity: 0; pointer-events: none; z-index: 9998; transition: opacity .2s; }
.mirror-cart-mask.open { opacity: 1; pointer-events: auto; }
.mirror-cart-drawer { position: fixed; top: 0; right: 0; width: min(420px, 92vw); height: 100vh; background: #fff; z-index: 9999; transform: translateX(105%); transition: transform .25s; box-shadow: -8px 0 24px rgba(0,0,0,.16); display: flex; flex-direction: column; }
.mirror-cart-drawer.open { transform: translateX(0); }
.mirror-cart-drawer header { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid #eee; font-size: 18px; }
.mirror-cart-drawer header button { border: 0; background: none; font-size: 28px; cursor: pointer; }
.mirror-cart-drawer [data-cart-items] { flex: 1; overflow: auto; padding: 12px 20px; }
.mirror-cart-item { display: grid; grid-template-columns: 72px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid #eee; }
.mirror-cart-item img { width: 72px; height: 72px; object-fit: cover; }
.mirror-cart-item a { color: #333; line-height: 1.45; }
.mirror-cart-qty { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.mirror-cart-qty button, .mirror-cart-drawer footer button { border: 1px solid #ddd; background: #fff; padding: 6px 10px; cursor: pointer; }
.mirror-cart-drawer footer { display: flex; justify-content: space-between; padding: 16px 20px; border-top: 1px solid #eee; }
.mirror-cart-drawer footer .mirror-checkout { color: #fff; background: #f60; border-color: #f60; }
.mirror-cart-empty { text-align: center; color: #999; margin-top: 80px; }
#mirror-toast { position: fixed; left: 50%; bottom: 48px; transform: translate(-50%,20px); background: rgba(0,0,0,.82); color: #fff; padding: 10px 18px; border-radius: 4px; opacity: 0; pointer-events: none; z-index: 10000; transition: .2s; }
#mirror-toast.show { opacity: 1; transform: translate(-50%,0); }
.mirror-logout { border: 0; background: none; color: #f60; cursor: pointer; margin-left: 8px; }
.user-login-page .accounts-mobile, .user-login-page .login-tips { display: none !important; }
