/* ══ RAINBET THEME ══════════════════════════════════════════════════════════
   Faithful recreation of Rainbet.com's visual language
   All styles scoped under .rainbet-theme — zero leakage to default theme
   ══════════════════════════════════════════════════════════════════════════ */

/* ── CSS Variable overrides ─────────────────────────────────────────────── */
.rainbet-theme {
  --bg-1: #111827;
  --bg-2: #1B213C;
  --bg-3: #252B46;
  --bg-4: #383F61;
  --border: rgba(232,229,255,0.07);
  --border-bright: #0077DB;
  --accent: #0077DB;
  --accent-hover: #0098EB;
  --green: #4ade80;
  --red: #f87171;
  --text-1: #E8E5FF;
  --text-2: #7C83B1;
  --text-3: #4a5170;
  font-family: 'Inter', -apple-system, sans-serif;
  background: #111827 !important;
}

/* ── Sidebar ────────────────────────────────────────────────────────────── */
.rainbet-theme .sidebar-desktop {
  position: fixed !important;
  top: 68px !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 250px !important;
  height: auto !important;
  overflow-y: auto !important;
  z-index: 900 !important;
  background: #1B213C !important;
  border-right: 1px solid rgba(232,229,255,0.07) !important;
}

/* ── Main content: offset for fixed sidebar + navbar ────────────────────── */
.rainbet-theme .rb-main-wrap {
  margin-left: 250px !important;
  margin-top: 68px !important;
}

/* ── Hide the default top header bar (replaced by fixed navbar) ─────────── */
.rainbet-theme .rb-top-header {
  display: none !important;
}

/* ── Nav buttons ────────────────────────────────────────────────────────── */
.rainbet-theme .nav-btn {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 14px !important;
  border-radius: 8px !important;
  color: #7C83B1 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-left: none !important;
  margin-bottom: 1px !important;
  transition: all 0.15s !important;
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  text-align: left !important;
  cursor: pointer !important;
}
.rainbet-theme .nav-btn:hover {
  background: rgba(232,229,255,0.05) !important;
  color: #E8E5FF !important;
}
/* Active nav item — blue tint with left border */
.rainbet-theme .nav-btn[style*="rgba(88,101,242"],
.rainbet-theme .nav-btn.rb-active {
  background: rgba(81,175,255,0.12) !important;
  border-left: 2px solid rgba(133,199,255,0.5) !important;
  padding-left: 12px !important;
}
.rainbet-theme .nav-btn[style*="rgba(88,101,242"] *,
.rainbet-theme .nav-btn.rb-active * {
  color: #85C7FF !important;
  -webkit-text-fill-color: #85C7FF !important;
}

/* ── Scrollbars ─────────────────────────────────────────────────────────── */
.rainbet-theme ::-webkit-scrollbar { width: 4px; height: 4px; }
.rainbet-theme ::-webkit-scrollbar-track { background: transparent; }
.rainbet-theme ::-webkit-scrollbar-thumb { background: rgba(232,229,255,0.12); border-radius: 2px; }
.rainbet-theme ::-webkit-scrollbar-thumb:hover { background: #0077DB; }
.rainbet-theme .sidebar-desktop::-webkit-scrollbar { width: 3px; }
.rainbet-theme .sidebar-desktop::-webkit-scrollbar-thumb { background: rgba(232,229,255,0.08); }

/* ── Main scroll area ───────────────────────────────────────────────────── */
.rainbet-theme .main-scroll {
  background: #111827 !important;
}

/* ── Override the TIPSTER gradient in sidebar ───────────────────────────── */
.rainbet-theme .rb-brand {
  background: linear-gradient(90deg, #85C7FF, #99D0FF) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   RAINBET LAYOUT CLASSES — used when theme is active
   ───────────────────────────────────────────────────────────────────────── */

/* ── Raffle banner (sidebar top) ────────────────────────────────────────── */
.rb-raffle-banner {
  margin: 8px 10px 4px;
  background: linear-gradient(135deg, rgba(0,119,219,0.18) 0%, rgba(0,152,235,0.10) 100%);
  border: 1px solid rgba(0,119,219,0.35);
  border-radius: 10px;
  padding: 10px 12px;
  cursor: pointer;
  transition: border-color 0.15s;
}
.rb-raffle-banner:hover { border-color: rgba(0,119,219,0.7); }
.rb-raffle-row { display: flex; align-items: center; gap: 7px; margin-bottom: 3px; }
.rb-raffle-icon { font-size: 16px; }
.rb-raffle-amount { font-size: 15px; font-weight: 900; color: #51AFFF; }
.rb-raffle-label {
  font-size: 9px; font-weight: 700; color: rgba(232,229,255,0.45);
  letter-spacing: 1.5px; text-transform: uppercase; flex: 1;
}
.rb-raffle-badge {
  background: #0077DB; color: white;
  font-size: 9px; font-weight: 800; padding: 2px 6px; border-radius: 4px;
}
.rb-raffle-stats { display: flex; gap: 4px; flex-wrap: wrap; }
.rb-raffle-stat {
  background: rgba(232,229,255,0.05); border-radius: 4px;
  padding: 2px 6px; font-size: 9px; color: #7C83B1; font-weight: 600; white-space: nowrap;
}

/* ── Sidebar section labels ─────────────────────────────────────────────── */
.rb-nav-section {
  padding: 14px 14px 4px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(232,229,255,0.3);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  user-select: none;
}

/* ── Hero banners ───────────────────────────────────────────────────────── */
.rb-hero {
  padding: clamp(20px,4vw,32px) clamp(16px,3vw,28px);
  background: #111827;
}
.rb-banners {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
/* V2 banners */
.rb-banner-v2 {
  border-radius: 14px;
  padding: 20px 18px 18px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: transform 0.18s, box-shadow 0.18s;
}
.rb-banner-v2:hover { transform: translateY(-4px); }
.rb-banner-v2-casino {
  border: 1px solid rgba(0,119,219,0.35);
  box-shadow: 0 0 30px rgba(0,119,219,0.12);
}
.rb-banner-v2-casino:hover { box-shadow: 0 8px 40px rgba(0,119,219,0.28); border-color: rgba(0,119,219,0.6); }
.rb-banner-v2-sports {
  border: 1px solid rgba(74,222,128,0.25);
  box-shadow: 0 0 30px rgba(74,222,128,0.08);
}
.rb-banner-v2-sports:hover { box-shadow: 0 8px 40px rgba(74,222,128,0.2); border-color: rgba(74,222,128,0.5); }
.rb-banner {
  border-radius: 14px;
  padding: 24px 20px 20px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.rb-banner:hover {
  transform: translateY(-3px);
}
.rb-banner-casino {
  background: linear-gradient(135deg, #0d1832 0%, #1B213C 60%, #232c4a 100%);
  border: 1px solid rgba(0,119,219,0.3);
  box-shadow: 0 0 40px rgba(0,119,219,0.12);
}
.rb-banner-casino:hover {
  box-shadow: 0 8px 40px rgba(0,119,219,0.25);
  border-color: rgba(0,119,219,0.55);
}
.rb-banner-sports {
  background: linear-gradient(135deg, #0d1f0d 0%, #122218 60%, #183022 100%);
  border: 1px solid rgba(74,222,128,0.2);
  box-shadow: 0 0 40px rgba(74,222,128,0.08);
}
.rb-banner-sports:hover {
  box-shadow: 0 8px 40px rgba(74,222,128,0.2);
  border-color: rgba(74,222,128,0.4);
}
.rb-banner-emoji {
  position: absolute;
  top: 12px;
  right: 14px;
  font-size: 48px;
  opacity: 0.75;
  filter: drop-shadow(0 0 16px rgba(0,119,219,0.6));
  line-height: 1;
}
.rb-banner-sports .rb-banner-emoji {
  filter: drop-shadow(0 0 12px rgba(74,222,128,0.5));
}
.rb-banner-tag {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #51AFFF;
  margin-bottom: 4px;
}
.rb-banner-sports .rb-banner-tag { color: #4ade80; }
.rb-banner-title {
  font-size: 22px;
  font-weight: 900;
  color: #E8E5FF;
  letter-spacing: -0.5px;
  margin-bottom: 4px;
}
.rb-banner-sub {
  font-size: 11px;
  color: #7C83B1;
  font-weight: 500;
}

/* ── Section headers ────────────────────────────────────────────────────── */
.rb-section-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  margin-top: 24px;
}
.rb-section-title {
  font-size: 16px;
  font-weight: 700;
  color: #E8E5FF;
}
.rb-view-all {
  font-size: 12px;
  color: #7C83B1;
  margin-left: auto;
  cursor: pointer;
  font-weight: 500;
  padding: 2px 8px;
}
.rb-view-all:hover { color: #E8E5FF; }
.rb-carousel-btn {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: #252B46;
  border: 1px solid rgba(232,229,255,0.1);
  color: #E8E5FF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  flex-shrink: 0;
  transition: background 0.15s;
}
.rb-carousel-btn:hover { background: #383F61; }

/* ── Horizontal scroll row ──────────────────────────────────────────────── */
.rb-scroll-row {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(232,229,255,0.1) transparent;
}
.rb-scroll-row::-webkit-scrollbar { height: 3px; }
.rb-scroll-row::-webkit-scrollbar-thumb { background: rgba(232,229,255,0.1); border-radius: 2px; }

/* ── Game cards ─────────────────────────────────────────────────────────── */
.rb-game-card {
  width: 140px;
  height: 176px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 0.2s, box-shadow 0.2s;
  background: #252B46;
  border: 1px solid rgba(232,229,255,0.07);
}
.rb-game-card:hover {
  transform: translateY(-5px);
  border-color: rgba(0,119,219,0.5);
  box-shadow: 0 10px 30px rgba(0,119,219,0.2);
}
.rb-card-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.rb-card-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 10px 8px;
  background: linear-gradient(transparent, rgba(17,24,39,0.92));
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #E8E5FF;
  line-height: 1.3;
}
.rb-card-provider {
  font-size: 9px;
  color: rgba(232,229,255,0.35);
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 1px;
}
.rb-card-live-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(74,222,128,0.9);
  color: #0d1a0d;
  font-size: 8px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
  letter-spacing: 0.5px;
}
.rb-card-new-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #0077DB;
  color: white;
  font-size: 8px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
  letter-spacing: 0.5px;
}

/* ── Live wins ticker ───────────────────────────────────────────────────── */
.rb-live-wins {
  background: #1B213C;
  border: 1px solid rgba(232,229,255,0.07);
  border-radius: 12px;
  padding: 10px 14px;
  margin: 14px 0;
  overflow: hidden;
}
.rb-live-wins-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #E8E5FF;
}
.rb-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 7px #4ade80;
  animation: rbPulse 1.5s ease infinite;
  flex-shrink: 0;
}
@keyframes rbPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.75); }
}
.rb-wins-scroll {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
.rb-wins-scroll::-webkit-scrollbar { display: none; }
.rb-win-card {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(232,229,255,0.04);
  border: 1px solid rgba(232,229,255,0.07);
  border-radius: 8px;
  padding: 5px 10px;
  white-space: nowrap;
  font-size: 11px;
  flex-shrink: 0;
}
.rb-win-game { font-size: 14px; }
.rb-win-user { color: #7C83B1; font-weight: 600; }
.rb-win-amount { color: #4ade80; font-weight: 800; margin-left: 2px; }
.rb-win-mult { color: #51AFFF; font-size: 10px; font-weight: 700; margin-left: 2px; }
.rb-win-real {
  background: rgba(74,222,128,0.07);
  border-color: rgba(74,222,128,0.25);
  animation: rbWinFlash 0.6s ease;
}
@keyframes rbWinFlash {
  0% { transform: scale(1.05); border-color: rgba(74,222,128,0.6); }
  100% { transform: scale(1); border-color: rgba(74,222,128,0.25); }
}

/* ── Sidebar section divider ────────────────────────────────────────────── */
.rb-nav-divider {
  padding: 14px 14px 4px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(232,229,255,0.25);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* ══ SMOOTH THEME TRANSITIONS ════════════════════════════════════════════════ */
.rainbet-theme * {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
/* Exclude transitions from animations & transforms to avoid janky effects */
.rainbet-theme *[style*="animation"],
.rainbet-theme .rb-live-dot,
.rainbet-theme .rb-win-card,
.rainbet-theme .rb-game-card,
.rainbet-theme .rb-banner {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

/* ══ FIXED NAVBAR ════════════════════════════════════════════════════════════ */
.rb-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 68px;
  background: #1B213C;
  border-bottom: 1px solid rgba(232,229,255,0.07);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  z-index: 1000;
  gap: 12px;
}
.rb-navbar-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.rb-navbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.rb-brand-logo {
  flex-shrink: 0;
}
.rb-hamburger {
  display: none;
  background: none;
  border: none;
  color: #7C83B1;
  font-size: 20px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  line-height: 1;
}
.rb-hamburger:hover { color: #E8E5FF; background: rgba(232,229,255,0.06); }

/* ── Casino / Sports pill toggle ────────────────────────────────────────── */
.rb-pill-toggle {
  display: flex;
  gap: 4px;
  background: rgba(232,229,255,0.06);
  border-radius: 8px;
  padding: 3px;
}
.rb-pill {
  padding: 6px 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  background: transparent;
  color: #7C83B1;
  transition: background 0.15s, color 0.15s;
}
.rb-pill:hover { color: #E8E5FF; }
.rb-pill-active {
  background: #0077DB !important;
  color: white !important;
}

/* ── Wallet button ──────────────────────────────────────────────────────── */
.rb-wallet-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #1a7e35, #22a34a);
  border: none;
  border-radius: 8px;
  padding: 8px 14px;
  color: white;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  transition: filter 0.15s, transform 0.15s;
}
.rb-wallet-btn:hover { filter: brightness(1.12); }
.rb-wallet-icon { font-size: 15px; }
.rb-wallet-bal { font-variant-numeric: tabular-nums; }

/* Wallet pulse when balance changes */
@keyframes rbWalletPulse {
  0%   { box-shadow: 0 0 0 0 rgba(34,163,74,0.7); }
  70%  { box-shadow: 0 0 0 10px rgba(34,163,74,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,163,74,0); }
}
.rb-wallet-pulse {
  animation: rbWalletPulse 0.6s ease-out;
}

/* ── Wallet dropdown ─────────────────────────────────────────────────────── */
.rb-wallet-drop {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: #252B46;
  border: 1px solid rgba(232,229,255,0.1);
  border-radius: 12px;
  padding: 16px;
  min-width: 200px;
  z-index: 2000;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}
.rb-wallet-drop-title {
  font-size: 11px;
  font-weight: 700;
  color: #7C83B1;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
.rb-wallet-drop-bal {
  font-size: 24px;
  font-weight: 900;
  color: #E8E5FF;
  margin-bottom: 2px;
  font-variant-numeric: tabular-nums;
}
.rb-wallet-drop-label {
  font-size: 11px;
  color: #7C83B1;
  margin-bottom: 10px;
}
.rb-wallet-drop-user {
  font-size: 11px;
  color: #51AFFF;
  font-weight: 600;
  border-top: 1px solid rgba(232,229,255,0.07);
  padding-top: 8px;
  margin-top: 4px;
}

/* ── Search button ──────────────────────────────────────────────────────── */
.rb-search-btn {
  background: rgba(232,229,255,0.06);
  border: 1px solid rgba(232,229,255,0.1);
  border-radius: 8px;
  padding: 8px 10px;
  color: #7C83B1;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.rb-search-btn:hover { background: rgba(232,229,255,0.1); color: #E8E5FF; }

/* ── Search modal ────────────────────────────────────────────────────────── */
.rb-search-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(4px);
  z-index: 2000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 80px;
}
.rb-search-box {
  background: #1B213C;
  border: 1px solid rgba(232,229,255,0.12);
  border-radius: 16px;
  width: min(520px, 92vw);
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0,0,0,0.5);
}
.rb-search-header {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(232,229,255,0.07);
  gap: 10px;
}
.rb-search-input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  font-size: 16px;
  color: #E8E5FF;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}
.rb-search-input::placeholder { color: #4a5170; }
.rb-search-close {
  background: none;
  border: none;
  color: #7C83B1;
  font-size: 16px;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  line-height: 1;
}
.rb-search-close:hover { color: #E8E5FF; background: rgba(232,229,255,0.08); }
.rb-search-results {
  max-height: 360px;
  overflow-y: auto;
  padding: 8px;
}
.rb-search-result {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 12px;
  background: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  transition: background 0.1s;
  color: #E8E5FF;
  font-family: 'Inter', sans-serif;
}
.rb-search-result:hover { background: rgba(0,119,219,0.12); }
.rb-search-result-icon { font-size: 20px; flex-shrink: 0; }
.rb-search-result-name { font-size: 14px; font-weight: 600; }
.rb-search-empty { padding: 24px; text-align: center; color: #4a5170; font-size: 14px; }

/* ══ LIVE WINS TICKER ANIMATION ══════════════════════════════════════════════ */
@keyframes rbSlideIn {
  from { transform: translateX(-110%); opacity: 0; }
  to   { transform: translateX(0);     opacity: 1; }
}
.rb-win-slide {
  animation: rbSlideIn 0.35s cubic-bezier(0.2, 0.8, 0.3, 1) both;
}
.rb-wins-animate {
  /* Auto-scroll: CSS approach using flex + overflow */
  overflow-x: auto;
  flex-wrap: nowrap;
}

/* ══ SIDEBAR OVERLAY (mobile) ════════════════════════════════════════════════ */
.rb-sidebar-overlay-open {
  transform: translateX(0) !important;
}

/* ══ MOBILE BOTTOM NAV — RAINBET ═════════════════════════════════════════════ */
.rb-mobile-nav {
  background: #1B213C !important;
  border-top: 1px solid rgba(232,229,255,0.07) !important;
}
.rb-mobile-nav button {
  color: #7C83B1 !important;
}
.rb-mobile-nav button span:first-child {
  opacity: 0.7;
}
.rb-mobile-nav button.active {
  color: #E8E5FF !important;
  position: relative;
}
.rb-mobile-nav button.active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 2px;
  background: #0077DB;
  border-radius: 0 0 2px 2px;
}
.rb-mobile-nav button.active span:first-child {
  opacity: 1;
}

/* ══ BREADCRUMB ══════════════════════════════════════════════════════════════ */
.rb-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #7C83B1;
  margin-bottom: 12px;
}
.rb-breadcrumb-sep { color: #4a5170; }
.rb-breadcrumb-current { color: #E8E5FF; font-weight: 600; }

/* ══ RESPONSIVE BREAKPOINTS ══════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Hide sidebar on mobile in rainbet mode */
  .rainbet-theme .sidebar-desktop {
    position: fixed !important;
    transform: translateX(-110%) !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 1100 !important;
  }
  .rainbet-theme .sidebar-desktop.rb-sidebar-overlay-open {
    transform: translateX(0) !important;
    box-shadow: 8px 0 32px rgba(0,0,0,0.5);
  }
  /* Remove sidebar margin on mobile */
  .rainbet-theme .rb-main-wrap {
    margin-left: 0 !important;
  }
  /* Navbar adjustments */
  .rb-hamburger {
    display: block;
  }
  .rb-pill-toggle {
    display: none;
  }
  /* Navbar takes full width */
  .rb-navbar {
    padding: 0 12px;
  }
  /* Wallet button: compact on mobile */
  .rb-wallet-btn .rb-wallet-bal {
    display: none;
  }
  .rb-wallet-btn {
    padding: 8px 10px;
  }
}

@media (min-width: 768px) {
  /* Desktop: hamburger hidden, sidebar always visible */
  .rb-hamburger {
    display: none;
  }
  .rainbet-theme .sidebar-desktop {
    transform: translateX(0) !important;
  }
}

/* ══ NAV SECTION TOGGLE ══════════════════════════════════════════════════════ */
.rb-nav-section-toggle:hover {
  color: rgba(232,229,255,0.5) !important;
}