/* TOOLBAR */
.cs3-products-toolbar .uabb-adv-accordion-button {
	min-width: 224px;
	margin: 0;
	padding: 6px !important;
	border-radius: var(--radius-cta-principal) !important;
}
.cs3-products-toolbar .uabb-adv-accordion-button:hover,
.cs3-products-toolbar .uabb-adv-accordion-button:focus, 
.cs3-products-toolbar .uabb-adv-accordion-button:active {
	background-color: var(--couleur-3);
}
.cs3-products-toolbar .uabb-adv-accordion-button-label {
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--regular);
	font-size: var(--size-intertitre);
	line-height: calc(var(--size-intertitre) + 4px);
	text-transform: uppercase;
	width: 190px;
	    line-height: 1.2 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
/* ==========================================================
FILTER EVERYTHING
Conteneur principal
========================================================== */

.cs3-collection-archive__filters {
	--checkbox-size: 14px;
	--pointure-size: 40px;
	--filter-gap: 8px;
}

.cs3-collection-archive__filters .widget_wpc_filters_widget {
	padding-bottom: 16px;
}

/* ==========================================================
FILTRES HORIZONTAUX
Desktop : 4 filtres par ligne
========================================================== */

.cs3-collection-archive__filters
.wpc-horizontal-layout.wpc-horizontal-cols-5
.wpc-filters-widget-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 24px 8px;
	width: 100%;
}

.cs3-collection-archive__filters
.wpc-horizontal-layout.wpc-horizontal-cols-5
.wpc-filters-section:not(.wpc-filter-layout-submit-button) {
	flex: 0 0 calc((100% - 24px) / 4) !important;
	width: calc((100% - 24px) / 4) !important;
	max-width: calc((100% - 24px) / 4) !important;

	margin: 0 !important;
}

.cs3-collection-archive__filters .wpc-filter-header {
	margin-bottom: 15px;
}

.cs3-collection-archive__filters .wpc-filter-content {
	margin: 0;
	padding: 0;
}

.cs3-collection-archive__filters .wpc-filters-ul-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cs3-collection-archive__filters .wpc-checkbox-item {
	margin: 0 0 var(--filter-gap);
	padding: 0;
	list-style: none;
}


/* ==========================================================
TITRES DES FILTRES
Reprise du style .titre-4
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-title {
	margin: 0;
	padding: 0;

	font-family: var(--typo-principale);
	font-weight: var(--regular);
	font-size: var(--size-titre-4);
	line-height: calc(var(--size-titre-4) + 4px);
}


/* ==========================================================
TYPOGRAPHIE DES VALEURS DE FILTRES
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-checkbox-item,

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-checkbox-item label,

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-link {
	font-family: var(--typo-secondaire);
	font-weight: var(--regular);
	font-size: var(--size-intertitre);
	line-height: calc(var(--size-intertitre) + 4px);
	text-transform: uppercase;
}


/* ==========================================================
LIENS DES VALEURS
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-link {
	color: var(--couleur-secondaire, #1c1c1c);
	text-decoration: none;
}

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-link:hover {
	text-decoration: underline;
}


/* ==========================================================
CHECKBOXES CLASSIQUES

Filtres concernés :
- Catégories
- Hauteur du talon
- Prix
========================================================== */

.cs3-collection-archive__filters
:is(
.wpc-filter-product_cat,
.wpc-filter-pa_hauteur-talon,
.wpc-filter-_price
)
.wpc-term-item-content-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
}


/* Suppression du style natif du navigateur */

.cs3-collection-archive__filters
:is(
.wpc-filter-product_cat,
.wpc-filter-pa_hauteur-talon,
.wpc-filter-_price
)
.wpc-term-item-content-wrapper > input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;

	flex: 0 0 var(--checkbox-size);
	width: var(--checkbox-size);
	height: var(--checkbox-size);
	margin: 0;

	background-color: transparent;
	border: 1px solid var(--couleur-secondaire, #1C1C1C);
	border-radius: 0;

	cursor: pointer;
}


/* État coché */

.cs3-collection-archive__filters
:is(
.wpc-filter-product_cat,
.wpc-filter-pa_hauteur-talon,
.wpc-filter-_price
)
.wpc-term-item-content-wrapper > input[type="checkbox"]:checked {
	background-color: var(--couleur-secondaire);
}


/* Coche blanche */

.cs3-collection-archive__filters
:is(
.wpc-filter-product_cat,
.wpc-filter-pa_hauteur-talon,
.wpc-filter-_price
)
.wpc-term-item-content-wrapper > input[type="checkbox"]:checked::before {
	content: "";
	display: block;
	width: 3px;
	height: 6px;
	margin: 2px auto 0;
	border-right: 1px solid var(--blanc);
	border-bottom: 1px solid var(--blanc);
	transform: rotate(45deg);
}


/* Focus clavier */

.cs3-collection-archive__filters
:is(
.wpc-filter-product_cat,
.wpc-filter-pa_hauteur-talon,
.wpc-filter-_price
)
.wpc-term-item-content-wrapper > input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--couleur-secondaire, #1C1C1C);
	outline-offset: 3px;
}


/* Label entièrement cliquable */

.cs3-collection-archive__filters
:is(
.wpc-filter-product_cat,
.wpc-filter-pa_hauteur-talon,
.wpc-filter-_price
)
.wpc-term-item-content-wrapper > label {
	margin: 0;
	cursor: pointer;
}


/* ==========================================================
POINTURES SOUS FORME DE BOUTONS
========================================================== */

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-filters-ul-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-checkbox-item {
	margin: 0;
}


/* Chaque élément devient un bouton carré */

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-term-item-content-wrapper {
	position: relative;
}


/*
* Le checkbox reste présent pour le fonctionnement du plugin
* et l'accessibilité, mais devient visuellement masqué.
*/

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-term-item-content-wrapper > input[type="checkbox"] {
	position: absolute;

	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;

	opacity: 0;
	pointer-events: none;
}


/* Le label représente visuellement le bouton */

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-term-item-content-wrapper > label {
	display: flex;
	align-items: center;
	justify-content: center;

	min-width: var(--pointure-size);
	height: var(--pointure-size);
	margin: 0;
	padding: 0 10px;

	background-color: transparent;
	border: 1px solid var(--couleur-secondaire, #1C1C1C);
	border-radius: 0;

	cursor: pointer;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}


/* Le lien remplit entièrement le bouton */

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-term-item-content-wrapper > label .wpc-filter-link {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	color: var(--couleur-secondaire, #1C1C1C);
	text-decoration: none;

	margin-right:0;
}


/* Survol */

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-term-item-content-wrapper > label:hover {
	background-color: var(--couleur-secondaire, #1C1C1C);
}

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-term-item-content-wrapper > label:hover .wpc-filter-link {
	color: #FFFFFF;
}


/* État sélectionné */

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-term-item-content-wrapper
> input[type="checkbox"]:checked
+ label {
	background-color: var(--couleur-secondaire, #1C1C1C);
}

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-term-item-content-wrapper
> input[type="checkbox"]:checked
+ label
.wpc-filter-link {
	color: #FFFFFF;
}


/* Focus clavier */

.cs3-collection-archive__filters
.wpc-filter-pa_pointure
.wpc-term-item-content-wrapper
> input[type="checkbox"]:focus-visible
+ label {
	outline: 2px solid var(--couleur-secondaire, #1C1C1C);
	outline-offset: 3px;
}

/* Symbole euro après chaque valeur du filtre Prix */

.cs3-collection-archive__filters
.wpc-filter-_price
.wpc-filter-link::after {
	content: "€";
	display: inline-block;
	margin-left: 2px;

	font-size: 0.65em;
	line-height: 1;
	vertical-align: super;
}
/* ==========================================================
FILTRE COULEURS
Checkbox conservée mais visuellement masquée
========================================================== */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-filters-ul-list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 0px;
}

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-checkbox-item {
	margin: 0;
}

/* Conteneur de chaque valeur */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-term-item-content-wrapper {
	position: relative;
}

/* Checkbox masquée visuellement mais toujours fonctionnelle */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-term-item-content-wrapper > input[type="checkbox"] {
	position: absolute;

	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;

	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;

	border: 0;
}

/* Le label devient la zone réellement cliquable */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-term-item-content-wrapper > label {
	display: block;
	margin: 0;
	cursor: pointer;
}

/* Le lien contient la pastille et le nom */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-filter-link {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;

	margin: 0;

	color: var(--couleur-secondaire);
	text-decoration: none;
}

/* Conteneur de la pastille */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-term-swatch-wrapper {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
	margin: 0 !important;

	border: 0;
	border-radius: 50%;
	box-sizing: border-box;
}

/* Pastille de couleur */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-term-swatch {
	display: block;

	width: 14px !important;
	min-width: 14px !important;
	height: 14px !important;

	border: 1px solid transparent;
	border-radius: 50%;
	box-sizing: border-box;

	transition: transform 220ms ease;
}

/* Survol */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-filter-link:hover
.wpc-term-swatch {
	transform: scale(1.08);
}

/* ==========================================================
FILTRE COULEURS
Contour uniquement sur la couleur sélectionnée
========================================================== */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-term-selected
.wpc-term-swatch-wrapper {
	position: relative;

	outline: 1px solid var(--couleur-secondaire) !important;
	outline-offset: -2px;

	border-radius: 50% !important;
}

/* Sécurité basée sur l’état réel du checkbox */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-term-item-content-wrapper
> input[type="checkbox"]:checked
+ label
.wpc-term-swatch-wrapper::after {
	content: "";

	position: absolute;
	inset: -4px;

	border: 1px solid var(--couleur-secondaire);
	border-radius: 50%;

	pointer-events: none;
}

/* Focus clavier */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-term-item-content-wrapper
> input[type="checkbox"]:focus-visible
+ label
.wpc-term-swatch-wrapper::after {
	content: "";

	position: absolute;
	inset: -4px;

	border: 2px solid var(--couleur-secondaire);
	border-radius: 50%;

	pointer-events: none;
}

/* Nom de la couleur */

.cs3-collection-archive__filters
.wpc-filter-famille-de-couleurs
.wpc-term-name {
	font-family: var(--typo-secondaire);
	font-weight: var(--regular);
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
}

/* ==========================================================
BOUTONS FILTER EVERYTHING
========================================================== */

/* Conteneur des boutons */

.cs3-collection-archive__filters
.wpc-filter-layout-submit-button {
	flex: 0 0 100%;
	width: 100%;
	padding-top: 56px;
}

.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
.wpc-sticky-buttons {
	position: static !important;
	inset: auto !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	padding: 0;
	flex-direction: row;
	width: 100% !important;
	z-index: auto !important;
	border: 0;
}

/* ==========================================================
STYLE COMMUN AUX BOUTONS FILTER EVERYTHING
Surcharge des styles typographiques UABB
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
:is(
.wpc-filters-submit-button,
.wpc-filters-reset-button
) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;

	width: auto;
	margin: 0;
	padding: 10px 24px !important;
	box-sizing: border-box;

	font-family: var(--typo-secondaire) !important;
	font-weight: var(--regular) !important;
	font-size: var(--size-cta-principal) !important;
	line-height: 1.2 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;

	color: var(--couleur-secondaire);
	background-color: var(--blanc);

	border-radius: var(--radius-cta-principal) !important;

	cursor: pointer;

	transition:
		background-color 320ms ease,
		border-color 220ms ease,
		color 320ms ease,
		transform 320ms ease,
		box-shadow 320ms ease;
}

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
:is(
.wpc-filters-submit-button,
.wpc-filters-reset-button
)
* {
	font-family: inherit !important;
	font-weight: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit;
	text-transform: inherit;
}

/* Compteur du bouton Valider */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
.wpc-filters-submit-button
.wpc-pc-apply-button {
	display: none;
}

/* ==========================================================
BOUTON VALIDER
CTA principal plein
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
.wpc-filters-submit-button {
	color: var(--blanc);
	background-color: var(--couleur-principale);
	border: 1px solid var(--couleur-principale) !important;
}

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
.wpc-filters-submit-button:hover,
.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
.wpc-filters-submit-button:focus-visible {
	color: var(--couleur-secondaire);
	background-color: var(--couleur-3);
	border-color: var(--couleur-principale) !important;
}


/* ==========================================================
BOUTON RÉINITIALISER
CTA secondaire avec bordure
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
.wpc-filters-reset-button {
	color: var(--couleur-secondaire);
	background-color: var(--blanc);
	border: 1px solid var(--couleur-principale) !important;
}

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
.wpc-filters-reset-button:hover,
.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
.wpc-filters-reset-button:focus-visible {
	color: var(--couleur-secondaire);
	background-color: var(--couleur-3);
	border-color: var(--couleur-principale) !important;
}


/* ==========================================================
FOCUS CLAVIER
========================================================== */

.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
:is(
.wpc-filters-submit-button,
.wpc-filters-reset-button
):focus-visible {
	outline: 3px solid var(--couleur-secondaire);
	outline-offset: 3px;
}


/* ==========================================================
CLIC
========================================================== */

.cs3-collection-archive__filters
.wpc-filter-layout-submit-button
:is(
.wpc-filters-submit-button,
.wpc-filters-reset-button
):active {
	transform: translateY(0);
}


/* ==========================================================
ACCESSIBILITÉ
========================================================== */

@media (prefers-reduced-motion: reduce) {

	.cs3-collection-archive__filters
	.wpc-filter-layout-submit-button
	:is(
	.wpc-filters-submit-button,
	.wpc-filters-reset-button
	) {
		transition: none;
		transform: none;
	}
}


/* ==========================================================
RESPONSIVE
========================================================== */

@media screen and (max-width: 768px) {

	.cs3-collection-archive__filters
	.wpc-filter-layout-submit-button
	.wpc-sticky-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.uabb-module-content
	.uabb-text-editor.uabb-accordion-desc
	.cs3-collection-archive__filters
	.wpc-filter-layout-submit-button
	:is(
	.wpc-filters-submit-button,
	.wpc-filters-reset-button
	) {
		max-width: 100%;
		width: 100%;
	}
}

/* ==========================================================
ÉLÉMENTS TECHNIQUES DU PLUGIN
========================================================== */

/* Masquer le lien d'administration visible côté administrateur */

.cs3-collection-archive__filters .wpc-edit-filter-set {
	display: none;
}


/* ==========================================================
RESPONSIVE
========================================================== */

@media screen and (max-width: 768px) {

	.cs3-collection-archive__filters .wpc-filters-widget-wrapper {
		display: block;
	}

	.cs3-collection-archive__filters .wpc-filters-section {
		margin-bottom: 30px;
	}
}
/* ==========================================================
FILTRES SÉLECTIONNÉS / CHIPS
========================================================== */

.cs3-collection-archive__filters
.wpc-custom-selected-terms {
	width: 100%;
	margin: 0;
	padding: 0;
}

.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chips-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;

	margin: 0;
	padding: 0;

	list-style: none;
}

.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chip {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* ==========================================================
LIEN DE CHAQUE CHIP
========================================================== */

body
.wpc-filter-chips-list
li.wpc-filter-chip:not(.wpc-chip-reset-all)
a {
	border-color: var(--couleur-principale) !important;
}

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chip > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	margin: 0;
	padding: 4px 6px;

	font-family: var(--typo-secondaire) !important;
	font-weight: var(--regular) !important;
	font-size: var(--size-intertitre) !important;
	line-height: 1.2 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;

	color: var(--couleur-secondaire) !important;
	background-color: transparent;

	border: 0;
	border-radius: 4px;

	text-decoration: none;

	transition:
		background-color 320ms ease,
		border-color 220ms ease,
		color 320ms ease;
}


/* ==========================================================
CONTENU INTERNE
========================================================== */

.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-chip-content {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 18px;
}


/* ==========================================================
TEXTE DU CHIP
Surcharge des styles UABB
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chip-name {
	display: inline-block;
	max-width: fit-content;

	font-family: var(--typo-secondaire) !important;
	font-weight: var(--regular) !important;
	font-size: var(--size-intertitre) !important;
	line-height: 1.2 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;

	color: var(--couleur-secondaire) !important;
}


/* ==========================================================
CROIX DE SUPPRESSION
Surcharge des styles UABB
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-chip-remove-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	font-family: var(--typo-secondaire) !important;
	font-weight: var(--regular) !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;

	color: var(--couleur-secondaire) !important;

	transition: transform 320ms ease;
}


/* ==========================================================
SÉCURITÉ POUR LES ÉLÉMENTS INTERNES
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chip > a
.wpc-chip-content {
	font-family: inherit !important;
	font-weight: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit;
	text-transform: inherit;
	color: inherit !important;
}


/* ==========================================================
SURVOL
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chip > a:hover,

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chip > a:focus-visible {
	color: var(--couleur-secondaire) !important;
	background-color: var(--couleur-3);
	border-color: var(--couleur-principale) !important;
}

.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chip > a:hover
.wpc-chip-remove-icon,

.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chip > a:focus-visible
.wpc-chip-remove-icon {
	transform: rotate(90deg);
}


/* ==========================================================
FOCUS CLAVIER
========================================================== */

.uabb-module-content
.uabb-text-editor.uabb-accordion-desc
.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-filter-chip > a:focus-visible {
	outline: 2px solid var(--couleur-secondaire);
	outline-offset: 3px;
}


/* ==========================================================
CHIP "TOUT RÉINITIALISER"
========================================================== */

.cs3-collection-archive__filters
.wpc-custom-selected-terms
.wpc-chip-reset-all > a {
	display: none;
}


/* ==========================================================
ACCESSIBILITÉ
========================================================== */

@media (prefers-reduced-motion: reduce) {

	.cs3-collection-archive__filters
	.wpc-custom-selected-terms
	.wpc-filter-chip > a,

	.cs3-collection-archive__filters
	.wpc-custom-selected-terms
	.wpc-chip-remove-icon {
		transition: none;
		transform: none;
	}
}
/* ==========================================================
TRI DES PRODUITS
Filter Everything
Module HTML Beaver Builder
========================================================== */

.fl-module-html
.cs3-collection-archive__sort {
	display: flex;
	align-items: center;
	justify-content: flex-start;

	width: 100%;
	margin: 0 0 24px;
}

/* Widget */

.fl-module-html
.cs3-collection-archive__sort
.widget_wpc_sorting_widget {
	width: auto;
	margin: 0;
	padding: 0;
}

/* Formulaire */

.fl-module-html
.cs3-collection-archive__sort
.wpc-sorting-form {
	position: relative;

	display: inline-flex;
	align-items: center;

	margin: 0;
}

/* ==========================================================
FLÈCHE PERSONNALISÉE
========================================================== */

.fl-module-html
.cs3-collection-archive__sort
.wpc-sorting-form::after {
	content: "";

	position: absolute;
	top: 50%;
	right: 18px;

	width: 7px;
	height: 7px;

	border-right: 1px solid var(--couleur-secondaire);
	border-bottom: 1px solid var(--couleur-secondaire);

	transform: translateY(-70%) rotate(45deg);

	pointer-events: none;

	transition:
		transform 220ms ease,
		border-color 220ms ease;
}

/* ==========================================================
SELECT
========================================================== */

.fl-module-html
.cs3-collection-archive__sort
.wpc-orderby-select {
	appearance: none;
	-webkit-appearance: none;

	display: block;

	width: auto;
	min-width: 190px;

	margin: 0;
	padding: 8px !important;

	font-family: var(--typo-secondaire) !important;
	font-weight: var(--regular) !important;
	font-size: var(--size-intertitre) !important;
	line-height: 1.2 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;

	color: var(--couleur-secondaire) !important;
	background-color: var(--blanc);

	border: 0 !important;
	border-radius: var(--radius-cta-principal) !important;

	box-shadow: none !important;
	outline: none;

	cursor: pointer;

	transition:
		color 320ms ease,
		background-color 320ms ease,
		border-color 220ms ease,
		box-shadow 220ms ease;
}

/* ==========================================================
SURVOL
========================================================== */

.fl-module-html
.cs3-collection-archive__sort
.wpc-orderby-select:hover {
	color: var(--couleur-secondaire) !important;
	background-color: var(--couleur-3);
	border-color: var(--couleur-principale) !important;
}

/* ==========================================================
FOCUS CLAVIER
========================================================== */

.fl-module-html
.cs3-collection-archive__sort
.wpc-orderby-select:focus-visible {
	color: var(--couleur-secondaire) !important;
	background-color: var(--blanc);

	border-color: var(--couleur-secondaire) !important;

	outline: 2px solid var(--couleur-secondaire);
	outline-offset: 3px;
}

/* ==========================================================
OPTIONS NATIVES
========================================================== */

.fl-module-html
.cs3-collection-archive__sort
.wpc-orderby-select
option {
	font-family: var(--typo-secondaire);
	font-weight: var(--regular);
	font-size: 14px;
	line-height: 1.4;
	text-transform: none;

	color: var(--couleur-secondaire);
	background-color: var(--blanc);
}

/* Option initiale "Trier" */

.fl-module-html
.cs3-collection-archive__sort
.wpc-orderby-select
option[value="default"] {
	color: var(--couleur-secondaire);
}

/* ==========================================================
ÉLÉMENT TECHNIQUE DU PLUGIN
========================================================== */

.fl-module-html
.cs3-collection-archive__sort
.wpc-after-sorting-form {
	display: none;
}

/* ==========================================================
RESPONSIVE
========================================================== */

@media all and (max-width: 768px) {

	.fl-module-html
	.cs3-collection-archive__sort {
		margin-bottom: 20px;
	}

	/*.fl-module-html
	.cs3-collection-archive__sort
	.widget_wpc_sorting_widget,
	.fl-module-html
	.cs3-collection-archive__sort
	.wpc-sorting-form {
		width: 100%;
	}*/

	.fl-module-html
	.cs3-collection-archive__sort
	.wpc-orderby-select {
		width: 100%;
		min-width: 224px;
		    background-color: var(--couleur-3);
	}
}

/* ==========================================================
ACCESSIBILITÉ
========================================================== */

@media (prefers-reduced-motion: reduce) {

	.fl-module-html
	.cs3-collection-archive__sort
	.wpc-sorting-form::after,

	.fl-module-html
	.cs3-collection-archive__sort
	.wpc-orderby-select {
		transition: none;
	}
}


/* ==========================================================
RESPONSIVE DES FILTRES HORIZONTAUX
========================================================== */

/* Tablette : 2 filtres par ligne */
@media all and (max-width: 1000px) {

	.cs3-collection-archive__filters
	.wpc-horizontal-layout.wpc-horizontal-cols-5
	.wpc-filters-widget-wrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 24px 8px;
	}

	.cs3-collection-archive__filters
	.wpc-horizontal-layout.wpc-horizontal-cols-5
	.wpc-filters-section:not(.wpc-filter-layout-submit-button) {
		flex: 0 0 calc(50% - 4px) !important;
		width: calc(50% - 4px) !important;
		max-width: calc(50% - 4px) !important;

		margin-right: 0 !important;
	}
}

/* Mobile : 1 filtre par ligne */
@media all and (max-width: 768px) {

	.cs3-collection-archive__filters
	.wpc-horizontal-layout.wpc-horizontal-cols-5
	.wpc-filters-widget-wrapper {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 30px;
	}

	.cs3-collection-archive__filters
	.wpc-horizontal-layout.wpc-horizontal-cols-5
	.wpc-filters-section:not(.wpc-filter-layout-submit-button) {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;

		margin-right: 0 !important;
		margin-bottom: 0;
	}

	.cs3-collection-archive__filters
	.wpc-horizontal-layout.wpc-horizontal-cols-5
	.wpc-filter-layout-submit-button {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.cs3-products-toolbar .uabb-adv-accordion-button {
		background-color: var(--couleur-3);
	}
}