/**
 * Bouton menu circulaire (.pxl-anchor-button).
 *
 * Les deux traits font 1 px de haut avec un translateX(0) : selon le DPR et
 * la position du header (fixe / sticky), un trait tombe entre deux pixels
 * et disparaît. On les fige à 2 px, sans translation à l’état ouvert.
 */

.pxl-anchor-button .pxl-anchor-divider {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	gap: 6px;
	width: 18px;
	min-height: 14px;
	overflow: visible;
}

.pxl-anchor-button .pxl-anchor-divider .pxl-icon-line {
	display: block !important;
	width: 18px !important;
	height: 2px !important;
	min-height: 2px !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
	background-color: #ffffff !important;
	border: 0 !important;
	flex: 0 0 2px !important;
	transform: none !important;
	box-shadow: none;
}

.pxl-anchor-button-inner {
	overflow: visible;
}

/* État fermé (croix) : on réautorise la rotation. */
.pxl-anchor-button.is-close .pxl-anchor-divider {
	position: relative;
	height: 18px;
	width: 18px;
	gap: 0;
}

.pxl-anchor-button.is-close .pxl-anchor-divider .pxl-icon-line {
	position: absolute;
	top: 50%;
	left: 0;
	margin: 0 !important;
	flex: none !important;
}

.pxl-anchor-button.is-close .pxl-anchor-divider .pxl-icon-line.pxl-icon-line1 {
	transform: translateY(-50%) rotate(45deg) !important;
}

.pxl-anchor-button.is-close .pxl-anchor-divider .pxl-icon-line.pxl-icon-line2 {
	transform: translateY(-50%) rotate(-45deg) !important;
}

/**
 * Bouton « Offrir » (btn-outline-2).
 *
 * Le cadre gris (::after, z-index: -1) disparaît dès que le header crée un
 * stacking context (position sticky, z-index 1001) : le header principal
 * devient alors un rectangle blanc plat, alors que le sticky (widget en
 * z-index 5) garde le double cadre. On fige le parent du bouton au-dessus
 * du fond navy pour que les deux en-têtes aient le même rendu.
 */
.pxl-header-elementor-main .pxl-button,
.pxl-header-elementor-sticky .pxl-button {
	position: relative;
	z-index: 5;
	overflow: visible;
}

.pxl-header-elementor-main .pxl-button .btn,
.pxl-header-elementor-sticky .pxl-button .btn {
	overflow: visible !important;
}