/* ============================================================
   WINMAX777 — Midnight Royal Global Theme (Olabet / OKZZ)
   Loaded after asian-theme.css — premium overrides
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800;900&display=swap');

:root {
  --font-main: 'Urbanist', 'Noto Sans Bengali', sans-serif !important;
  --bg-midnight-gradient: linear-gradient(180deg, #0B1120 0%, #162033 100%);
  --bg-card-royal: #1E293B;
  --shadow-card-royal: 0 4px 15px rgba(0, 0, 0, 0.3);
  --grad-action-gold: linear-gradient(90deg, #D4AF37 0%, #FFD700 100%);
  --grad-action-gold-hover-glow: 0 0 10px #D4AF37;
}

/* ── Global font & background ─────────────────────────────── */
html,
body,
.page-wrapper-wm,
.wm-content-area,
.page-wrapper,
.main-wrapper {
  font-family: var(--font-main) !important;
}

html,
body {
  background: var(--bg-midnight-gradient) !important;
  background-color: #0B1120 !important;
  color: #CBD5E1 !important;
}

.page-wrapper-wm {
  background: var(--bg-midnight-gradient) !important;
}

.wm-content-area {
  background: transparent !important;
}

h1, h2, h3, h4, h5, h6,
.wm-section-title,
.wm-dash__card-title,
.card-title {
  color: #FFFFFF !important;
  font-family: var(--font-main) !important;
}

p, span, label, .form-label {
  color: #CBD5E1;
}

/* ── Cards & panels (no flat black) ───────────────────────── */
.card,
.custom--card,
.wm-dash__card,
.wm-dash-stat,
.wm-dash-menu__item,
.wm-game-mission-card,
.wm-games-cat-card,
.wm-auth-box,
.wm-deposit-card,
.wm-member-grid__item,
.wm-profile-card,
.modal-content,
.wm-game-mission-panel,
.wm-game-mission-panel--ingame {
  background: var(--bg-card-royal) !important;
  box-shadow: var(--shadow-card-royal) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

.wm-games-layout,
.wm-games-sidebar,
.wm-games-main,
.wm-lobby,
.wm-category-tabs {
  background: transparent !important;
}

/* Kill cheap flat blacks */
[style*="background:#000"],
[style*="background: #000"],
.bg--black,
.bg-black {
  background: var(--bg-card-royal) !important;
}

/* ── Primary action buttons (gold gradient) ───────────────── */
.btn-register,
.btn--primary,
.cmn-btn,
.wm-btn-primary,
.wm-sidebar__cta-btn--deposit,
.wm-quick-btn--deposit,
.wm-deposit-submit,
.wm-profile-popup__confirm,
.wm-dash-actions__btn,
.wm-dash-actions__btn--deposit,
.wm-dash-actions__btn--withdraw,
.wm-dash-actions__btn--card,
.wm-bottom-nav__item--cta,
a.wm-sidebar__cta-btn--deposit {
  background: var(--grad-action-gold) !important;
  color: #000000 !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

.btn-register:hover,
.btn--primary:hover,
.cmn-btn:hover,
.wm-btn-primary:hover,
.wm-sidebar__cta-btn--deposit:hover,
.wm-quick-btn--deposit:hover,
.wm-deposit-submit:hover:not(:disabled),
.wm-dash-actions__btn:hover {
  transform: scale(1.05) !important;
  box-shadow: var(--grad-action-gold-hover-glow) !important;
  color: #000000 !important;
  filter: brightness(1.05) !important;
}

.btn-login:hover {
  transform: scale(1.05);
  box-shadow: var(--grad-action-gold-hover-glow);
}

/* Login stays outline; register/deposit are gold */
.btn-login {
  font-family: var(--font-main) !important;
}

/* ── Member Center — circular icons (fix broken / inconsistent) */
.wm-dash-menu__icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.wm-dash-menu__icon i,
.wm-dash-menu__icon i.fas,
.wm-dash-menu__icon i.las {
  font-family: "Font Awesome 6 Free", "Line Awesome Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-size: 22px !important;
  color: #FFFFFF !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

/* Remove per-item gradient overrides */
.wm-dash-menu__icon--dep-history,
.wm-dash-menu__icon--wd-history,
.wm-dash-menu__icon--invite,
.wm-dash-menu__icon--vip,
.wm-dash-menu__icon--txn,
.wm-dash-menu__icon--game,
.wm-dash-menu__icon--settings,
.wm-dash-menu__icon--logout {
  background: rgba(255, 255, 255, 0.1) !important;
  color: inherit !important;
}

.wm-dash-menu__icon--vip i {
  color: #FFFFFF !important;
}

.wm-dash-actions__btn i {
  color: #000000 !important;
  font-family: "Font Awesome 6 Free" !important;
}

/* Dashboard shell */
.wm-dash {
  background: transparent !important;
}

.wm-content-area:has(.wm-dash) {
  background: var(--bg-midnight-gradient) !important;
}

.wm-dash__card,
.wm-dash-stat {
  background: var(--bg-card-royal) !important;
  box-shadow: var(--shadow-card-royal) !important;
}

.wm-pin-stack {
  background: linear-gradient(180deg, #0B1120 0%, #0f172a 100%) !important;
}

/* ── Responsive data tables (deposit/withdraw history & global) ─ */
.table-responsive,
.wm-history-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

.wm-history-page {
  padding-bottom: 24px;
}

.wm-history-card {
  background: var(--bg-card-royal);
  border-radius: 12px;
  box-shadow: var(--shadow-card-royal);
  overflow: hidden;
}

.wm-history-card__header {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.wm-history-card__header h5 {
  font-family: var(--font-main) !important;
  color: #FFFFFF !important;
}

.wm-history-table {
  width: 100%;
  margin-bottom: 0;
  border-collapse: collapse;
  font-family: var(--font-main) !important;
}

.wm-history-table th,
.wm-history-table td {
  white-space: nowrap;
  padding: 12px 15px;
  font-family: var(--font-main) !important;
  vertical-align: middle;
  color: #CBD5E1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.wm-history-table thead th {
  color: #94A3B8;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: rgba(15, 23, 42, 0.5);
}

.wm-history-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.03);
}

.wm-history-trx {
  font-weight: 600;
  color: #E2E8F0;
}

.wm-history-empty {
  text-align: center;
  color: #64748B !important;
  padding: 24px 15px !important;
}

.wm-status-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: var(--font-main) !important;
  white-space: nowrap;
}

.wm-status-badge--success {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

.wm-status-badge--pending {
  background: rgba(234, 179, 8, 0.15);
  color: #facc15;
}

.wm-status-badge--failed {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}

/* Bootstrap / legacy user tables — horizontal scroll, no squished columns */
.table-responsive table th,
.table-responsive table td,
.transection-table-scroller table th,
.transection-table-scroller table td,
.custom--card .table th,
.custom--card .table td {
  white-space: nowrap;
  padding: 12px 15px;
  font-family: var(--font-main) !important;
}

.transection-table-scroller {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}