/**
 * Shop New (/shop-new) filter bar styles.
 * Page: Elementor page ID 564.
 */

/* Poppins for all filter UI on this page */
.elementor-564 .elementor-element.elementor-element-0135924,
.elementor-564 .elementor-element.posh-collection-filter {
	font-family: 'Poppins', sans-serif;
}

/* Hide "All" chip when disabled in Elementor but still rendered */
.elementor-564 .e-filter-item[data-filter="__all"] {
	display: none;
}

/* -------------------------------------------------------------------------
   Primary row (widget 0135924)
   ------------------------------------------------------------------------- */

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item {
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	min-height: 44px;
	padding: 10px 18px;
	margin: 0;
	border: 1px solid #E5E7EB;
	border-radius: 50px;
	background-color: #ffffff;
	background-image: none;
	color: #375275;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[aria-pressed='false']:hover {
	background-color: #FDF2F8;
	background-image: none;
	color: #375275;
	border-color: #E5E7EB;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[aria-pressed='true'] {
	background-color: #E0457B;
	background-image: none;
	color: #ffffff;
	border-color: #E0457B;
}

/* -------------------------------------------------------------------------
   Collections row (widget with class posh-collection-filter)
   ------------------------------------------------------------------------- */

.elementor-564 .elementor-element.posh-collection-filter {
	margin-top: 12px;
}

.elementor-564 .elementor-element.posh-collection-filter .e-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.elementor-564 .elementor-element.posh-collection-filter .e-filter-item {
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	min-height: 33px;
	padding: 6px 14px;
	margin: 0;
	border: 1px solid #E8ECF0;
	border-radius: 50px;
	background-color: #ffffff;
	background-image: none;
	color: #375275;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.elementor-564 .elementor-element.posh-collection-filter .e-filter-item[aria-pressed='false']:hover {
	background-color: #FDF2F8;
	background-image: none;
	color: #375275;
	border-color: #E8ECF0;
}

.elementor-564 .elementor-element.posh-collection-filter .e-filter-item[aria-pressed='true'] {
	background-color: #E0457B;
	background-image: none;
	color: #ffffff;
	border-color: #E0457B;
}

/* Permanent slug-based layout for /shop-new filter bar.
 * The Elementor Taxonomy Filter widget on this site cannot
 * include/exclude terms, so we render all 10 terms in a single
 * widget (id 0135924) and split them visually with CSS.
 *
 * Slug dependencies (rename any of these and the visual split
 * breaks silently):
 *   Primary row:     bath, body, face, hair, hands, feet
 *   Collections row: bundles, last-chance, samples-2, tools
 *
 * Visual order is set with flex-order and does not match the
 * alphabetical DOM order Elementor outputs.
 *
 * The "All" pseudo-term is hidden via [data-filter="__all"].
 */

/* -------------------------------------------------------------------------
   Two-band layout inside widget 0135924 (flex-order + line break)
   ------------------------------------------------------------------------- */

/* Force Collections onto a new row after Primary (flex line break). */
.elementor-564 .elementor-element.elementor-element-0135924 .e-filter::before {
	content: '';
	order: 7;
	flex-basis: 100%;
	width: 0;
	height: 0;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='bath'] {
	order: 1;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='body'] {
	order: 2;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='face'] {
	order: 3;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='hair'] {
	order: 4;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='hands'] {
	order: 5;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='feet'] {
	order: 6;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='bundles'] {
	order: 8;
	margin-top: 12px;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='last-chance'] {
	order: 9;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='samples-2'] {
	order: 10;
}

.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='tools'] {
	order: 11;
}

/* Collections band: smaller chips (widget 0135924 slug targets). */
.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='bundles'],
.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='last-chance'],
.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='samples-2'],
.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='tools'] {
	font-size: 13px;
	min-height: 33px;
	padding: 6px 14px;
	border-color: #E8ECF0;
}

/* When a dedicated Collections widget exists, hide duplicate chips in Primary */
.elementor-564:has(.posh-collection-filter) .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='bundles'],
.elementor-564:has(.posh-collection-filter) .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='last-chance'],
.elementor-564:has(.posh-collection-filter) .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='samples-2'],
.elementor-564:has(.posh-collection-filter) .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='tools'] {
	display: none;
	margin-top: 0;
}

@media (max-width: 767px) {
	.elementor-564 .elementor-element.posh-collection-filter {
		margin-top: 8px;
	}

	.elementor-564 .elementor-element.elementor-element-0135924 .e-filter-item[data-filter='bundles'] {
		margin-top: 8px;
	}
}

/* __all stays hidden; no flex-order needed. */