/* Badgers Claw-Pit Original Rock Background Scale
   v2.2.0-beta.18-restore-original-rock-bg-scale
   Purpose: restore the original-looking rock/stone body background scale from the login screenshot.
*/
:root {
  /* Keep the stone circle visible, but stop it from filling the whole page like a zoomed-in wall. */
  --bc-original-rock-bg-image: url('/img/default_background.png');
  --bc-original-rock-bg-size: clamp(820px, 58vw, 1040px) auto;
  --bc-original-rock-bg-position: center center;
}

html,
body {
  min-height: 100%;
  background-color: #020506 !important;
  background-image:
    linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .12)),
    var(--bc-original-rock-bg-image) !important;
  background-size: var(--bc-original-rock-bg-size) !important;
  background-position: var(--bc-original-rock-bg-position) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* The page content should sit above the body background. Do not let wrappers repaint/zoom it. */
body,
.app-shell,
.app-wrapper,
.site-wrapper,
.layout-wrapper,
.content-wrapper,
.main-wrapper,
.main-container,
.container,
.container-fluid,
.app-main,
.page-content,
.dashboard-content,
.auth-page,
.login-page,
main,
section,
.home-page,
.hero,
.home-hero,
.hero-section,
.jumbotron,
.landing-hero,
.hero-panel,
.home-landing,
.main-hero,
.bc-hero,
.pit-hero {
  background-size: var(--bc-original-rock-bg-size) !important;
  background-position: var(--bc-original-rock-bg-position) !important;
  background-repeat: no-repeat !important;
}

.app-shell,
.app-wrapper,
.site-wrapper,
.layout-wrapper,
.content-wrapper,
.main-wrapper,
.main-container,
.container,
.container-fluid,
.app-main,
.page-content,
.dashboard-content,
.auth-page,
.login-page,
main,
section {
  background-color: transparent !important;
  background-image: none !important;
}

.home-page,
.hero,
.home-hero,
.hero-section,
.jumbotron,
.landing-hero,
.hero-panel,
.home-landing,
.main-hero,
.bc-hero,
.pit-hero {
  background-color: transparent !important;
  background-image: none !important;
}

/* Kill oversized pseudo-layer backgrounds left by earlier theme attempts. */
body::before,
body::after,
.app-shell::before,
.app-shell::after,
.app-wrapper::before,
.app-wrapper::after,
.site-wrapper::before,
.site-wrapper::after,
.content-wrapper::before,
.content-wrapper::after,
.main-wrapper::before,
.main-wrapper::after,
.page-content::before,
.page-content::after,
.auth-page::before,
.auth-page::after,
.login-page::before,
.login-page::after,
main::before,
main::after,
section::before,
section::after,
.home-page::before,
.home-page::after,
.hero::before,
.hero::after,
.home-hero::before,
.home-hero::after,
.hero-section::before,
.hero-section::after,
.landing-hero::before,
.landing-hero::after,
.hero-panel::before,
.hero-panel::after,
.home-landing::before,
.home-landing::after,
.main-hero::before,
.main-hero::after,
.bc-hero::before,
.bc-hero::after,
.pit-hero::before,
.pit-hero::after {
  background-image: none !important;
  background-size: var(--bc-original-rock-bg-size) !important;
  background-position: var(--bc-original-rock-bg-position) !important;
}

/* Keep the visible UI translucent from the previous patch so the restored background shows through. */
.card,
.module-card,
.dashboard-card,
.stat-card,
.widget,
.panel,
.sidebar,
.nav-panel,
.navbar,
.dropdown-menu,
.modal-content,
.table,
.list-group-item,
.alert,
.form-control,
.form-select,
.btn {
  background-blend-mode: multiply !important;
}

@media (min-width: 1600px) {
  :root {
    --bc-original-rock-bg-size: 1040px auto;
  }
}

@media (max-width: 1199.98px) {
  :root {
    --bc-original-rock-bg-size: 74vw auto;
  }
}

@media (max-width: 767.98px) {
  :root {
    --bc-original-rock-bg-size: 118vw auto;
    --bc-original-rock-bg-position: center top;
  }
}