/* ==========================================================================
PAGES WOOCOMMERCE
Fichier reorganise par familles de styles

Plan :
01. Notifications et messages WooCommerce
02. CTA WooCommerce generiques
03. CTA fiche produit : ajouter au panier
04. Panier WooCommerce Blocks
05. Mon compte : structure, navigation, formulaires
06. Mon compte : infos, commandes, notes de commande
07. Mon compte : wishlist
08. Styles archives commentes / anciens tests

Note : les CTA pleine largeur du checkout GLS / paiement / Commander
sont exclus du soulignement anime via ::after.
========================================================================== */


/* ==========================================================================
   01 - Notifications et messages WooCommerce
   ========================================================================== */

.fl-theme-builder-woo-notices {
	position: fixed;
	top: 116px;
	right: 24px;
	z-index: 99999;

	width: min(420px, calc(100vw - 32px));
	margin: 0 !important;
	padding: 0 !important;

	pointer-events: none;
}

.fl-theme-builder-woo-notices .woocommerce-message {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;

	width: 100%;
	margin: 0;
	padding: 16px !important;

	font-family: var(--typo-secondaire);
	font-weight: var(--light);
	font-size: var(--size-contenu-1);
	line-height: calc(var(--size-contenu-1) + 4px);

	text-align: left;
	color: var(--couleur-secondaire);

	border: 1px solid var(--couleur-principale);
	border-top: 1px solid var(--couleur-principale) !important;
	border-radius: 8px;

	box-shadow: 0 8px 24px rgba(28, 28, 28, 0.06);

	pointer-events: auto;

	animation: cs3-cart-notice-in 0.3s ease both;
}

.fl-theme-builder-woo-notices .woocommerce-message .wc-forward {
	flex: 0 0 auto;
	margin-left: auto !important;
	padding: 9px 14px !important;

	font-family: var(--typo-secondaire);
	font-size: 13px;
	line-height: 1;
	font-weight: var(--medium);

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

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

	text-decoration: none !important;
	white-space: nowrap;
}

.fl-theme-builder-woo-notices .woocommerce-message .wc-forward:hover,
.fl-theme-builder-woo-notices .woocommerce-message .wc-forward:focus {
	color: var(--couleur-secondaire) !important;
	background: var(--couleur-principale) !important;
	border-color: var(--couleur-principale);
}

.fl-theme-builder-woo-notices .woocommerce-message:focus,
.fl-theme-builder-woo-notices .woocommerce-message:focus-visible {
	outline: none;
	box-shadow: 0 0 0 2px color-mix(
		in srgb,
		var(--couleur-principale) 30%,
		transparent
	);
}

@keyframes cs3-cart-notice-in {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 767px) {
	.fl-theme-builder-woo-notices {
		top: auto;
		right: 16px;
		bottom: 16px;
		left: 16px;

		width: auto;
	}

	.fl-theme-builder-woo-notices .woocommerce-message {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.fl-theme-builder-woo-notices .woocommerce-message .wc-forward {
		margin-left: 0 !important;
	}
}

/* ==========================================================
WOOCOMMERCE
MESSAGE D’ERREUR
========================================================== */

.fl-theme-builder-woo-notices .woocommerce-error {
	position: relative;

	width: 100%;
	margin: 0;
	padding: 16px 20px;

	font-family: var(--typo-secondaire);
	font-weight: var(--regular);
	font-size: var(--size-contenu-1);
	line-height: calc(var(--size-contenu-1) + 4px);

	color: var(--couleur-erreur, #b42318);
	background-color: var(--couleur-erreur-bg, #fef3f2);

	border: 1px solid var(--couleur-erreur, #b42318);
	border-radius: 6px;
	box-shadow: none;

	list-style: none;
}


/* Neutralisation du style WooCommerce natif */

.fl-theme-builder-woo-notices .woocommerce-error {
	border-top: 1px solid var(--couleur-erreur, #b42318);
}

.fl-theme-builder-woo-notices .woocommerce-error::before {
	content: none;
	display: none;
}


/* ==========================================================
CONTENU DE L’ERREUR
========================================================== */

.fl-theme-builder-woo-notices .woocommerce-error > li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;

	width: 100%;
	margin: 0;
	padding: 0;

	color: inherit;
	list-style: none;
}

.fl-theme-builder-woo-notices .woocommerce-error > li::marker {
	content: "";
}


/* ==========================================================
CTA VOIR LE PANIER
========================================================== */

.fl-theme-builder-woo-notices
.woocommerce-error
.wc-forward {
	display: inline-flex !important;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;

	min-height: 42px;
	margin: 0;
	padding: 0 20px;

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

	color: var(--blanc, #fff) !important;
	background-color: var(--couleur-principale) !important;
	border: 1px solid var(--couleur-principale) !important;
	border-radius: 6px !important;
	box-shadow: none !important;

	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease;
}

.fl-theme-builder-woo-notices
.woocommerce-error
.wc-forward:hover,
.fl-theme-builder-woo-notices
.woocommerce-error
.wc-forward:focus-visible {
	color: var(--couleur-principale) !important;
	background-color: var(--couleur-3) !important;
	border-color: var(--couleur-principale) !important;
}

.fl-theme-builder-woo-notices
.woocommerce-error
.wc-forward:focus-visible {
	outline: 2px solid var(--couleur-principale);
	outline-offset: 3px;
}

/* ==========================================================
MOBILE
========================================================== */

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

	.fl-theme-builder-woo-notices .woocommerce-error {
		padding: 16px;
	}

	.fl-theme-builder-woo-notices
	.woocommerce-error > li {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.fl-theme-builder-woo-notices
	.woocommerce-error
	.wc-forward {
		width: 100%;
	}
	.woocommerce-page .woocommerce-message a.button.wc-forward {
		width: 100%;
	}


	.fl-theme-builder-woo-notices {
		margin-top: 16px;
		margin-bottom: 16px;
		padding-right: 16px;
		padding-left: 16px;
	}

	.fl-theme-builder-woo-notices .woocommerce-message {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;

		padding: 16px;
	}

	.fl-theme-builder-woo-notices
	.woocommerce-message
	.wc-forward {
		width: 100%;
	}
}


/* ==========================================================================
   02 - CTA WooCommerce generiques
   ========================================================================== */

/* ==========================================================
WOOCOMMERCE
CTA génériques harmonisés
========================================================== */
.woocommerce-page :is(
	ul.products li.product a.button,
	.woocommerce-message a.button,
	.woocommerce-message a.button.wc-forward,
	.woocommerce a.button.wc-forward,
	button.button,
	button.button.alt,
	a.button,
	a.button.alt,
	.woocommerce button[type="submit"]
) {
	--cs3-cta-color: var(--blanc, #fff);
	--cs3-cta-bg: var(--couleur-principale);
	--cs3-cta-border: var(--couleur-principale);
	--cs3-cta-underline-width: calc(100% - 24px);

	position: relative;

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

	margin: 0;
	padding: 8px 12px !important;

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

	color: var(--cs3-cta-color) !important;
	background-color: var(--cs3-cta-bg) !important;
	border: 1px solid var(--cs3-cta-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;

	cursor: pointer;
	overflow: hidden;

	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease;
}

/* Soulignement animé */
.woocommerce-page :is(
	ul.products li.product a.button,
	.woocommerce-message a.button,
	.woocommerce-message a.button.wc-forward,
	.woocommerce a.button.wc-forward,
	button.button,
	button.button.alt,
	a.button,
	a.button.alt,
	.woocommerce button[type="submit"]
)::after {
	content: "";

	position: absolute;
	left: 50%;
	bottom: 8px;

	width: min(var(--cs3-cta-underline-width), calc(100% - 24px));
	height: 1px;

	background-color: currentColor;

	transform: translateX(-50%) scaleX(0);
	transform-origin: left;
	transition: transform 320ms ease;

	pointer-events: none;
}

/* Hover : pas de changement de couleur, uniquement soulignement */
.woocommerce-page :is(
	ul.products li.product a.button,
	.woocommerce-message a.button,
	.woocommerce-message a.button.wc-forward,
	.woocommerce a.button.wc-forward,
	button.button,
	button.button.alt,
	a.button,
	a.button.alt,
	.woocommerce button[type="submit"]
):hover,
.woocommerce-page :is(
	ul.products li.product a.button,
	.woocommerce-message a.button,
	.woocommerce-message a.button.wc-forward,
	.woocommerce a.button.wc-forward,
	button.button,
	button.button.alt,
	a.button,
	a.button.alt,
	.woocommerce button[type="submit"]
):focus-visible {
	color: var(--cs3-cta-color) !important;
	background-color: var(--cs3-cta-bg) !important;
	border-color: var(--cs3-cta-border) !important;
}

/* Affichage du soulignement */
.woocommerce-page :is(
	ul.products li.product a.button,
	.woocommerce-message a.button,
	.woocommerce-message a.button.wc-forward,
	.woocommerce a.button.wc-forward,
	button.button,
	button.button.alt,
	a.button,
	a.button.alt,
	.woocommerce button[type="submit"]
):hover::after,
.woocommerce-page :is(
	ul.products li.product a.button,
	.woocommerce-message a.button,
	.woocommerce-message a.button.wc-forward,
	.woocommerce a.button.wc-forward,
	button.button,
	button.button.alt,
	a.button,
	a.button.alt,
	.woocommerce button[type="submit"]
):focus-visible::after {
	transform: translateX(-50%) scaleX(1);
}

/* Focus clavier */
.woocommerce-page :is(
	ul.products li.product a.button,
	.woocommerce-message a.button,
	.woocommerce-message a.button.wc-forward,
	.woocommerce a.button.wc-forward,
	button.button,
	button.button.alt,
	a.button,
	a.button.alt,
	.woocommerce button[type="submit"]
):focus-visible {
	outline: 2px solid var(--couleur-principale);
	outline-offset: 3px;
}

/* ==========================================================
CTA CHECKOUT
Exceptions sans soulignement animé

Ces boutons sont des CTA larges ou pleine largeur :
- Recherche relais GLS
- Paiement avec carte enregistrée Worldline / CAWL
- Commander

On garde le style CTA, mais on neutralise le ::after.
========================================================== */
body.woocommerce-checkout button.button.button-primary.gls-search-relais-submit,
body.woocommerce-checkout .gls-search-form-container .gls-search-relais-submit,
body.woocommerce-checkout .wlop-saved-card-buttons-wrapper .button,
body.woocommerce-checkout .wlop-saved-card-buttons-wrapper .button.alt,
body.woocommerce-checkout #place_order.button,
body.woocommerce-checkout #place_order.button.alt {
	--cs3-cta-underline-width: 0px !important;
}

body.woocommerce-checkout button.button.button-primary.gls-search-relais-submit::after,
body.woocommerce-checkout .gls-search-form-container .gls-search-relais-submit::after,
body.woocommerce-checkout .wlop-saved-card-buttons-wrapper .button::after,
body.woocommerce-checkout .wlop-saved-card-buttons-wrapper .button.alt::after,
body.woocommerce-checkout #place_order.button::after,
body.woocommerce-checkout #place_order.button.alt::after {
	content: none !important;
	display: none !important;
}

/* Bouton rechercher relais GLS : bouton compact dans la grille de recherche */
body.woocommerce-checkout button.button.button-primary.gls-search-relais-submit,
body.woocommerce-checkout .gls-search-form-container .gls-search-relais-submit {
	min-height: 48px;
	padding: 0 22px !important;
	white-space: nowrap;
}

/* Bouton carte enregistrée et bouton Commander : CTA pleine largeur */
body.woocommerce-checkout .wlop-saved-card-buttons-wrapper {
	margin: 18px 0 0;
}

body.woocommerce-checkout .wlop-saved-card-buttons-wrapper .button,
body.woocommerce-checkout .wlop-saved-card-buttons-wrapper .button.alt,
body.woocommerce-checkout #place_order.button,
body.woocommerce-checkout #place_order.button.alt {
	display: inline-flex !important;
	width: 100%;
	min-height: 48px;
	padding: 12px 18px !important;
	text-decoration: none !important;
}

body.woocommerce-checkout .wlop-saved-card-buttons-wrapper .button:hover,
body.woocommerce-checkout .wlop-saved-card-buttons-wrapper .button:focus-visible,
body.woocommerce-checkout #place_order.button:hover,
body.woocommerce-checkout #place_order.button:focus-visible,
body.woocommerce-checkout .gls-search-form-container .gls-search-relais-submit:hover,
body.woocommerce-checkout .gls-search-form-container .gls-search-relais-submit:focus-visible {
	text-decoration: none !important;
}


/* ==========================================================================
   03 - CTA fiche produit : ajouter au panier
   ========================================================================== */

/* ==========================================================
CTA AJOUTER AU PANIER
Spécifique fiche produit
========================================================== */

body.single-product .single_add_to_cart_button.button.alt,
.woocommerce-page .single_add_to_cart_button.button.alt,
.woocommerce div.product form.cart .single_add_to_cart_button {
	width: 100%;
	min-height: 42px;
	padding: 4px 8px !important;

	--cs3-cta-underline-width: 125px !important;
}
/* Soulignement spécifique du bouton Ajouter au panier */
body.single-product .single_add_to_cart_button.button.alt::after,
.woocommerce-page .single_add_to_cart_button.button.alt::after,
.woocommerce div.product form.cart .single_add_to_cart_button::after {
	bottom: 12px !important;
}
/* ==========================================================
CTA AJOUTER AU PANIER
État désactivé / variation non sélectionnée
========================================================== */

body.single-product .single_add_to_cart_button.button.alt:is(
	.disabled,
	.wc-variation-is-unavailable,
	.wc-variation-selection-needed
),
.woocommerce-page .single_add_to_cart_button.button.alt:is(
	.disabled,
	.wc-variation-is-unavailable,
	.wc-variation-selection-needed
),
.woocommerce div.product form.cart .single_add_to_cart_button:is(
	.disabled,
	.wc-variation-is-unavailable,
	.wc-variation-selection-needed
),
body.single-product .single_add_to_cart_button.button.alt:disabled,
.woocommerce-page .single_add_to_cart_button.button.alt:disabled,
.woocommerce div.product form.cart .single_add_to_cart_button:disabled {
	color: rgba(28, 28, 28, 0.45) !important;
	background-color: var(--couleur-bg) !important;
	border-color: var(--couleur-bg) !important;
	box-shadow: none !important;

	opacity: 1 !important;
	cursor: not-allowed;
	pointer-events: none;
}

/* Pas de soulignement quand le bouton est désactivé */
body.single-product .single_add_to_cart_button.button.alt:is(
	.disabled,
	.wc-variation-is-unavailable,
	.wc-variation-selection-needed
)::after,
.woocommerce-page .single_add_to_cart_button.button.alt:is(
	.disabled,
	.wc-variation-is-unavailable,
	.wc-variation-selection-needed
)::after,
.woocommerce div.product form.cart .single_add_to_cart_button:is(
	.disabled,
	.wc-variation-is-unavailable,
	.wc-variation-selection-needed
)::after,
body.single-product .single_add_to_cart_button.button.alt:disabled::after,
.woocommerce-page .single_add_to_cart_button.button.alt:disabled::after,
.woocommerce div.product form.cart .single_add_to_cart_button:disabled::after {
	display: none !important;
}


/* ==========================================================================
   04 - Panier WooCommerce Blocks
   ========================================================================== */

/* ==========================================================
PANIER WOOCOMMERCE
TYPOGRAPHIES GÉNÉRALES
========================================================== */

.woocommerce-cart .wc-block-cart,
.woocommerce-cart .wc-block-cart button,
.woocommerce-cart .wc-block-cart input,
.woocommerce-cart .wc-block-cart select,
.woocommerce-cart .wc-block-cart textarea {
	font-family: var(--typo-secondaire) !important;
}


/* ==========================================================
TITRES DU PANIER
========================================================== */

.woocommerce-cart .wc-block-cart__totals-title,
.woocommerce-cart .wc-block-cart-items__header,
.woocommerce-cart .wc-block-components-totals-footer-item {
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--regular) !important;
	font-size: var(--size-titre-5) !important;
	line-height: calc(var(--size-titre-5) + 4px) !important;
	min-height: 48px !important;
}


/* ==========================================================
NOM DES PRODUITS
========================================================== */

.woocommerce-cart .wc-block-components-product-name {
	font-family: var(--typo-principale, Arial, sans-serif);
	font-weight: var(--regular, 400);

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

	transition: color 180ms ease;
}

.woocommerce-cart .wc-block-components-product-name:hover,
.woocommerce-cart .wc-block-components-product-name:focus-visible {
	color: var(--couleur-principale);
}


/* ==========================================================
LIENS DU PANIER
Ne cible pas le CTA "Valider la commande"
========================================================== */

.woocommerce-cart
.wc-block-cart
a:not(.wc-block-components-button):not(.button) {
	color: var(--couleur-principale);
	text-decoration: none;

	transition:
		color 180ms ease,
		text-decoration-color 180ms ease;
	font-family: var(--typo-principale) !important;
	font-weight: var(--bold);
	font-size: var(--size-titre-5);
	line-height: calc(var(--size-titre-5) + 4px);
}

.woocommerce-cart
.wc-block-cart
a:not(.wc-block-components-button):not(.button):hover {
	color: var(--couleur-principale);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.woocommerce-cart
.wc-block-cart
a:not(.wc-block-components-button):not(.button):focus-visible {
	color: var(--couleur-principale);

	outline: 2px solid currentColor;
	outline-offset: 3px;
}


/* ==========================================================
PRIX ET INFORMATIONS PRODUIT
========================================================== */

.woocommerce-cart .wc-block-components-product-price,
.woocommerce-cart .wc-block-components-product-metadata,
.woocommerce-cart .wc-block-components-product-details,
.woocommerce-cart .wc-block-components-totals-item,
.woocommerce-cart .wc-block-components-panel__button {
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--light);
	font-size: var(--size-contenu-1);
	line-height: calc(var(--size-contenu-1) + 4px);
}


/* Prix des produits */

.woocommerce-cart .wc-block-components-product-price__value,
.woocommerce-cart .wc-block-components-formatted-money-amount {
	font-family: var(--typo-secondaire, Arial, sans-serif);
	color: var(--couleur-secondaire, #000);
}


/* ==========================================================
LIBELLÉS DE VARIATION
========================================================== */

.woocommerce-cart .wc-block-components-product-details__name {
	font-weight: var(--medium, 500);
}

.woocommerce-cart .wc-block-components-product-details__value {
	font-weight: var(--regular, 400);
}


/* ==========================================================
SUPPRIMER UN PRODUIT
========================================================== */

.woocommerce-cart .wc-block-cart-item__remove-link {
	font-family: var(--typo-secondaire, Arial, sans-serif);
	color: var(--couleur-principale);

	transition: color 180ms ease;
}

.woocommerce-cart .wc-block-cart-item__remove-link svg {
	fill: currentColor;
}

.woocommerce-cart .wc-block-cart-item__remove-link:hover,
.woocommerce-cart .wc-block-cart-item__remove-link:focus-visible {
	color: var(--couleur-secondaire, #000);
}


/* ==========================================================
TOTAL DU PANIER
========================================================== */

.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label,
.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
	font-family: var(--typo-principale, Arial, sans-serif);
}

/* ==========================================================
PANIER WOOCOMMERCE
IMAGE PRODUIT
========================================================== */

.woocommerce-cart .wc-block-cart-item__image {
	width: 156px;
	min-width: 156px;
}

.woocommerce-cart .wc-block-cart-item__image a {
	display: block;

	width: 156px;
	height: 190px;

	overflow: hidden;
	border-radius: 4px;
}

.woocommerce-cart .wc-block-cart-item__image img {
	display: block;

	width: 156px !important;
	max-width: none !important;
	height: 190px !important;

	object-fit: cover;
	object-position: center;

	border-radius: 4px;
}
/* ==========================================================================
   PANIER WOOCOMMERCE BLOCKS - Image produit responsive
   ========================================================================== */

/* Desktop / tablette large */
.woocommerce-cart .wc-block-cart-item__image a {
	display: block;
	width: 156px;
	height: 190px;
	overflow: hidden;
	border-radius: 4px;
}

.woocommerce-cart .wc-block-cart-item__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Mobile */
@media (max-width: 767px) {

	.woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-items__row,
	.woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
	.woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-items__row {
		display: grid !important;
		grid-template-columns: 80px minmax(0, 1fr) !important;
		column-gap: 14px;
		row-gap: 8px;
		width: 100%;
		padding: 16px 0 !important;
	}

	.woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-item__image,
	.woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-item__image,
	.woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-item__image {
		grid-column: 1;
		grid-row: 1 / span 4;
		width: 80px !important;
		max-width: 80px !important;
		min-width: 80px !important;
	}

	.woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-item__image a,
	.woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-item__image a,
	.woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-item__image a {
		width: 80px !important;
		height: 98px !important;
		max-width: 80px !important;
		display: block;
		overflow: hidden;
		border-radius: 4px;
	}

	.woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-item__image img,
	.woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-item__image img,
	.woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-item__image img {
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover;
	}

	.woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-item__product,
	.woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-item__product,
	.woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-item__product,
	.woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-item__prices,
	.woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-item__prices,
	.woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-item__prices,
	.woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-item__quantity,
	.woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-item__quantity,
	.woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-item__quantity,
	.woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-item__total,
	.woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-item__total,
	.woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-item__total {
		grid-column: 2;
		min-width: 0;
	}
}
/* ==========================================================
PANIER WOOCOMMERCE
Bordures sur les lignes et non sur les cellules
========================================================== */

.woocommerce-cart .wc-block-cart-items {
	border-collapse: collapse;
}

.woocommerce-cart
.wc-block-cart__main
.wc-block-cart-items
.wc-block-cart-items__row {
	border-top: 1px solid color-mix(
		in srgb,
		currentColor 20%,
		transparent
	);

	border-bottom: 1px solid color-mix(
		in srgb,
		currentColor 20%,
		transparent
	);
}

/* Suppression des bordures natives sur les cellules */

.woocommerce-cart
.wc-block-cart__main
.wc-block-cart-items
.wc-block-cart-items__row > td {
	border-top: 0 !important;
	border-bottom: 0 !important;
}


/* ==========================================================================
   05 - Mon compte : structure, navigation et formulaires
   ========================================================================== */

/* ==========================================================
MON COMPTE WOOCOMMERCE
TYPOGRAPHIE GÉNÉRALE
========================================================== */

.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce input,
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea,
.woocommerce-account .woocommerce button {
	font-family: var(--typo-secondaire, Arial, sans-serif);
	color: var(--couleur-secondaire, #000);
}


/* ==========================================================
NAVIGATION DU COMPTE
========================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;

	list-style: none;
}

.woocommerce-account
.woocommerce-MyAccount-navigation-link {
	margin: 0;
	padding: 0;
}

/* Liens de navigation */
.woocommerce-account
.woocommerce-MyAccount-navigation-link > a {
	display: block;

	padding: 14px 0;

	font-family: var(--typo-secondaire, Arial, sans-serif);
	font-weight: var(--regular, 400);
	font-size: var(--size-contenu-1, 16px);
	line-height: 1.4;

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

	transition:
		color 180ms ease,
		padding-left 180ms ease;
}

.woocommerce-account
.woocommerce-MyAccount-navigation-link > a:hover,
.woocommerce-account
.woocommerce-MyAccount-navigation-link > a:focus-visible {
	padding-left: 6px;

	color: var(--couleur-principale);
}


/* Lien actif */

.woocommerce-account
.woocommerce-MyAccount-navigation-link.is-active > a {
	font-family: var(--typo-principale, Arial, sans-serif);
	font-weight: var(--regular, 400);

	color: var(--couleur-principale);
}

.woocommerce-account
.woocommerce-MyAccount-navigation-link.is-active > a::before {
	content: "";

	display: inline-block;

	width: 16px;
	height: 1px;
	margin-right: 8px;

	vertical-align: middle;

	background-color: currentColor;
}


/* Déconnexion */

.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout > a {
	color: var(--couleur-principale);
}


/* Focus clavier */

.woocommerce-account
.woocommerce-MyAccount-navigation-link > a:focus-visible {
	outline: 2px solid var(--couleur-principale);
	outline-offset: 3px;
}


/* ==========================================================
CONTENU DU COMPTE
========================================================== */

.woocommerce-account .woocommerce-MyAccount-content {
	font-family: var(--typo-secondaire, Arial, sans-serif);
	font-weight: var(--regular, 400);
	font-size: var(--size-contenu-1, 16px);
	line-height: 1.6;

	color: var(--couleur-secondaire, #000);
}

.woocommerce-account .woocommerce-MyAccount-content p {
	margin-top: 0;
	margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content p:last-child {
	margin-bottom: 0;
}


/* ==========================================================
TITRES
========================================================== */

.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content h4,
.woocommerce-account .woocommerce-Address-title h2 {
	font-family: var(--typo-principale, Arial, sans-serif);
	font-weight: var(--regular, 400);

	color: var(--couleur-secondaire, #000);
}


/* ==========================================================
LIENS DU CONTENU
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
a:not(.button) {
	color: var(--couleur-principale);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;

	transition:
		color 180ms ease,
		text-decoration-color 180ms ease;
}

.woocommerce-account
.woocommerce-MyAccount-content
a:not(.button):hover,
.woocommerce-account
.woocommerce-MyAccount-content
a:not(.button):focus-visible {
	color: var(--couleur-secondaire, #000);
}

.woocommerce-account
.woocommerce-MyAccount-content
a:not(.button):focus-visible {
	outline: 2px solid var(--couleur-principale);
	outline-offset: 3px;
}


/* ==========================================================
TEXTES EN GRAS
========================================================== */

.woocommerce-account .woocommerce-MyAccount-content strong {
	font-weight: var(--medium, 500);
	color: var(--couleur-secondaire, #000);
}


/* ==========================================================
TABLEAUX
Commandes, moyens de paiement, téléchargements
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table,
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-table {
	width: 100%;

	font-family: var(--typo-secondaire, Arial, sans-serif);

	border-collapse: collapse;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table th,
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-table th {
	font-family: var(--typo-principale, Arial, sans-serif);
	font-weight: var(--regular, 400);
}

.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table th,
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table td,
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-table th,
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-table td {
	border-color: color-mix(
		in srgb,
		currentColor 15%,
		transparent
	);
}


/* ==========================================================
FORMULAIRES DU COMPTE
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
label {
	font-family: var(--typo-secondaire, Arial, sans-serif);
	font-weight: var(--medium, 500);

	color: var(--couleur-secondaire, #000);
}

.woocommerce-account
.woocommerce-MyAccount-content
input.input-text,
.woocommerce-account
.woocommerce-MyAccount-content
select,
.woocommerce-account
.woocommerce-MyAccount-content
textarea {
	font-family: var(--typo-secondaire, Arial, sans-serif);

	color: var(--couleur-secondaire, #000);
	background-color: var(--blanc, #fff);

	border-color: color-mix(
		in srgb,
		currentColor 25%,
		transparent
	);
	border-radius: 4px;
}

.woocommerce-account
.woocommerce-MyAccount-content
input.input-text:focus,
.woocommerce-account
.woocommerce-MyAccount-content
select:focus,
.woocommerce-account
.woocommerce-MyAccount-content
textarea:focus {
	border-color: var(--couleur-principale);
	outline: 1px solid var(--couleur-principale);
	outline-offset: 0;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	margin: 6px;
}

/* ==========================================================
MON COMPTE
LIEN MOT DE PASSE PERDU
========================================================== */

.woocommerce-account .woocommerce-LostPassword,
.woocommerce-account .woocommerce-privacy-policy-text {
	margin: 16px 0 0;
}

.woocommerce-account .woocommerce-LostPassword a,
.woocommerce-account .woocommerce-privacy-policy-text a {
	position: relative;

	display: inline-block;

	font-family: var(--typo-secondaire);
	font-weight: var(--regular);
	font-size: var(--size-hyperlien);
	line-height: 1.4;

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

.woocommerce-account .woocommerce-privacy-policy-text a {
	font-size: var(--size-contenu-1);
}

.woocommerce-account .woocommerce-LostPassword a::after,
.woocommerce-account .woocommerce-privacy-policy-text a::after{
	content: "";

	position: absolute;
	right: 0;
	bottom: 1px;
	left: 0;

	height: 1px;

	background-color: currentColor;

	transform: scaleX(0);
	transform-origin: right center;

	transition: transform 180ms ease;
}

.woocommerce-account .woocommerce-LostPassword a:hover::after,
.woocommerce-account .woocommerce-LostPassword a:focus-visible::after,
.woocommerce-account .woocommerce-privacy-policy-text a:hover::after,
.woocommerce-account .woocommerce-privacy-policy-text a:focus-visible::after {
	transform: scaleX(1);
	transform-origin: left center;
}

.woocommerce-account .woocommerce-LostPassword a:hover,
.woocommerce-account .woocommerce-LostPassword a:focus-visible,
.woocommerce-account .woocommerce-privacy-policy-text a:hover, 
.woocommerce-account .woocommerce-privacy-policy-text a:focus-visible {
	color: var(--couleur-secondaire, #000);
}

.woocommerce-account .woocommerce-LostPassword a:focus-visible,
.woocommerce-account .woocommerce-privacy-policy-text a:focus-visible {
	outline: 2px solid var(--couleur-principale);
	outline-offset: 4px;
}


/* ==========================================================================
   06 - Mon compte : messages info, commandes et notes
   ========================================================================== */

/* ==========================================================
MON COMPTE
Lien retour commande
========================================================== */
.woocommerce-page .woocommerce-orders-table__cell-order-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

/* ==========================================================
MON COMPTE WOOCOMMERCE
MESSAGE D’INFORMATION
========================================================== */

.woocommerce-account .woocommerce-info {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;

	width: 100%;
	margin: 0;
	padding: 16px 20px;

	font-family: var(--typo-secondaire, Arial, sans-serif);
	font-weight: var(--regular, 400);
	font-size: var(--size-contenu-1, 16px);
	line-height: 1.5;

	color: var(--couleur-secondaire, #000);
	background-color: var(--couleur-bg, #f5f5f5);

	border: 1px solid color-mix(
		in srgb,
		var(--couleur-secondaire, #000) 20%,
		transparent
	);
	border-radius: 6px;
	box-shadow: none;
}


/* Neutralisation du style WooCommerce natif */

.woocommerce-account .woocommerce-info {
	border-top-width: 1px;
}

.woocommerce-account .woocommerce-info::before {
	content: none;
	display: none;
}


/* ==========================================================
CTA PARCOURIR LES PRODUITS
========================================================== */

.woocommerce-account
.woocommerce-info
.button.wc-forward {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 20px;

	font-family: var(--typo-secondaire, Arial, sans-serif) !important;
	font-weight: var(--medium, 500) !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none !important;

	color: var(--blanc, #fff) !important;
	background-color: var(--couleur-principale) !important;
	border: 1px solid var(--couleur-principale) !important;
	border-radius: 6px !important;
	box-shadow: none !important;

	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease;
}

.woocommerce-account
.woocommerce-info
.button.wc-forward:hover {
	color: var(--couleur-principale) !important;
	background-color: var(--couleur-3, #fff) !important;
	border-color: var(--couleur-principale) !important;
}

.woocommerce-account
.woocommerce-info
.button.wc-forward:focus-visible {
	color: var(--couleur-principale) !important;
	background-color: var(--couleur-3, #fff) !important;

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


/* ==========================================================
MOBILE
========================================================== */

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

	.woocommerce-account .woocommerce-info {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;

		padding: 16px;
	}

	.woocommerce-account
	.woocommerce-info
	.button.wc-forward {
		width: 100%;
	}
}

/* ==========================================================
MON COMPTE
Notes de commande
========================================================== */

.woocommerce-account .woocommerce-OrderUpdates {
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-OrderUpdates .woocommerce-OrderUpdate {
	margin: 0 0 12px;
	padding: 0;
}

.woocommerce-account .woocommerce-OrderUpdate-inner {
	position: relative;

	padding: 16px 18px;

	background: color-mix(
		in srgb,
		var(--couleur-principale) 10%,
		#fff
	);

	border: 1px solid color-mix(
		in srgb,
		var(--couleur-principale) 35%,
		transparent
	);

	border-radius: 4px;
	box-shadow: 0 6px 18px rgba(28, 28, 28, 0.04);
}

/* Petit accent visuel à gauche */
.woocommerce-account .woocommerce-OrderUpdate-inner::before {
	content: "";

	position: absolute;
	top: 16px;
	bottom: 16px;
	left: 0;

	width: 3px;

	background: var(--couleur-principale);
	border-radius: 0 3px 3px 0;
}

/* Date */
.woocommerce-account .woocommerce-OrderUpdate-meta {
	margin: 0 0 10px;

	font-family: var(--typo-secondaire);
	font-size: 12px;
	line-height: 1.4;
	font-weight: var(--medium);

	color: color-mix(
		in srgb,
		var(--couleur-secondaire) 65%,
		transparent
	);
}

/* Texte */
.woocommerce-account .woocommerce-OrderUpdate-description p {
	margin: 0 0 8px;

	font-family: var(--typo-secondaire);
	font-size: var(--size-contenu-1);
	line-height: calc(var(--size-contenu-1) + 4px);
	font-weight: var(--regular);

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

.woocommerce-account .woocommerce-OrderUpdate-description p:last-child {
	margin-bottom: 0;
}

/* Lien tracking */
.woocommerce-account .woocommerce-OrderUpdate-description a {
	color: var(--couleur-secondaire);
	text-decoration: underline;
	text-decoration-color: var(--couleur-principale);
	text-underline-offset: 3px;
	word-break: break-word;
}

.woocommerce-account .woocommerce-OrderUpdate-description a:hover {
	color: var(--couleur-principale);
}


/* ==========================================================================
   07 - Mon compte : wishlist
   ========================================================================== */

/* ==========================================================
MON COMPTE
WISHLIST
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-list {
	width: 100%;
}


/* ==========================================================
NEUTRALISATION DU TABLEAU
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-items,
.woocommerce-account
.woocommerce-MyAccount-content
.woosw-items tbody {
	display: block;

	width: 100%;
	margin: 0;
	padding: 0;

	border: 0;
	border-collapse: collapse;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item {
	position: relative;

	display: grid;
	grid-template-columns:
		120px
		minmax(0, 1fr)
		minmax(160px, 190px)
		32px;
	grid-template-areas:
		"image info actions remove";
	align-items: center;
	gap: 24px;

	width: 100%;
	padding: 24px 0;

	border: 0;
	border-bottom: 1px solid color-mix(
		in srgb,
		var(--couleur-secondaire, #000) 15%,
		transparent
	);
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item:first-child {
	padding-top: 0;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item:last-child {
	border-bottom: 0;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item > td {
	display: block;

	width: auto;
	margin: 0;
	padding: 0 !important;

	border: 0 !important;
	vertical-align: initial;
	background-color: transparent !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woosw-list table.woosw-items tr:hover td {
	background-color: transparent !important;
}

/* ==========================================================
IMAGE
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--image {
	grid-area: image;

	width: 120px;
	aspect-ratio: 400 / 489;

	overflow: hidden;
	background-color: var(--couleur-bg, #f5f5f5);
	border-radius: 4px;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--image a {
	display: block;

	width: 100%;
	height: 100%;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--image img {
	display: block;

	width: 100% !important;
	height: 100% !important;

	object-fit: cover;
	object-position: center;

	border-radius: 4px;
}


/* ==========================================================
INFORMATIONS PRODUIT
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--info {
	grid-area: info;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;

	min-width: 0;
}


/* Nom */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--name {
	margin: 0;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--name a {
	font-family: var(--typo-principale, Arial, sans-serif);
	font-weight: var(--regular, 400);
	font-size: 20px;
	line-height: 1.25;

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

	transition: color 180ms ease;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--name a:hover,
.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--name a:focus-visible {
	color: var(--couleur-principale);
}


/* Prix */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--price {
	font-family: var(--typo-secondaire, Arial, sans-serif);
	font-weight: var(--medium, 500);
	font-size: var(--size-contenu-1, 16px);
	line-height: 1.4;

	color: var(--couleur-secondaire, #000);
}


/* Date d’ajout */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--time {
	font-family: var(--typo-secondaire, Arial, sans-serif);
	font-size: 12px;
	line-height: 1.4;

	color: color-mix(
		in srgb,
		var(--couleur-secondaire, #000) 60%,
		transparent
	);
}


/* ==========================================================
ACTIONS
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--actions {
	grid-area: actions;

	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;

	width: 100%;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--stock:empty {
	display: none;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--stock p {
	margin: 0;

	font-family: var(--typo-secondaire, Arial, sans-serif);
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--stock .in-stock {
	color: var(--couleur-secondaire, #000);
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--atc,
.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--atc .product {
	width: 100%;
	margin: 0;
	padding: 0;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--atc .button {
	display: none !important;
}


/* ==========================================================
SUPPRESSION
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--remove {
	grid-area: remove;

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

	width: 32px !important;
	height: 32px;

	cursor: pointer;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--remove span {
	position: relative;

	display: block;

	width: 16px;
	height: 16px;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--remove span::before,
.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--remove span::after {
	content: "";

	position: absolute;
	top: 50%;
	left: 50%;

	width: 16px;
	height: 1px;

	background-color: var(--couleur-secondaire, #000);

	transition:
		background-color 180ms ease,
		transform 180ms ease;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--remove span::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--remove span::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--remove:hover span::before {
	background-color: var(--couleur-principale);
	transform: translate(-50%, -50%) rotate(135deg);
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-item--remove:hover span::after {
	background-color: var(--couleur-principale);
	transform: translate(-50%, -50%) rotate(45deg);
}


/* ==========================================================
LIEN DE PARTAGE DE LA WISHLIST
========================================================== */

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-actions {
	margin-top: 24px;
	padding-top: 20px;

	border-top: 1px solid color-mix(
		in srgb,
		var(--couleur-secondaire, #000) 15%,
		transparent
	);
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-copy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-copy-label {
	font-family: var(--typo-secondaire, Arial, sans-serif);
	font-weight: var(--medium, 500);
}

.woocommerce-account
.woocommerce-MyAccount-content
.woosw-copy-url {
	flex: 1 1 240px;

	min-width: 0;

	overflow-wrap: anywhere;
}

/* ==========================================================
TABLETTE ET MOBILE
========================================================== */

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

	.woocommerce-account
	.woocommerce-MyAccount-content
	.woosw-item {
		grid-template-columns:
			96px
			minmax(0, 1fr)
			28px;
		grid-template-areas:
			"image info remove"
			"image actions actions";
		align-items: start;
		gap: 12px 16px;

		padding: 20px 0;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	.woosw-item--image {
		width: 96px;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	.woosw-item--name a {
		font-size: 18px;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	.woosw-item--actions {
		align-self: end;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	.woosw-item--stock p {
		text-align: left;
	}
}


/* ==========================================================
TRÈS PETITS ÉCRANS
========================================================== */

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

	.woocommerce-account
	.woocommerce-MyAccount-content
	.woosw-item {
		grid-template-columns:
			80px
			minmax(0, 1fr)
			24px;
		gap: 10px 12px;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	.woosw-item--image {
		width: 80px;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	.woosw-item--name a {
		font-size: 16px;
	}


/* ==========================================================================
   08 - Styles archives commentes / anciens tests
   ========================================================================== */

/*body.tax-collection-produit .fl-page-content .container {
width: min(100% - 32px, 1216px);
max-width: 1216px;
margin-inline: auto;
padding-left: 0;
padding-right: 0;
}

@media all and (max-width: 1400px) {
body.tax-collection-produit .fl-page-content .container {
width: calc(100% - 80px);
}
}

@media all and (max-width: 1000px) {
body.tax-collection-produit .fl-page-content .container {
width: calc(100% - 64px);
}
}

@media all and (max-width: 768px) {
body.tax-collection-produit .fl-page-content .container {
width: calc(100% - 40px);
}
}*/