/* ==========================================================================
 * 1. LAYOUT RESTRAINTS & CLEANING
 * ========================================================================== */
.woocommerce-result-count, 
.woocommerce-ordering,
.ast-woocommerce-container .ast-toolbar { 
	display: none !important; 
}

/* ==========================================================================
 * 2. MODERN FILTER WRAPPER (RESPONSIVE FLEX GRID)
 * ========================================================================== */
.custom-filters-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	align-items: flex-end !important;
	margin-bottom: 40px !important;
	width: 100% !important;
	position: relative !important;
}

/* Force standard filter units to scale properly */
.cgn-custom-dropdown,
.custom-filters-wrapper .custom-currency-switcher,
.custom-filters-wrapper .custom-reset-filter {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	flex: 1 1 220px !important;
	position: relative !important;
}

.custom-filters-wrapper .custom-reset-filter {
	flex: 0 1 auto !important;
}

/* ==========================================================================
 * 3. TYPOGRAPHY LABELS
 * ========================================================================== */
.cgn-dropdown-label,
.custom-filters-wrapper label,
.custom-filters-wrapper span {
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	font-weight: 600 !important;
	color: #666666 !important;
	margin-bottom: 8px !important;
	margin-right: 0 !important;
	display: block !important;
}

/* ==========================================================================
 * 4. CUSTOM DROPLIST ELEMENTS (PLUGIN-NATIVE TRIGGERS)
 * ========================================================================== */
.cgn-dropdown-trigger {
	width: 100% !important;
	background-color: #ffffff !important;
	color: #111111 !important;
	border: 1px solid #e5e5e5 !important;
	padding: 12px 40px 12px 16px !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	cursor: pointer !important;
	position: relative !important;
	box-sizing: border-box !important;
	height: 45px !important;
	
	/* Custom inline vector arrow asset */
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 14px !important;
	
	transition: border-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.cgn-custom-dropdown.is-open .cgn-dropdown-trigger {
	border-color: #111111 !important;
}

/* ==========================================================================
 * 5. DYNAMIC MATCHER FOR Price Based on Country (PBoC) SELECTOR
 * ========================================================================== */
.custom-filters-wrapper .custom-currency-switcher .wcpbc-selector,
.custom-filters-wrapper .custom-currency-switcher .wcpbc-currency-selector,
.custom-filters-wrapper .wcpbc-country-selector,
.custom-filters-wrapper div[class*="wcpbc"] {
	width: 100% !important;
	display: block !important;
}

/* Force-style the PBoC native select element to perfectly match triggers */
.custom-filters-wrapper .custom-currency-switcher select,
.custom-filters-wrapper div[class*="wcpbc"] select {
	width: 100% !important;
	background-color: #ffffff !important;
	color: #111111 !important;
	border: 1px solid #e5e5e5 !important;
	padding: 12px 40px 12px 16px !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	cursor: pointer !important;
	border-radius: 0px !important; /* Sharp premium profile */
	appearance: none !important;    /* Completely strips browser system overrides */
	-webkit-appearance: none !important;
	margin: 0 !important;
	height: 45px !important;        /* Strict vertical alignment matching */
	box-sizing: border-box !important;

	/* Custom vector arrow matching your Category drop-down */
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 14px !important;

	transition: border-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
	            background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Interaction Focus Matching for PBoC */
.custom-filters-wrapper .custom-currency-switcher select:hover,
.custom-filters-wrapper div[class*="wcpbc"] select:hover,
.custom-filters-wrapper .custom-currency-switcher select:focus,
.custom-filters-wrapper div[class*="wcpbc"] select:focus {
	border-color: #111111 !important;
	outline: none !important;
}

/* ==========================================================================
 * 6. THE ANIMATED FLOATING LIST CONTAINER (CUSTOM FLYOUTS)
 * ========================================================================== */
.cgn-dropdown-list {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 9999 !important;
	background: #ffffff !important;
	border: 1px solid #111111 !important;
	border-top: none !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	list-style: none !important;
	
	/* Hidden state configuration */
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(-8px) scaleY(0.95) !important;
	transform-origin: top center !important;
	
	/* Premium deceleration curve easing mechanism */
	transition: opacity 0.35s cubic-bezier(0.25, 1, 0.5, 1),
	            transform 0.35s cubic-bezier(0.25, 1, 0.5, 1),
	            visibility 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Open State Modifier */
.cgn-custom-dropdown.is-open .cgn-dropdown-list {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) scaleY(1) !important;
}

.cgn-dropdown-list li {
	padding: 10px 16px !important;
	font-size: 13px !important;
	color: #444444 !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}

.cgn-dropdown-list li:hover {
	background-color: #f7f7f7 !important;
	color: #111111 !important;
}

.cgn-dropdown-list li.is-selected {
	font-weight: 600 !important;
	color: #111111 !important;
	background-color: #fafafa !important;
}

.cgn-dropdown-list li.cgn-child-item {
	padding-left: 28px !important;
	color: #777777 !important;
}

/* ==========================================================================
 * 7. CUSTOM RESET CONTROLLER
 * ========================================================================== */
.custom-filters-wrapper .custom-reset-filter button {
	background-color: transparent !important;
	color: #111111 !important;
	border: 1px solid #e5e5e5 !important;
	padding: 12px 24px !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	height: 45px !important;
	width: 100% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.custom-filters-wrapper .custom-reset-filter button:hover {
	background-color: #111111 !important;
	border-color: #111111 !important;
	color: #ffffff !important;
}

/* ==========================================================================
 * 8. PRECISION MOBILE ADAPTATIONS
 * ========================================================================== */
@media (max-width: 767px) {
	.custom-filters-wrapper {
		gap: 12px !important;
	}

	.cgn-custom-dropdown,
	.custom-filters-wrapper .custom-currency-switcher {
		flex: 1 1 calc(50% - 6px) !important;
	}

	.custom-filters-wrapper .custom-reset-filter {
		flex: 1 1 100% !important;
		margin-top: 4px !important;
	}
}