/* FacetWP Filter Visibility & Skeleton Styles */
.shop-filter.facet-is-empty { display: none !important; }

/* Skeleton Base & Shimmer Animation */
.shop-filter { position: relative; }

.shop-filter-skeleton {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 50px;
}

.shop-filter-skeleton .skeleton-element {
	background: #e2e5e9;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}

.shop-filter-skeleton .skeleton-element::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
	transform: translateX(-100%);
	animation: filterShimmer 1.5s infinite ease-in-out;
}

@keyframes filterShimmer {
	100% { transform: translateX(100%); }
}

/* Categories Skeleton */
.skeleton-categories {
	margin-bottom: 50px;
}
.skeleton-categories .skeleton-line {
	height: 24px;
	width: 100%;
	margin-bottom: 4px;
}

/* Brands Skeleton - Matches .facetwp-facet-shop_by_brand grid */
.skeleton-brands {
	margin-bottom: 50px;
}
.skeleton-brand-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}
.skeleton-brand-grid .skeleton-brand-box {
	height: 110px;
	border: 1px solid #e2e5e9;
	border-radius: 0;
}

/* Sewing Level Skeleton - Matches .facetwp-facet-filter_by_sewing_level radio buttons */
.skeleton-sewing {
	margin-bottom: 0;
}
.skeleton-pill-group {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
}
.skeleton-pill-group .skeleton-pill {
	height: 44px;
	border-radius: 0px;
	border: 1px solid #e2e5e9;
}

/* Visibility Control */
body:not(.facetwp-is-ready) .shop-filter > .facetwp-facet,
.shop-filter.is-loading > .facetwp-facet { display: none !important; }

/* Keep filter titles permanently visible to eliminate title layout shift */
.shop-filter > .filter-title { display: block !important; }

body.facetwp-is-ready .shop-filter:not(.is-loading) .shop-filter-skeleton { display: none !important; }

/* Responsive Media Queries matching product-listing.css */
@media screen and (max-width: 1199px) {
	.skeleton-categories, .skeleton-brands {
		margin-bottom: 40px;
	}
	.skeleton-brand-grid {
		gap: 10px;
	}
	.skeleton-brand-grid .skeleton-brand-box {
		height: 90px;
	}
	.skeleton-pill-group {
		gap: 10px;
	}
	.skeleton-pill-group .skeleton-pill {
		height: 37px;
	}
}

@media screen and (max-width: 991px) {
	.skeleton-brand-grid .skeleton-brand-box {
		height: 65px;
	}
}

@media screen and (max-width: 767px) {
	.skeleton-categories, .skeleton-brands {
		margin-bottom: 30px;
	}
	.skeleton-brand-grid .skeleton-brand-box {
		height: 75px;
	}
	.skeleton-pill-group .skeleton-pill {
		height: 33px;
	}
}

/* Full-width layout when all sidebar facets are empty */
body.no-sidebar-facets .shop-sidebar,
body.no-sidebar-facets .filter_box { display: none !important; }

body.no-sidebar-facets .shop-content { width: 100% !important; padding-left: 0 !important; }

body.no-sidebar-facets .product-list-block,
body.no-sidebar-facets .search-filter,
body.no-sidebar-facets .product-header,
body.no-sidebar-facets .shop-content .buy-box { padding-right: 0 !important; }