/* SBOBET — palet warna brand resmi */

:root {
  --sbo-navy-deep: #0b2340;
  --sbo-navy: #1b3a6b;
  --sbo-navy-mid: #24508c;
  --sbo-blue: #3378b8;
  --sbo-blue-bright: #4a9ad4;
  --sbo-blue-pale: #e8eef5;
  --sbo-blue-border: #a8c8e4;
  --sbo-orange: #f5841f;
  --sbo-orange-dark: #d97809;
  --sbo-orange-light: #ff9a3c;
  --sbo-white: #ffffff;
  --sbo-gradient-panel: linear-gradient(160deg, #0b2340 0%, #1b3a6b 50%, #0b2340 100%);
  --sbo-gradient-header: linear-gradient(180deg, #1b3a6b 0%, #0b2340 100%);
  --sbo-gradient-accent: linear-gradient(135deg, #f5841f 0%, #d97809 100%);
  --sbo-gradient-tab: linear-gradient(135deg, #3378b8, #1b3a6b);
  --sbo-border-accent: rgba(245, 132, 31, 0.45);
  --sbo-glow-orange: rgba(245, 132, 31, 0.35);
  --sbo-glow-blue: rgba(51, 120, 184, 0.4);
}

body {
  background: var(--sbo-blue-pale);
  color: var(--sbo-navy);
}

.topbar {
  background: var(--sbo-navy-deep);
}

.topbar a:hover {
  color: var(--sbo-orange-light);
}

.navbar {
  background: linear-gradient(180deg, #ffffff 0%, var(--sbo-blue-pale) 100%);
  border-bottom: 1px solid var(--sbo-blue-border);
  box-shadow: 0 2px 12px rgba(27, 58, 107, 0.08);
}

.navbar::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--sbo-orange) 20%,
    var(--sbo-orange-dark) 50%,
    var(--sbo-orange) 80%,
    transparent 100%
  );
  opacity: 0.9;
  height: 3px;
}

.product-single {
  background: transparent;
}

.pd-breadcrumb a {
  color: var(--sbo-blue);
}

.pd-breadcrumb a:hover {
  color: var(--sbo-orange);
}

.site-footer.footer-compact {
  --ft-bg-0: #0b2340;
  --ft-bg-1: #1b3a6b;
  --ft-bg-2: #24508c;
  --ft-bg-3: #3378b8;
  --ft-orange: #f5841f;
  --ft-orange-dark: #d97809;
}

/* CTA utama — orange SBOBET */
.parlay-submit,
.sbo-promo-cta {
  background: var(--sbo-gradient-accent) !important;
  color: #fff !important;
  border: 1px solid rgba(245, 132, 31, 0.5) !important;
}

.parlay-submit:hover,
.sbo-promo-cta:hover {
  box-shadow: 0 6px 18px rgba(245, 132, 31, 0.4) !important;
  color: #fff !important;
}

.parlay-result-card--highlight strong {
  color: var(--sbo-orange-light);
}

.sbo-top-fixed-footer .tada {
  color: #fff;
}

@media (max-width: 640px) {
  .navbar {
    background: linear-gradient(180deg, #ffffff 0%, var(--sbo-blue-pale) 100%);
  }
}

.sbo-nav-daftar {
  background: var(--sbo-gradient-accent);
  color: #fff !important;
  border: 1px solid rgba(245, 132, 31, 0.55);
  text-decoration: none;
  font-weight: 700;
  min-width: 76px;
  justify-content: center;
}

.sbo-nav-daftar:hover {
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(245, 132, 31, 0.35);
  transform: translateY(-1px);
}

.sbo-nav-masuk {
  text-decoration: none;
  font-weight: 600;
  min-width: 68px;
  justify-content: center;
  color: var(--sbo-navy) !important;
}