/* Dark background override — loaded after base theme CSS */
:root {
  color-scheme: dark;
  --body-theme-bg: #0a0a0a;
  --announcement-cntr-bg: #111111;
  --banner-bg: #0a0a0a;
  --home-info-cntr-bg: #0f0f0f;
  --popular-games-bg: #0a0a0a;
  --popular-games-left-section-title-bg: #1a0a0a;
  --popular-games-nav-tabs-li-a-bg: #111111;
  --popular-games-nav-tabs-li-a-active-bg: #2a1212;
  --popular-games-tab-pane-bg: #0f0f0f;
  --promotion-cntr-bg: #0a0a0a;
  --promotion-list-bg: #111111;
  --provider-slide-bg: #0a0a0a;
  --jackpot-winners-bg: #0f0f0f;
  --download-apk-content-bg: #0a0a0a;
}

html body {
  background: radial-gradient(ellipse at 18% 8%, #dc262612, transparent 43%),
    radial-gradient(ellipse at 85% 43%, #facc150a, transparent 40%),
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #0f0f0f 100%) !important;
  color: #ffffff !important;
}

html body::before {
  background-image: radial-gradient(circle, #fde04722 1px, transparent 2px),
    radial-gradient(circle, #450a0a88 1.5px, transparent 2.5px) !important;
  opacity: 0.28 !important;
}

html body::after {
  background: radial-gradient(circle at 12% 65%, #dc262610, transparent 32%) !important;
}

html body .site-header,
html body .topbar-container {
  background: linear-gradient(110deg, #0a0a0a, #180808 48%, #0a0a0a) !important;
  border-bottom-color: #facc15 !important;
}

html body .site-header:after {
  background: repeating-linear-gradient(
    110deg,
    #050505 0 20px,
    #facc15 20px 35px,
    #050505 35px 55px
  ) !important;
}

html body .container-title,
html body .section-title,
html body .popular-game-title-container .container-title,
html body .home-game-list-container .container-title {
  background: linear-gradient(110deg, #151b22, #3f1515, #351212) !important;
  color: #ef4444 !important;
  border-left-color: #dc2626 !important;
  border-bottom-color: #dc262644 !important;
}

html body .announcement-container,
html body .home-info-container {
  background: linear-gradient(130deg, #111111, #0a0a0a) !important;
  border-color: #2a2a2a !important;
}

html body .login-button {
  background: linear-gradient(110deg, #351212, #151b22) !important;
  color: #ef4444 !important;
  border-color: #dc2626 !important;
}

html body .register-button,
html body .register-btn,
html body .standard-button-group .btn {
  background: linear-gradient(110deg, #dc2626, #9f1239) !important;
  color: #0a0e12 !important;
  border-color: #ef4444 !important;
}

html body .site-description p,
html body .site-description li,
html body .site-footer p,
html body .tkb-review-card p,
html body .tkb-faq-accordion .tkb-faq-answer p {
  color: #ffffff !important;
}

html body table {
  background: #0f0f0f !important;
  border-color: #2a2a2a !important;
}

html body th {
  background: linear-gradient(110deg, #3f1515, #151b22) !important;
  color: #ef4444 !important;
}

html body td {
  background: #0a0a0a !important;
  color: #ffffff !important;
  border-color: #2a2a2a !important;
}

html body tr:nth-child(even) td {
  background: #111111 !important;
}

html body tr:hover td {
  background: #1a0c0c !important;
}

html body .site-footer,
html body .site-footer .container,
html body .site-footer .footer-description-section,
html body .site-footer .site-description {
  background: #050505 !important;
  background-image: linear-gradient(145deg, #050505, #0a0a0a 55%, #0f0f0f) !important;
}

html body .modal-content,
html body .popup-modal {
  background: linear-gradient(145deg, #111111, #0a0a0a) !important;
  border-color: #facc15 !important;
  color: #ffffff !important;
}

html body .banner,
html body .banner-carousel {
  background: #0a0a0a !important;
}

/* Banner: keep native aspect ratio (1024×541), no stretch */
html body .banner,
html body .banner .slick-slide img.banner-img {
  aspect-ratio: auto !important;
}

html body .banner img.banner-img {
  width: 100% !important;
  height: auto !important;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  display: block;
}

html body .banner .slide-item,
html body .banner .banner-carousel {
  text-align: center;
}

html body #pgs555-welcome-banner {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
}

html body .tkb-review-section {
  background: linear-gradient(145deg, #0f0f0f, #141414) !important;
  border-color: #facc15 !important;
  color: #ffffff !important;
}

html body .tkb-review-card,
html body .tkb-faq-accordion .tkb-faq-item {
  background: linear-gradient(145deg, #121212, #0a0a0a) !important;
  border-color: #7f1d1d !important;
}

html body .tkb-review-card .tkb-review-avatar {
  background: #3f1515 !important;
  color: #ef4444 !important;
}

html body .tkb-faq-accordion details[open] summary {
  background: #351212 !important;
}

html body .tkb-faq-accordion .tkb-faq-answer {
  border-top-color: #243038 !important;
}

html body .tkb-review-jackpot {
  background: #151b22 !important;
  border-color: #243038 !important;
  color: #ffffff !important;
}

html body #pgs555-welcome-card {
  background: linear-gradient(145deg, #141414, #0a0a0a 78%) !important;
  border-color: #facc15 !important;
}

html body #pgs555-welcome-close {
  background: #351212ed !important;
  border-color: #243038 !important;
  color: #ef4444 !important;
}

html body #pgs555-welcome-login {
  background: #151b22 !important;
  color: #ef4444 !important;
}

html body .burgundy-ribbon {
  background: linear-gradient(90deg, #121820, #3f1515, #121820) !important;
  color: #ef4444 !important;
  border-color: #dc262644 !important;
}

/* Main layout sections driven by css4 variables */
body,
.main-content,
.home-info-container,
.announcement-container,
.popular-games-container,
.popular-games-tab-pane,
.promotion-container,
.provider-slide,
.jackpot-winners-container,
.download-apk-container,
.site-description,
.home-game-list-container {
  background-color: var(--body-theme-bg) !important;
}