/* Global visual theme injected by sendHtml() */
:root {
  --arena-bg-main: #0A0A0A;
  --arena-surface: #151515;
  --arena-border: #333333;
  --arena-gold: #D4AF37;
  --arena-gold-bright: #FBF5B7;
  --arena-gold-dark: #B8860B;
  --arena-text: #FFFFFF;
  --arena-muted: #888888;
  --arena-success-neon: #39FF14;
  --arena-success: #27AE60;
  --arena-bg-image: url('/images/site-bg.jpg');
  --arena-gold-gradient: linear-gradient(180deg, var(--arena-gold-bright), var(--arena-gold) 56%, var(--arena-gold-dark));
}

html {
  scrollbar-gutter: stable both-edges;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--arena-gold-dark) var(--arena-bg-main);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--arena-bg-main);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--arena-gold), var(--arena-gold-dark));
  border: 2px solid var(--arena-bg-main);
  border-radius: 999px;
}

body {
  color: var(--arena-text) !important;
  background-color: var(--arena-bg-main) !important;
  background-image:
    radial-gradient(1200px 560px at 50% -180px, rgba(212, 175, 55, 0.16), rgba(212, 175, 55, 0) 60%),
    linear-gradient(rgba(10, 10, 10, 0.9), rgba(10, 10, 10, 0.92)),
    var(--arena-bg-image) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

h1, h2, h3, h4, h5, h6,
.title,
.brand,
.brand-wrap,
.navbar-brand {
  color: var(--arena-gold) !important;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.25);
}

a {
  color: var(--arena-gold) !important;
}

a:hover,
a:focus {
  color: var(--arena-gold-bright) !important;
}

small,
.text-muted,
.text-secondary,
.text-white-50,
.text-light-emphasis {
  color: var(--arena-muted) !important;
}

hr,
.border,
.border-top,
.border-bottom,
.border-start,
.border-end,
.table,
.table > :not(caption) > * > * {
  border-color: var(--arena-border) !important;
}

.card,
.card-stat,
.mini-item,
.filter-card,
.sidebar,
.sidebar-left,
.sidebar-right,
.modal-content,
.accordion-item,
.list-group-item,
.offcanvas,
.dropdown-menu,
.table,
.preview-panel,
.preview-room-card,
.preview-mini-item,
.room-card {
  background: linear-gradient(180deg, rgba(28, 28, 28, 0.98), rgba(18, 18, 18, 0.98)) !important;
  color: var(--arena-text) !important;
  border-color: var(--arena-border) !important;
}

.special-event-banner,
.split-panel {
  border-color: rgba(212, 175, 55, 0.45) !important;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.18) !important;
}

.navbar,
nav {
  background: rgba(10, 10, 10, 0.94) !important;
  border-bottom: 1px solid var(--arena-border) !important;
}

.nav-link {
  color: #d6d6d6 !important;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
  color: var(--arena-gold) !important;
}

.form-control,
.form-select,
input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
textarea,
select,
.input-group-text {
  background: #101010 !important;
  color: var(--arena-text) !important;
  border-color: var(--arena-border) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--arena-gold) !important;
  box-shadow: 0 0 0 0.15rem rgba(212, 175, 55, 0.24) !important;
}

.btn-primary,
.btn-warning,
.btn-pix,
.btn-low-balance,
.room-card .btn-primary,
.preview-room-buy {
  background: var(--arena-gold-gradient) !important;
  border-color: var(--arena-gold) !important;
  color: #1A1408 !important;
  box-shadow: 0 5px 16px rgba(212, 175, 55, 0.3), inset 0 0 8px rgba(184, 134, 11, 0.22) !important;
}

.btn-primary:hover,
.btn-warning:hover,
.btn-pix:hover,
.btn-low-balance:hover,
.room-card .btn-primary:hover,
.preview-room-buy:hover {
  filter: brightness(1.06);
  border-color: var(--arena-gold-bright) !important;
}

.btn-success,
.progress-bar.bg-success {
  background: linear-gradient(180deg, #4bff2b, var(--arena-success-neon) 45%, #14c200 100%) !important;
  border-color: #27d80f !important;
  color: #092306 !important;
}

.progress,
.preview-progress-bar {
  background: #0f0f0f !important;
  border-color: var(--arena-border) !important;
}

.progress-bar,
.preview-progress-fill {
  background: linear-gradient(90deg, #3dd94c, var(--arena-success) 60%, #1d8d4c) !important;
}

.badge.bg-secondary,
.badge.bg-dark,
.badge-soft,
.tag-pill {
  background: #1A1A1A !important;
  border: 1px solid var(--arena-border) !important;
  color: var(--arena-gold) !important;
}

.preview-room-status.countdown,
.live-timer,
.countdown-timer {
  color: var(--arena-gold-bright) !important;
  border-color: rgba(212, 175, 55, 0.45) !important;
}

.popular-pill,
.recommended-pill {
  background: linear-gradient(180deg, #f3d170, var(--arena-gold) 60%, var(--arena-gold-dark)) !important;
  color: #1A1408 !important;
}

.cheapest-pill {
  background: linear-gradient(180deg, #5dff35, var(--arena-success-neon) 60%, #13be00) !important;
  color: #082005 !important;
}

/* iOS/Safari has issues with fixed background */
@media (max-width: 900px) {
  body {
    background-attachment: scroll !important;
  }
}