/* ==========================================================
FICHE PRODUIT
Informations principales
========================================================== */
/*Lien retour Beaver Builder*/
.cs3-product-back .fl-icon-wrap {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* Liens de l’icône et du texte */
.cs3-product-back .fl-icon a,
.cs3-product-back .fl-icon-text-link {
	color: var(--couleur-secondaire) !important;

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

/* Icône */
.cs3-product-back .fl-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.cs3-product-back .fl-icon i:before {
	display: block;
	font-size: var(--size-intertitre);
	line-height: calc(var(--size-intertitre) + 4px);
	line-height: 1;

	color: currentColor;
}

/* Texte */
.cs3-product-back .fl-icon-text {
	height: auto !important;
	padding: 0!important;
}
.cs3-product-back .fl-icon-text,
.cs3-product-back .fl-icon-text p,
.cs3-product-back .fl-icon-text-link {
	margin: 0;

	font-family: var(--typo-secondaire) !important;
	font-weight: var(--light);
	font-size: 10px;
	line-height: calc(10px + 4px);
	text-transform: uppercase;
}

.cs3-product-back .fl-icon-text-link {
	position: relative;
	display: inline;

	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
	text-decoration-color: var(--couleur-secondaire);
}

/* Hover commun sur l’icône et le texte */

.cs3-product-back .fl-icon-wrap:hover .fl-icon a,
.cs3-product-back .fl-icon-wrap:hover .fl-icon-text-link,
.cs3-product-back .fl-icon-text-link:focus-visible {
	color: var(--couleur-principale) !important;
}

.cs3-product-back .fl-icon-wrap:hover .fl-icon-text-link,
.cs3-product-back .fl-icon-text-link:focus-visible {
	text-decoration-color: var(--couleur-principale);
	text-underline-offset: 0.3em;
}

/* Focus clavier */

.cs3-product-back .fl-icon-text-link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

/* ==========================================================
CATÉGORIE
========================================================== */

.cs3-single-product-detail__category {
}

.cs3-single-product-detail__category .fl-rich-text,
.cs3-single-product-detail__category .fl-rich-text p {
	margin: 0;
}


/* ==========================================================
TITRE
========================================================== */

.cs3-single-product-detail__title > * {
	margin-bottom: 6px;

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

.cs3-single-product-detail__title .fl-rich-text,
.cs3-single-product-detail__title .fl-rich-text p {
	margin: 0;
}


/* ==========================================================
PRIX
========================================================== */

.cs3-single-product-detail__price {
	text-align: right;
}

.cs3-single-product-detail__price .price {
	margin: 0;
}

.cs3-single-product-detail .cs3-product-card__price-main {
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--light);
	font-size: var(--size-titre-3);
	line-height: calc(var(--size-titre-3) + 4px);
}

.cs3-single-product-detail .cs3-product-card__price-sup {
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--light);
	font-size: var(--size-titre-4);
	line-height: calc(var(--size-titre-4) + 4px);
}


/* ==========================================================
DESCRIPTION
========================================================== */

.cs3-single-product-detail__description,
.cs3-single-product-detail__description > * {
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--light);
	font-size: var(--size-contenu-1);
	line-height: calc(var(--size-contenu-1) + 4px);
}

.cs3-single-product-detail__description .fl-rich-text,
.cs3-single-product-detail__description .fl-rich-text p {
	margin: 0;
}

.cs3-single-product-detail__indisponible{
	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;
	padding: 8px;
}



/* ==========================================================
FAMILLES DE COULEURS
========================================================== */

.cs3-single-product-colors {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	margin: 0 4px;
}

.cs3-single-product-color {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.cs3-single-product-color__swatch-wrapper {
	position: relative;

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

	width: 20px;
	height: 20px;

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

	cursor: help;
}

.cs3-single-product-color__swatch {
	display: block;

	width: 14px;
	height: 14px;

	border-radius: 50%;
}

.cs3-single-product-color__name {
	font-family: var(--typo-secondaire);
	font-weight: var(--regular);
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-transform: uppercase;

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


/* ==========================================================
INFOBULLE DU NOM DE LA COULEUR
========================================================== */

.cs3-single-product-color__swatch-wrapper::after {
	content: attr(data-color-name);

	position: absolute;
	bottom: calc(100% + 10px);
	left: 50%;
	z-index: 10;

	width: max-content;
	max-width: 160px;
	padding: 6px 9px;

	font-family: var(--typo-secondaire);
	font-weight: var(--regular);
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0.03em;
	white-space: nowrap;

	color: var(--blanc, #fff);
	background-color: var(--couleur-secondaire, #000);
	border-radius: 3px;

	opacity: 0;
	visibility: hidden;

	transform: translate(-50%, 4px);
	transition:
		opacity 180ms ease,
		visibility 180ms ease,
		transform 180ms ease;

	pointer-events: none;
}

.cs3-single-product-color__swatch-wrapper::before {
	content: "";

	position: absolute;
	bottom: calc(100% + 5px);
	left: 50%;
	z-index: 11;

	border-width: 5px 5px 0;
	border-style: solid;
	border-color:
		var(--couleur-secondaire, #000)
		transparent
		transparent;

	opacity: 0;
	visibility: hidden;

	transform: translateX(-50%);
	transition:
		opacity 180ms ease,
		visibility 180ms ease;

	pointer-events: none;
}

.cs3-single-product-color__swatch-wrapper:hover::after,
.cs3-single-product-color__swatch-wrapper:focus-visible::after,
.cs3-single-product-color__swatch-wrapper:hover::before,
.cs3-single-product-color__swatch-wrapper:focus-visible::before {
	opacity: 1;
	visibility: visible;
}

.cs3-single-product-color__swatch-wrapper:hover::after,
.cs3-single-product-color__swatch-wrapper:focus-visible::after {
	transform: translate(-50%, 0);
}

.cs3-single-product-color__swatch-wrapper:focus-visible {
	outline: 2px solid var(--couleur-secondaire);
	outline-offset: 3px;
}
/* ==========================================================
COULEURS WPC LINKED VARIATION
========================================================== */

.cs3-single-product-detail__couleurs
.wpclv-attributes
.wpclv-terms {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;

	margin: 0 4px;
}


/* Pastille extérieure */

.cs3-single-product-detail__couleurs
.wpclv-attributes
.wpclv-terms
.wpclv-term {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;

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

	margin: 0 !important;
	padding: 2px !important;

	background: transparent !important;
	border: 1px solid rgba(0, 0, 0, 0.8) !important;
	border-radius: 50% !important;

	box-sizing: border-box;
	overflow: visible !important;
}


/* Pastille active */

.cs3-single-product-detail__couleurs
.wpclv-attributes
.wpclv-terms
.wpclv-term.active {
	border: 1px solid #000 !important;
}


/* Cercle intérieur */

.cs3-single-product-detail__couleurs
.wpclv-attributes
.wpclv-terms
.wpclv-term
> a,

.cs3-single-product-detail__couleurs
.wpclv-attributes
.wpclv-terms
.wpclv-term
> span {
	display: block !important;

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

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 50% !important;

	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px;

	box-sizing: border-box;
	overflow: hidden;
}

/* Focus clavier */
.cs3-single-product-detail__couleurs .wpclv-attribute-label {
	display: none !important;
}
.cs3-single-product-detail__couleurs
.wpclv-attributes
.wpclv-terms
.wpclv-term
> a:focus-visible {
	outline: 2px solid var(--couleur-secondaire, #000);
	outline-offset: 5px;
}

/* Non active */

.cs3-single-product-detail__couleurs
.wpclv-attributes
.wpclv-terms
.wpclv-term:not(.active) {
	border-color: rgba(0, 0, 0, 0.1) !important;
}

.cs3-product-linked-colors
.wpclv-term.active {
	order: -1;
}

/* Active */

.cs3-single-product-detail__couleurs
.wpclv-attributes
.wpclv-terms
.wpclv-term.active {
	border-color: #000 !important;
}

.cs3-product-linked-colors
.wpclv-term.active
> span {
	background-color: var(
		--cs3-current-color,
		transparent
	);
}
/* ==========================================================
MODULE ACTIONS
Structure générale
========================================================== */

.cs3-module-actions .variations_form {
	width: 100%;
}

.cs3-module-actions table.variations,
.cs3-module-actions .reset_variations_alert {
	display: none !important;
}

.cs3-module-actions .woovr-variations,
.cs3-module-actions .woovr-variation,
.cs3-module-actions .woovr-variation-selector,
.cs3-module-actions .dd-container,
.cs3-module-actions .single_variation_wrap,
.cs3-module-actions .woocommerce-variation-add-to-cart {
	width: 100% !important;
	min-width: 0;
	margin: 0;
}

.cs3-module-actions .woocommerce-variation-add-to-cart .quantity {
	display: none !important;
}

.cs3-module-actions .woocommerce div.product form.cart, .woocommerce-page div.product form.cart {
	margin: 0 !important;
}
/* ==========================================================
MODULE ACTIONS
Mise en page desktop
Select + bouton sur une ligne, largeur identique
========================================================== */

@media all and (min-width: 1001px) {

	.cs3-module-actions .variations_form {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: center;
		gap: 8px;
	}

	.cs3-module-actions .woovr-variations {
		grid-column: 1;
		padding: 0 !important;
	}

	.cs3-module-actions .woovr-variations .woovr-variation > div {
		padding: 0 !important;
	}

	.cs3-module-actions .single_variation_wrap {
		grid-column: 2;
	}
}


/* ==========================================================
MODULE ACTIONS
Typographie commune
========================================================== */

.cs3-module-actions .dd-selected-text,
.cs3-module-actions .dd-option-text,
.cs3-module-actions .dd-option-description,
.cs3-module-actions .woovr-variation-availability p,
.cs3-module-actions .single_add_to_cart_button {
	font-family: var(--typo-secondaire);
	font-weight: var(--medium);
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.05em;
}


/* ==========================================================
SELECT TAILLE
Select fermé
========================================================== */

.cs3-module-actions .woovr-variation:hover {
	background-color: var(--blanc);
}

.cs3-module-actions .dd-select {
	position: relative;

	width: 100% !important;
	min-height: 40px;

	background: var(--blanc) !important;
	border: 1px solid var(--couleur-principale) !important;
	border-radius: 6px;

	cursor: pointer;
}

.cs3-module-actions .dd-selected {
	display: flex;
	align-items: center;

	width: 100%;
	min-height: 40px;
	padding: 0 8px;
}

.cs3-module-actions .dd-selected-text {
	display: flex;
	align-items: center;
	justify-content: space-between;

	width: 100%;
	margin: 0;

	font-weight: var(--regular);
	text-transform: uppercase;
	text-align: left;

	color: var(--couleur-secondaire);

	min-height: 40px;
}

.cs3-module-actions .dd-selected-text::after {
	content: "\e900";

	display: block;

	font-family: var(--typo-icon) !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs3-module-actions .dd-pointer,
.cs3-module-actions .dd-selected-description {
	display: none !important;
}


/* ==========================================================
SELECT TAILLE
Liste ouverte
========================================================== */

.cs3-module-actions .dd-options {
	z-index: 999;

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

	list-style: none;

	background: var(--blanc);
	border: 1px solid var(--couleur-principale);
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: none;

	overflow: visible;
}

.cs3-module-actions .dd-options li {
	margin: 0;
	padding: 0;
}

.cs3-module-actions .dd-options li:first-child {
	display: none;
}

.cs3-module-actions .dd-option {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	width: 100%;
	min-height: 32px;
	padding: 0;

	background: transparent;
	border-bottom: 1px solid rgba(28, 28, 28, 0.14);

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

	cursor: pointer;
}

.cs3-module-actions .dd-options li:last-child .dd-option {
	border-bottom: 0;
}

.cs3-module-actions .dd-option-text {
	margin: 0;

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

.cs3-module-actions .dd-option-description {
	margin: 0;

	text-align: right;
	color: var(--couleur-secondaire);
}

.cs3-module-actions .dd-option-description p,
.cs3-module-actions .woovr-variation-availability p {
	margin: 0;
	padding: 0;

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

.cs3-module-actions .dd-option-selected {
	background: transparent;
}

.cs3-module-actions .dd-option-selected .dd-option-text {
	font-weight: var(--semi-bold);
}

.cs3-module-actions .dd-option:hover {
	background: transparent;
}

.cs3-module-actions .dd-option:hover .dd-option-text,
.cs3-module-actions .dd-option:hover .dd-option-description,
.cs3-module-actions .dd-option:hover .woovr-variation-availability p {
	color: var(--couleur-principale);
}

.cs3-module-actions .dd-option-value {
	display: none;
}
/* ==========================================================
ACCORDÉON PRODUIT
========================================================== */

.cs3-product-accordeon {
	font-family: var(--typo-secondaire);
}

.cs3-product-accordeon .uabb-adv-accordion {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cs3-product-accordeon .uabb-adv-accordion-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.cs3-product-accordeon .uabb-adv-accordion-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;

	padding: 14px 0;

	background: transparent;
	border: 0;

	cursor: pointer;
}

.cs3-product-accordeon .uabb-adv-accordion-button-label {
	font-family: var(--typo-secondaire);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-align: left;
	text-transform: uppercase;

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

.cs3-product-accordeon .uabb-adv-accordion-icon-wrap {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
}

.cs3-product-accordeon .uabb-adv-accordion-button-icon {
	font-size: 14px;
	color: var(--couleur-secondaire);
}

.cs3-product-accordeon .uabb-adv-accordion-content > * {
	font-family: var(--typo-secondaire) !important;
	font-weight: var(--light) !important;
	font-size: var(--size-contenu-1) !important;
	line-height: calc(var(--size-contenu-1) + 4px) !important;
}


/* ==========================================================
LISTES D’INFORMATIONS PRODUIT
Composition, guide des tailles, entretien, etc.
========================================================== */

.cs3-product-accordeon .cs3-product-data-list {
	display: flex;
	flex-direction: column;
	gap: 4px;

	margin: 0;
	padding-left: 16px;
}

.cs3-product-accordeon .cs3-product-data-list__item {
	margin: 0;
	padding: 0;

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

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

.cs3-product-accordeon .cs3-product-data-list__label {
	/*font-weight: var(--medium, 500);*/
}

.cs3-product-accordeon .cs3-product-data-list__value {
	font-weight: var(--light);
}


/* Nettoyage du HTML généré par Toolset et Beaver */

.cs3-product-accordeon .uabb-adv-accordion-content p:empty,
.cs3-product-accordeon .cs3-product-data-list > p,
.cs3-product-accordeon .cs3-product-data-list__item > p:empty {
	display: none;
}

.cs3-product-accordeon .cs3-product-data-list br {
	display: none;
}

/* ==========================================================
TABLEAU DU GUIDE DES TAILLES
========================================================== */

.cs3-product-accordeon .cs3-size-guide {
	width: 100%;
	padding: 16px;
	overflow-x: auto;
}

.cs3-product-accordeon .cs3-size-guide__table {
	width: 100%;
	margin: 0;

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

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

	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.cs3-product-accordeon .cs3-size-guide__table th,
.cs3-product-accordeon .cs3-size-guide__table td {
	width: 50%;
	padding: 12px 0;

	text-align: left;
	vertical-align: middle;

	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.cs3-product-accordeon .cs3-size-guide__table th {
	font-weight: var(--light) !important;
	font-size: 14px !important;
}

.cs3-product-accordeon .cs3-size-guide__table td {
	font-weight: var(--light) !important;
	font-size: 14px !important;
}

.cs3-product-accordeon
.cs3-size-guide__table
tbody
tr:last-child
td {
	border-bottom: 0;
}
/* ==========================================================
INFORMATION CUIR LWG
========================================================== */

.cs3-product-accordeon .cs3-product-lwg {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;

	margin: 0;
}

.cs3-product-accordeon .cs3-product-lwg__text {
	margin: 0;

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

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

.cs3-product-accordeon .cs3-product-lwg__logo {
	display: block;

	width: 43px;
	height: auto;
	margin: 0;
}

/* ==========================================================
LIEN MODALE UABB - TRAÇABILITÉ
========================================================== */

.cs3-product-accordeon 
.uabb-modal-action-wrap {
	display: flex;
	justify-content: flex-start;
}

.cs3-product-accordeon 
.uabb-modal-action.uabb-trigger,
.cs3-product-accordeon a {
	position: relative;

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

	width: auto;
	margin: 0;
	padding: 0;

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

	color: var(--couleur-principale) !important;
	background: transparent !important;
	border: 0 !important;

	cursor: pointer;
	text-decoration: none;
}


/* Soulignement animé */

.cs3-product-accordeon 
.uabb-modal-action.uabb-trigger::after,
.cs3-product-accordeon 
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;
}

.cs3-product-accordeon 
.uabb-modal-action.uabb-trigger:hover::after,
.cs3-product-accordeon 
.uabb-modal-action.uabb-trigger:focus-visible::after,
.cs3-product-accordeon 
a:hover::after,
.cs3-product-accordeon 
a:focus-visible::after {
	transform: scaleX(1);
	transform-origin: left center;
}


/* Focus clavier */

.cs3-product-accordeon 
.uabb-modal-action.uabb-trigger:focus-visible {
	outline: 2px solid var(--couleur-principale);
	outline-offset: 4px;
}

/* ==========================================================
STICKY BEAVER BUILDER
Actif à partir de 768px
========================================================== */

@media all and (min-width: 769px) {

	.cs3-single-product > .fl-row-content-wrap,
	.cs3-single-product > .fl-row-content-wrap > .fl-row-content,
	.cs3-single-product
	> .fl-row-content-wrap
	> .fl-row-content
	> .fl-col-group,
	.cs3-single-product-detail {
		overflow: visible !important;
	}

	.cs3-single-product
	> .fl-row-content-wrap
	> .fl-row-content
	> .fl-col-group {
		display: flex;
		align-items: stretch;
	}

	.cs3-single-product
	> .fl-row-content-wrap
	> .fl-row-content
	> .fl-col-group
	> .fl-col {
		float: none;
	}

	.cs3-single-product-detail > .fl-col-content {
		position: sticky;
		top: calc(var(--hauteur-header, 80px) + 24px);
		height: fit-content;
	}
}


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

@media all and (max-width: 768px) {
	.woovr-variations, 
	.woovr-variations .woovr-variation > div {
		padding: 0 !important;
	}

	.cs3-module-actions .dd-selected-text {
		min-height: 40px;
	}

	.cs3-module-actions .variations_form {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.cs3-module-actions .woovr-variations,
	.cs3-module-actions .single_variation_wrap {
		grid-column: 1;
	}

	.cs3-single-product-detail > .fl-col-content {
		position: static;
		top: auto;
		height: auto;
	}
}

/* EN MOBILE LES BOUTONS D'ACTIONS TAILLE + CTA AJOUTER AU PANIER PASSE EN STICKY AU SCROLL */
@media screen and (max-width: 768px) {

	body.has-mobile-actions-fixed {
		padding-bottom: 140px;
	}

	.cs3-module-actions.is-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999;

		width: 100%;
		margin: 0;
		padding: 8px;
		padding-bottom: calc(
			8px + env(safe-area-inset-bottom, 0px)
		);

		box-sizing: border-box;
		background-color: #fff;
		border-top: 1px solid rgba(28, 28, 28, 0.1);
	}
}
/* ==========================================================================
   SINGLE PRODUIT - Select tailles vers le haut en mode fixed
   ========================================================================== */

.cs3-module-actions.is-fixed,
.cs3-module-actions.is-fixed .fl-module-content,
.cs3-module-actions.is-fixed .fl-node-content,
.cs3-module-actions.is-fixed form.cart,
.cs3-module-actions.is-fixed .woovr-variations,
.cs3-module-actions.is-fixed .woovr-variation,
.cs3-module-actions.is-fixed .woovr-variation-selector,
.cs3-module-actions.is-fixed .dd-container {
	overflow: visible !important;
}

.cs3-module-actions.is-fixed .dd-container {
	position: relative !important;
	z-index: 99999;
}

.cs3-module-actions.is-fixed .dd-select {
	position: relative;
	z-index: 2;
}

.cs3-module-actions.is-fixed .dd-options {
	top: auto !important;
	bottom: calc(100% + 8px) !important;
	left: 0 !important;
	right: auto !important;

	width: 100% !important;
	max-height: min(260px, calc(100vh - 190px));
	overflow-y: auto;

	z-index: 999999 !important;

	background: #fff;
	border: 1px solid rgba(28, 28, 28, 0.12);
	border-radius: 4px;
}

/* Petite inversion de la flèche quand le module est fixed */
.cs3-module-actions.is-fixed .dd-pointer-down {
	border-top: 0 !important;
	border-bottom: 5px solid var(--couleur-secondaire, #1C1C1C) !important;
}