/* NOVABET789 SHARED BACKGROUND V1
   Shared visual background only. No form, wallet, API, route or business logic changes. */

:root {
  --nova-shared-background-image: url("/assets/homepage-layouts/betflix-black/vendor/idea-bet.live/theme/betflix1688/wp-content/uploads/2022/12/55553321.jpg");
  --nova-shared-background-fallback: #030303;
}

html {
  min-width: 320px;
  min-height: 100%;
  background: var(--nova-shared-background-fallback) !important;
}

body.nova-shared-background-page {
  position: relative !important;
  isolation: isolate !important;
  min-width: 320px;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  overflow-x: hidden;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .58)),
    var(--nova-shared-background-image) center top / cover fixed no-repeat !important;
}

body.nova-shared-background-page::before,
body.nova-shared-background-page::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  filter: none !important;
  transform: none !important;
}

body.nova-shared-background-page::before {
  z-index: -2 !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(255, 207, 96, .14), transparent 21%),
    radial-gradient(circle at 91% 24%, rgba(255, 198, 70, .09), transparent 24%),
    linear-gradient(90deg, rgba(0, 0, 0, .12), transparent 28%, transparent 72%, rgba(0, 0, 0, .12)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.nova-shared-background-page::after {
  z-index: -1 !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .04) 0%, transparent 34%, rgba(0, 0, 0, .52) 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* The game page previously used an inline navy background. */
body.nova-game-page {
  color: #f8f5ec;
}

/* The maintenance page remains centered while sharing the same site backdrop. */
body.nova-maintenance-page {
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

/* 404 is rendered as a partial by the legacy router. */
.nova-error-page {
  position: relative;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  display: grid !important;
  place-items: center !important;
  padding: 32px 16px !important;
  color: #f7f9fc !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .64)),
    var(--nova-shared-background-image) center top / cover no-repeat !important;
}

@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  body.nova-shared-background-page {
    background-attachment: scroll !important;
    background-position: center top !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.nova-shared-background-page {
    background-attachment: scroll !important;
  }
}


/* ================================================================
   NOVABET789 VIEWPORT LOCK V2
   Locks layouts to the device canvas and prevents horizontal growth.
   Pinch zoom remains available for accessibility.
   ================================================================ */
html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

body.nova-shared-background-page {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
}

body.nova-shared-background-page main,
body.nova-shared-background-page header,
body.nova-shared-background-page footer,
body.nova-shared-background-page nav,
body.nova-shared-background-page section,
body.nova-shared-background-page article,
body.nova-shared-background-page aside,
body.nova-shared-background-page form {
  min-width: 0;
  max-width: 100%;
}

body.nova-shared-background-page img,
body.nova-shared-background-page svg,
body.nova-shared-background-page video,
body.nova-shared-background-page canvas,
body.nova-shared-background-page iframe,
body.nova-shared-background-page table,
body.nova-shared-background-page input,
body.nova-shared-background-page select,
body.nova-shared-background-page textarea,
body.nova-shared-background-page button {
  max-width: 100%;
}

@supports (overflow: clip) {
  html,
  body.nova-shared-background-page {
    overflow-x: clip !important;
  }
}