/* ================================================
   STICKY HEADER - ELEMENTOR
   ================================================ */

/* Default: transparent header */
.cspg-header.elementor-sticky {
	background-color: transparent;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* After scroll: solid dark */
.cspg-header.elementor-sticky--effects {
	background-color: #1F2328 !important;
}

/* Pages without hero: make header solid immediately */
body.no-hero-header .cspg-header.elementor-sticky,
body.no-hero-header .cspg-header.elementor-sticky--effects {
	background-color: #1F2328 !important;
}

/* ===============================
   Header Offset for Pages Without Hero
   (prevents header from covering content top)
================================ */

/* 1) Define heights per device */
body.no-hero-header { --header-offset: 140px; }               /* desktop */

@media (max-width: 1024px) {
	body.no-hero-header { --header-offset: 160px; }             /* tablet */
}

@media (max-width: 767px) {
	body.no-hero-header { --header-offset: 240px; }             /* mobile */
}

/* 2) Push content down */
body.no-hero-header {
	padding-top: var(--header-offset);
	transition: padding-top 0.25s ease-in-out;
}