/* ===============================
   SLOT88 — Maroon Rose Theme
   Dominan maroon + pink · sentuhan gold
   =============================== */

:root {
  --stm-bg: #10060a;
  --stm-bg-mid: #1a0a10;
  --stm-bg-deep: #080305;
  --stm-surface: #1e0c14;
  --stm-card: #261018;
  --stm-maroon: #800020;
  --stm-maroon-deep: #4a0e1c;
  --stm-maroon-mid: #9a1830;
  --stm-maroon-bright: #c01734;
  --stm-pink: #ff6b85;
  --stm-pink-hot: #ff4568;
  --stm-pink-soft: #ffb8c6;
  --stm-pink-mute: #e8a4b0;
  --stm-gold: #d4af37;
  --stm-gold-soft: #e6c35c;
  --stm-white: #fff8fa;
  --stm-text: #f5e0e8;
  --stm-muted: #c9a0ae;
  --stm-line: rgba(255, 107, 133, 0.35);
  --stm-line-maroon: rgba(128, 0, 32, 0.55);
  --stm-glow-maroon: 0 0 16px rgba(128, 0, 32, 0.45);
  --stm-glow-pink: 0 0 14px rgba(255, 107, 133, 0.4);
  --stm-glow-gold: 0 0 10px rgba(212, 175, 55, 0.35);
}

body {
  color: var(--stm-text);
  background:
    radial-gradient(ellipse 90% 55% at 10% -8%, rgba(128, 0, 32, 0.45), transparent 58%),
    radial-gradient(ellipse 70% 50% at 95% 0%, rgba(255, 107, 133, 0.22), transparent 52%),
    radial-gradient(ellipse 60% 40% at 50% 110%, rgba(212, 175, 55, 0.06), transparent 55%),
    linear-gradient(180deg, #1a0a10 0%, #14080c 45%, #080305 100%);
}

h2, h3, h4, h5, h6,
.h2, .h3, .h4,
.sports-platform-title,
.modal-title {
  color: var(--stm-white);
  text-shadow: 0 0 12px rgba(255, 107, 133, 0.28);
}

.site-description h1,
h1 {
  color: #ff4568;
  text-shadow: 0 0 14px rgba(255, 69, 104, 0.35);
}

p,
.site-info-container p,
.bank-list p,
.site-description p {
  color: #e0d8dc;
}

a {
  color: var(--stm-pink-soft);
  transition: 0.2s ease;
}

a:hover,
a:focus {
  color: var(--stm-gold-soft);
  text-decoration: none;
}

/* HEADER — gelap + aksen pink */
.topbar-container {
  background: #160a10;
  border-bottom: 1px solid rgba(255, 107, 133, 0.35);
  box-shadow: none;
}

.site-header {
  background: #1a0a10;
  border-bottom: 2px solid #ff6b85;
  box-shadow: none;
}

.top-menu > li > a {
  color: #e0d8dc;
  font-weight: 600;
  transition: background 0.15s ease, color 0.15s ease;
  box-shadow: none;
}

.top-menu > li > a:hover,
.top-menu > li[data-active="true"] > a {
  color: #fff;
  background: #261018;
  box-shadow: inset 0 -2px 0 #ff6b85;
}

.top-menu > li > a > .top-menu-icon,
.top-menu > li > a > img.top-menu-icon {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  content: none;
  filter: none;
}

/* SIDE MENU */
.standard-side-menu,
.standard-side-menu .menu-section,
.messaging-side-menu,
.language-selector,
.dropdown-menu {
  background: linear-gradient(180deg, #261018, #14080c) !important;
  border: 1px solid var(--stm-line) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

.standard-side-menu a,
.standard-side-menu-group-label {
  background: rgba(255, 255, 255, 0.03);
  color: #ffeaf1;
  border-left: 3px solid transparent;
  transition: 0.2s ease;
}

.standard-side-menu a[data-active="true"],
.standard-side-menu a:hover,
.standard-side-menu .menu-section a:hover,
.standard-side-menu .menu-section a[data-active="true"],
.messaging-side-menu [data-active="true"] a,
.messaging-side-menu a:hover,
.language-selector li:hover {
  background: linear-gradient(90deg, rgba(128, 0, 32, 0.5), rgba(255, 107, 133, 0.18)) !important;
  color: #fff !important;
  border-color: var(--stm-pink);
}

/* PANELS */
.panel,
.panel-default > .panel-heading,
.standard-form-container,
.standard-form-content,
.info-center-content,
.popular-games .tab-pane,
.promotions-container,
.promotion-list,
.slots-games-container,
.casino-games-container,
.race-games-container,
.arcade-games-container,
.crash-game-games-container,
.large-game-list-container,
.provider-list-container {
  background:
    linear-gradient(180deg, rgba(255, 107, 133, 0.08), rgba(128, 0, 32, 0.1), transparent),
    #1e0c14 !important;
  border-color: rgba(255, 107, 133, 0.28) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.38);
}

/* TITLES */
.info-center-title,
.standard-form-title,
.info-center-title,
.standard-form-title,
.home-game-list-container .container-title span,
.popular-game-title-container .container-title span {
  color: #fff !important;
  background: linear-gradient(90deg, #4a0e1c 0%, #800020 45%, #c01734 78%, #ff6b85 100%) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 -2px 0 rgba(212, 175, 55, 0.65);
}

.popular-games [data-section="left"] .section-title {
  color: #e6c35c !important;
  background: linear-gradient(90deg, #4a0e1c 0%, #800020 60%, #9a1830 100%) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 -2px 0 rgba(212, 175, 55, 0.65);
}

/* BUTTONS */
.standard-button-group .btn-primary,
.messaging-side-menu .support-ticket > a,
.deposit-container .reveal-bank-account-button,
.play-now,
.login-panel .register-button,
.modal-footer .btn-primary,
.download-apk .btn,
.promotion-item .click-for-get-promo-button,
[data-payment-gateway] .download-qr-button,
.register-button,
.download-apk-btn,
.btn-primary {
  color: #fff !important;
  border: 1px solid #ff6b85 !important;
  background: #ff6b85 !important;
  box-shadow: none;
  font-weight: 700;
  transition: background 0.15s ease;
  animation: none !important;
}

.standard-button-group .btn-primary:hover,
.play-now:hover,
.login-panel .register-button:hover,
.register-button:hover,
.download-apk-btn:hover,
.btn-primary:hover {
  transform: none;
  filter: none;
  background: #ff8a9e !important;
  box-shadow: none;
}

.free-play,
.login-panel .login-button,
.login-button,
.modal-btn.blank,
.confirmation-message-modal .confirm-btn,
.btn-secondary {
  color: #fff !important;
  background: transparent !important;
  border: 1px solid #ff6b85 !important;
  box-shadow: none;
  transition: 0.15s ease;
}

.free-play:hover,
.login-panel .login-button:hover,
.login-button:hover {
  background: #261018 !important;
  color: #fff !important;
  border-color: #ffb8c6 !important;
}

/* FORMS */
.form-control,
.login-panel input[type="text"],
.login-panel input[type="password"],
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
  background: #14080c !important;
  color: #fff8fa !important;
  border: 1px solid rgba(128, 0, 32, 0.55) !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--stm-pink) !important;
  box-shadow: 0 0 0 2px rgba(255, 107, 133, 0.2) !important;
}

/* GAMES */
.game-list .game-item,
.large-game-list li,
.provider-slide .slide-item {
  background: #1a0a10;
  border: 1px solid rgba(255, 107, 133, 0.2);
  transition: 0.2s ease;
}

.game-list .game-item:hover,
.large-game-list li:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 107, 133, 0.55);
  box-shadow: 0 8px 18px rgba(128, 0, 32, 0.35);
}

.game-list .game-name,
.slots-games-container .game-name,
.casino-games-container .game-name,
.race-games-container .game-name {
  color: #ffe4ee;
  background: linear-gradient(90deg, #4a0e1c, #800020 60%, #9a1830);
  border-top: 1px solid rgba(212, 175, 55, 0.25);
}

/* CATEGORY */
.slots-games-container .category-filter-link.active,
.slots-games-container .category-filter-link:hover,
.casino-games-container .category-filter-link.active,
.casino-games-container .category-filter-link:hover,
.race-games-container .category-filter-link.active,
.race-games-container .category-filter-link:hover,
.arcade-games-container .category-filter-link.active,
.arcade-games-container .category-filter-link:hover,
.crash-game-games-container .category-filter-link.active,
.crash-game-games-container .category-filter-link:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #800020, #ff6b85) !important;
  box-shadow: 0 0 12px rgba(255, 107, 133, 0.35);
}

/* MONEY — gold touch */
.bank-info,
.deposit-container .bank-info,
.withdrawal-container .bank-info,
.bank-info-block {
  background: linear-gradient(180deg, #261018, #14080c);
  border: 1px solid rgba(212, 175, 55, 0.35);
  color: #fff;
}

.deposit-container .formatted-balance,
.deposit-amount-container .real-deposit-amount,
.withdrawal-container .total-balance,
.winner-amount,
.user-info .wallet-container .balance,
.user-info .wallet-container .locked-balance {
  color: var(--stm-gold-soft);
  text-shadow: var(--stm-glow-gold);
}

/* MODAL */
.modal-content,
.bonus-slider-modal .modal-content {
  background: linear-gradient(180deg, #261018, #14080c) !important;
  border: 1px solid rgba(255, 107, 133, 0.4) !important;
  box-shadow: 0 0 32px rgba(128, 0, 32, 0.35);
}

.modal-header {
  border-bottom: 1px solid rgba(255, 107, 133, 0.25) !important;
  background: linear-gradient(90deg, rgba(128, 0, 32, 0.35), transparent);
}

.modal-content h4,
.claim-info-modal h4,
.download-popup-modal .modal-header .modal-title {
  color: var(--stm-pink-soft) !important;
}

.close {
  color: var(--stm-pink-soft) !important;
  opacity: 0.85;
  text-shadow: none;
}

/* ANNOUNCEMENT / JACKPOT PANEL */
.announcement-container {
  background: #1a0a10 !important;
  border: 1px solid rgba(255, 107, 133, 0.4) !important;
  box-shadow: none;
}

.announcement-container > [data-section="announcements"] {
  background: #12080c !important;
}

.announcement-container .announcement-list li,
.notice ul li {
  color: #f0d6e0 !important;
}

.jackpot-winners {
  background: linear-gradient(180deg, #3a101c, #1a0a10) !important;
  border: 1px solid rgba(255, 107, 133, 0.35);
  box-shadow: inset 0 0 20px rgba(128, 0, 32, 0.3);
}

.jackpot-winners .winners-ticker-container {
  background: #14080c !important;
  border: 1px solid rgba(255, 107, 133, 0.2);
}

.tickercontainer {
  background: linear-gradient(90deg, #1a0a10, #4a0e1c, #1a0a10);
  border: 1px solid rgba(255, 107, 133, 0.25);
}

.banner,
.banner .slick-slide img {
  background: #1a0a10 !important;
}

.banner .slick-slide img,
.banner-carousel img,
.banner picture img {
  filter: none;
}

.banner .carousel-indicators .active,
.banner .carousel-indicators li.active {
  background: var(--stm-pink) !important;
  border-color: var(--stm-gold) !important;
}

/* FOOTER */
.site-footer {
  background:
    radial-gradient(ellipse at 50% 100%, rgba(128, 0, 32, 0.28), transparent 55%),
    #080305;
  border-top: 1px solid rgba(255, 107, 133, 0.3);
  padding: 12px 0 10px;
  margin-top: 0;
}

.footer-links > li > a,
.site-footer a {
  color: var(--stm-muted);
}

.footer-links > li > a:hover,
.site-footer a:hover {
  color: var(--stm-pink-soft);
}

/* PROMO */
.claim-item,
.pending-transactions-container .pending-transactions-item,
.remarks-container,
.promotion-item {
  background: linear-gradient(180deg, #261018, #14080c);
  border-color: rgba(255, 107, 133, 0.3);
}

.claim-item .claim-button,
.claim-item .activation-button {
  background: linear-gradient(135deg, #800020, #ff6b85);
  color: #fff;
}

/* CTA TOPBAR */
.telegram-btn {
  background: #ff6b85 !important;
  border: 1px solid #ff6b85 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.download-apk-btn {
  background: #ff6b85 !important;
  color: #fff !important;
  border: 1px solid #ff6b85 !important;
  box-shadow: none !important;
}

/* SCROLLBAR */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: #10060a; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #800020, #ff6b85);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover { background: var(--stm-gold-soft); }

@keyframes stmNeonMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.play-now,
.login-panel .register-button,
.standard-button-group .btn-primary,
.register-button {
  animation: none;
}

.logo img {
  filter: none;
}

::selection {
  background: rgba(128, 0, 32, 0.65);
  color: #fff;
}

@media (max-width: 768px) {
  .top-menu > li > a { font-size: 12px; }
  .standard-side-menu a,
  .game-list .game-name { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}