/**
 * Voxel Plus Plugin Styles
 */

/* Hide Vue templates until Vue.js is ready */
[v-cloak] {
	display: none !important;
}

/* Prevent flash of secondary filters before Vue applies visibility classes */
/* Hide all secondary filters on the main form by default (not in the More Filters popup) */
.vx-secondary-filter:not(.ts-more-filters-portal .vx-secondary-filter) {
	display: none !important;
}

/* Desktop: Show secondary filters when More Filters button is disabled */
@media (min-width: 1025px) {
	.vxp-more-filters-responsive[data-vxp-hide-desktop="yes"] .vx-secondary-filter:not(.ts-more-filters-portal .vx-secondary-filter) {
		display: flex !important;
	}
}

/* Tablet: Show secondary filters when More Filters button is disabled */
@media (min-width: 768px) and (max-width: 1024px) {
	.vxp-more-filters-responsive[data-vxp-hide-tablet="yes"] .vx-secondary-filter:not(.ts-more-filters-portal .vx-secondary-filter) {
		display: flex !important;
	}
}

/* Mobile: Show secondary filters when More Filters button is disabled */
@media (max-width: 767px) {
	.vxp-more-filters-responsive[data-vxp-hide-mobile="yes"] .vx-secondary-filter:not(.ts-more-filters-portal .vx-secondary-filter) {
		display: flex !important;
	}
}

/* Responsive filter visibility classes */
@media (min-width: 1025px) {
	.vx-hidden-desktop {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.vx-hidden-tablet {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.vx-hidden-mobile {
		display: none !important;
	}
}

/* More Filters Button responsive visibility - controlled by Elementor settings */
/* When button is hidden on desktop, hide the button and show all secondary filters */
@media (min-width: 1025px) {
	.ts-more-filters-btn-wrapper[data-vxp-hide-desktop="yes"] {
		display: none !important;
	}

	/* When More Filters button is disabled on desktop, show all secondary filters in main form */
	.vxp-more-filters-responsive .ts-more-filters-btn-wrapper[data-vxp-hide-desktop="yes"] ~ * .vx-secondary-filter:not(.ts-more-filters-portal .vx-secondary-filter) {
		display: flex !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.ts-more-filters-btn-wrapper[data-vxp-hide-tablet="yes"] {
		display: none !important;
	}

	/* When More Filters button is disabled on tablet, show all secondary filters in main form */
	.vxp-more-filters-responsive .ts-more-filters-btn-wrapper[data-vxp-hide-tablet="yes"] ~ * .vx-secondary-filter:not(.ts-more-filters-portal .vx-secondary-filter) {
		display: flex !important;
	}
}

@media (max-width: 767px) {
	.ts-more-filters-btn-wrapper[data-vxp-hide-mobile="yes"] {
		display: none !important;
	}

	/* When More Filters button is disabled on mobile, show all secondary filters in main form */
	.vxp-more-filters-responsive .ts-more-filters-btn-wrapper[data-vxp-hide-mobile="yes"] ~ * .vx-secondary-filter:not(.ts-more-filters-portal .vx-secondary-filter) {
		display: flex !important;
	}
}