/* ==========================================================================
   MENU HEADROOM - Scroll-based visibility states
   ========================================================================== */

/* Unpinned (scrolling down - hide header) */
header.headroom--unpinned {
	opacity: 0 !important;
}

/* Pinned & top states (show header) */
header.headroom--pinned,
header.headroom--top,
body.show-menu.show-menu.show-menu header {
	opacity: 1 !important;
	pointer-events: auto;
	transition: opacity 0.2s ease-out 0.3s;
}

/* Nav wrapper shadow */
.nav__upper-wrapper {
	box-shadow: var(--box-shadow-m);
}

/* Breadcrumb transitions */
header .breadcrumb,
header {
	transition: opacity 0.5s ease-out 0.3s;
}

/* Hide breadcrumb when scrolled */
body:not(.show-menu) header.headroom--not-top .breadcrumb {
	opacity: 0;
	pointer-events: none;
	height: 0;
}

/* Breadcrumb when menu is open */
body.show-menu header .breadcrumb {
	transition: 0.1s ease-out;
}

/* Instant hide breadcrumb when closing menu (mobile) */
@media screen and (max-width: 1025px) {
	body.menu-was-shown header .breadcrumb {
		opacity: 0;
		transition: none;
	}
}