/**
 * FW Sticky Header for Elementor – frontend styles
 */

/* Base: smooth transitions when sticky state changes */
.fw-sticky-header-element {
	transition: background-color 0.3s ease,
	            box-shadow 0.3s ease,
	            border-color 0.3s ease,
	            min-height 0.3s ease,
	            padding 0.3s ease,
	            backdrop-filter 0.3s ease,
	            transform 0.3s ease,
	            opacity 0.25s ease;
}

/* Sticky state: fixed position */
.fw-sticky-header-element.fw-sticky-active {
	position: fixed;
	left: 0;
	right: 0;
	width: 100% !important;
	box-sizing: border-box;
}

.fw-sticky-header-element.fw-sticky-active.fw-sticky-position-top {
	top: 0;
}

.fw-sticky-header-element.fw-sticky-active.fw-sticky-position-bottom {
	bottom: 0;
	top: auto;
}

/* Hide when scrolling down (show on scroll up) */
.fw-sticky-header-element.fw-sticky-hidden {
	transform: translateY(-100%);
	pointer-events: none;
}

.fw-sticky-header-element.fw-sticky-position-bottom.fw-sticky-hidden {
	transform: translateY(100%);
}

/* Logo shrink: target common logo containers inside sticky header */
.fw-sticky-header-element.fw-sticky-active.fw-sticky-logo-shrink .elementor-widget-image img,
.fw-sticky-header-element.fw-sticky-active.fw-sticky-logo-shrink .elementor-image img {
	transition: max-height 0.3s ease, max-width 0.3s ease;
}