/**
 * Energify Smooth Scroll Stylesheet
 * Integrates Lenis smooth scrolling with reading progress bar and modern sleek scrollbar.
 */

/* ==========================================================================
   1. Reading / Scroll Progress Bar
   ========================================================================== */
#energify-scroll-progress-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	z-index: 999999;
	pointer-events: none;
	background: transparent;
}

#energify-scroll-progress-bar {
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, #F17E00 0%, #ff9d33 100%);
	box-shadow: 0 0 10px rgba(241, 126, 0, 0.65), 0 0 4px rgba(241, 126, 0, 0.9);
	transition: width 0.05s linear;
	border-radius: 0 3px 3px 0;
	will-change: width;
}

/* ==========================================================================
   2. Modern Custom Scrollbar
   ========================================================================== */
html.energify-custom-scrollbar {
	scrollbar-width: thin;
	scrollbar-color: #F17E00 rgba(26, 34, 47, 0.08);
}

html.energify-custom-scrollbar::-webkit-scrollbar {
	width: 9px;
	height: 9px;
}

html.energify-custom-scrollbar::-webkit-scrollbar-track {
	background: rgba(26, 34, 47, 0.04);
}

html.energify-custom-scrollbar::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 10px;
	border: 2px solid transparent;
	background-clip: content-box;
	transition: background-color 0.25s ease;
}

html.energify-custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background: #F17E00;
	background-clip: content-box;
}

html.energify-custom-scrollbar::-webkit-scrollbar-thumb:active {
	background: #d96f00;
	background-clip: content-box;
}

/* ==========================================================================
   3. Lenis Compatibility & Container Adjustments
   ========================================================================== */
html.lenis,
html.lenis body {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent],
.lenis.lenis-smooth .elementor-popup-modal {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: clip;
}

.lenis.lenis-smooth iframe {
	pointer-events: none;
}