/* =========================================================
   BossRO Lava Shader Background
   Dark, readable, full-site background
   ========================================================= */

html,
body {
	min-height: 100%;
	background: #07080b;
}

body.kr-body {
	position: relative;
	min-height: 100vh;
	background: #07080b;
	isolation: isolate;
}

/* Shader container */
#kr-lava-background {
	--kr-lava-intensity: 0.26;

	position: fixed;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none !important;
	background:
		linear-gradient(rgba(4, 5, 10, 0.72), rgba(4, 5, 10, 0.86)),
		url('../images/backgrounds/ro-renewal-bg.jpg') center center / cover no-repeat,
		#07080b;
}

/* Everything inside the effect must ignore clicks */
#kr-lava-background,
#kr-lava-background * {
	pointer-events: none !important;
}

/* WebGL canvas */
.kr-lava-canvas {
	display: block;
	width: 100vw;
	height: 100vh;

	opacity: 0.22;
	mix-blend-mode: normal;

	filter:
        brightness(0.28)
        saturate(0.55)
        contrast(1.25);
}

/* Fallback when WebGL is unavailable */
.kr-lava-background--fallback {
	background:
		radial-gradient(
			ellipse at 50% 100%,
			rgba(46, 107, 255, 0.10),
			transparent 60%
		),
		linear-gradient(rgba(4, 5, 10, 0.72), rgba(4, 5, 10, 0.86)),
		url('../images/backgrounds/ro-renewal-bg.jpg') center center / cover no-repeat,
		#07080b;
}

/* =========================================================
   Put the website above the lava layer
   ========================================================= */

.kr-userbar,
.kr-page,
.kr-page--home,
.kr-page--internal,
.kr-main,
.kr-main--full,
.kr-main--with-sidebar,
.kr-sidebar,
.kr-footer,
footer {
	position: relative;
	z-index: 2;
}

/* Header remains fixed and fully clickable */
.boss-header-primary {
	position: fixed;
	z-index: 10000 !important;
	pointer-events: auto !important;
}

.boss-header-secondary {
	position: fixed;
	z-index: 9999 !important;
	pointer-events: auto !important;
}

.boss-header-container,
.boss-header-menu,
.boss-header-dropdown,
.boss-header-dropdown-toggle,
.boss-header-dropdown-menu,
.boss-header-dropdown-item,
.boss-header-toggle {
	pointer-events: auto !important;
}

.boss-header-dropdown-menu {
	z-index: 10001 !important;
}

/* Legacy menu names, if still present */
.kr-navbar,
.kr-navbar__nav,
.kr-navbar__dropdown,
.kr-navbar__dropdown-menu,
.kr-navbar__dropdown-item {
	pointer-events: auto !important;
}

.kr-navbar,
.kr-navbar__nav,
.kr-navbar__dropdown-menu {
	z-index: 10001 !important;
}

/* =========================================================
   Readability layers
   ========================================================= */

/* Homepage hero */
.kr-hero {
	position: relative;
	background:
		linear-gradient(
			to bottom,
			rgba(4, 5, 8, 0.58),
			rgba(4, 5, 8, 0.44)
		) !important;
}

/* Homepage main area */
.kr-page--home,
.kr-main--full {
	background: transparent !important;
}

/* Internal content */
.kr-main--with-sidebar {
	background: rgba(5, 6, 9, 0.84) !important;
	backdrop-filter: blur(2px);
}

/* Sidebar */
.kr-sidebar {
	background: rgba(6, 7, 10, 0.92) !important;
}

/* Footer */
footer,
.kr-footer,
#footer {
	background: rgba(5, 6, 9, 0.82) !important;
}

/* Cards and panels */
.kr-card,
.kr-panel,
.kr-content-box,
.kr-stats__item,
.kr-alert,
.kr-balance {
	background: rgba(10, 11, 15, 0.88) !important;
}

/* =========================================================
   Internal pages use a softer lava effect
   ========================================================= */

.kr-body:not(.kr-body--home) #kr-lava-background {
	--kr-lava-intensity: 0.20;
}

.kr-body:not(.kr-body--home) .kr-lava-canvas {
	opacity: 0.30;
	filter:
		brightness(0.42)
		saturate(0.62)
		contrast(1.18);
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 991px) {
	#kr-lava-background {
		--kr-lava-intensity: 0.20;
	}

	.kr-lava-canvas {
		opacity: 0.32;
		filter:
			brightness(0.44)
			saturate(0.65)
			contrast(1.15);
	}

	.boss-header-secondary {
		z-index: 10002 !important;
	}
}

@media (max-width: 600px) {
	.kr-lava-canvas {
		opacity: 0.26;
		filter:
			brightness(0.40)
			saturate(0.58)
			contrast(1.12);
	}
}

/* =========================================================
   Reduced motion
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
	.kr-lava-canvas {
		opacity: 0.24;
	}
}
/* =========================================================
   BossRO homepage lava visibility
   Targets the actual homepage classes from main/index.php
   ========================================================= */

/* Homepage wrappers */
.kr-body--home,
.kr-body--home .kr-page--home,
.kr-body--home .kr-main--full {
	background: transparent !important;
}

/* Hero itself */
.kr-body--home .kr-hero {
	position: relative;
	background: transparent !important;
}

/*
 * Disable the old eight-layer hero background system.
 * These layers are what currently hide the lava shader.
 */
.kr-body--home .kr-hero__bg-deep,
.kr-body--home .kr-hero__bg-fire,
.kr-body--home .kr-hero__bg-energy,
.kr-body--home .kr-hero__bg-smoke,
.kr-body--home .kr-hero__bg-sparks,
.kr-body--home .kr-hero__bg-radial,
.kr-body--home .kr-hero__bg-scanlines,
.kr-body--home .kr-hero__bg-vignette {
	background: transparent !important;
	background-image: none !important;
	animation: none !important;
}

/* Remove the black fade covering the bottom of the hero */
.kr-body--home .kr-hero__fade {
	background: linear-gradient(
		to bottom,
		transparent,
		rgba(7, 7, 11, 0.28)
	) !important;
}

/* Keep the hero words and buttons above the lava */
.kr-body--home .kr-hero__content {
	position: relative;
	z-index: 3 !important;
}

/* Slight localized darkness behind the title for readability */
.kr-body--home .kr-hero__content::before {
	content: "";
	position: absolute;
	inset: 8% -18%;
	z-index: -1;
	border-radius: 50%;

	background: radial-gradient(
		ellipse,
		rgba(4, 5, 8, 0.52) 0%,
		rgba(4, 5, 8, 0.24) 52%,
		transparent 76%
	);

	pointer-events: none;
}

/* Stats section: allow lava behind it */
.kr-body--home .kr-stats {
	background: rgba(7, 7, 11, 0.44) !important;
}

/* Why BossRO section */
.kr-body--home .kr-section--why {
	background: rgba(7, 7, 11, 0.42) !important;
}

/* News section */
.kr-body--home .kr-section--news {
	background: rgba(15, 17, 24, 0.58) !important;
}

/* Other homepage sections */
.kr-body--home .kr-section {
	position: relative;
	z-index: 2;
}

/* Cards stay dark enough to read */
.kr-body--home .kr-stats__item,
.kr-body--home .kr-card,
.kr-body--home .kr-why__card,
.kr-body--home .kr-ranking-card,
.kr-body--home .kr-featured {
	background: rgba(10, 11, 15, 0.88) !important;
}