/**
 * 10xWin — single brand logo everywhere (/10xwinicon.png)
 */

:root {
  --tw-brand-logo: url(/10xwinicon.png);
}

/* Navbar / header sprites */
.FD__C-head-logo,
.navbar__content-center .headLogo,
.headLogo {
  background-image: var(--tw-brand-logo) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* Square icon fits nav bar slots (was wide rect for logo.png) */
.navbar__content-center .headLogo,
.navbar__content-center .headLogo[class*="data-v-"] {
  width: 1.12rem !important;
  height: 1.12rem !important;
  max-width: 1.12rem !important;
}

/* /promotion — navbar logo is painted on .navbar__content (not .headLogo) */
body #app:has(.container[data-v-6cf5705a]) .navbar .navbar__content {
  background-image:
    url(/10xwinicon.png),
    radial-gradient(
      circle at 50% 50%,
      rgba(255, 255, 255, 0.45) 0%,
      rgba(0, 150, 255, 0.35) 32%,
      transparent 68%
    ),
    radial-gradient(circle at 30% 50%, rgba(0, 150, 255, 0.25), transparent 60%),
    radial-gradient(circle at 70% 50%, rgba(255, 180, 0, 0.25), transparent 60%),
    repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.05) 0,
      rgba(255, 255, 255, 0.05) 2px,
      transparent 2px,
      transparent 20px
    ),
    url(/images/background/header/navbar.png),
    linear-gradient(90deg, #0a1f3d 0%, #0b2a5a 40%, #5a3a00 100%) !important;
  background-size:
    1.48rem auto,
    100% 100%,
    100% 100%,
    100% 100%,
    auto,
    cover,
    100% 100% !important;
  background-position:
    center calc(50% - 0.02rem),
    center center,
    center center,
    center center,
    center center,
    center center,
    center center !important;
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    repeat,
    no-repeat,
    no-repeat !important;
}