/**
 * Frontend Styles for Woostify Shop Header
 */

.wsh-shop-header-wrapper {
	width: 100%;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.wsh-shop-header-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center; /* Center blocks vertically by default */
	box-sizing: border-box;
}

/* Sticky CSS Implementation */
.ws-shop-header-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 999;
	transition: box-shadow 0.3s ease;
}

/* Add slight shadow when JS detects scrolling */
.ws-shop-header-sticky.is-stuck {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Responsive Visibility Toggles */

/* Desktop Hide */
@media (min-width: 1025px) {
	.wsh-hide-desktop {
		display: none !important;
	}
}

/* Tablet Hide (Includes standard 768px to 1024px tablet screens) */
@media (min-width: 768px) and (max-width: 1024px) {
	.wsh-hide-tablet {
		display: none !important;
	}
}

/* Mobile Hide */
@media (max-width: 767px) {
	.wsh-hide-mobile {
		display: none !important;
	}
}