/* Panier : notification flottante « Article retiré. » (inc/panier-confort.php), 20/10/2026.
   Le message d'origine de WooCommerce (marqué « anaaz-marque-retrait ») est caché en haut de page dès l'affichage ;
   sans JavaScript, le <noscript> de panier-confort le remet. */
body.anaaz-panier-confort .woocommerce-notices-wrapper > *:has(.anaaz-marque-retrait) {
	display: none !important;
}

.anaaz-retrait {
	position: fixed;
	left: 24px;
	bottom: calc(var(--anaaz-retrait-bas, 0px) + 24px);
	z-index: 995; /* au-dessus de la barre de paiement (990), sous l'en-tête et la bannière cookies */
	display: flex;
	align-items: center;
	gap: 8px 12px;
	box-sizing: border-box;
	max-width: min(440px, calc(100vw - 32px));
	padding: 8px 8px 8px 16px;
	border-radius: 8px;
	background: #1c2b36;
	color: #fff; /* contraste ≈ 14:1 */
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
	font-size: 14px;
	line-height: 1.35;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.anaaz-retrait[hidden] {
	display: none !important;
}

.anaaz-retrait--visible {
	opacity: 1;
	transform: none;
}

.anaaz-retrait__texte {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
}

.anaaz-retrait__texte strong {
	display: block;
	font-weight: 700;
}

.anaaz-retrait__nom {
	display: block;
	overflow: hidden;
	color: #d7dee3;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.anaaz-retrait__annuler {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 44px;
	min-height: 44px;
	padding: 0 10px;
	border-radius: 4px;
	color: #fff !important;
	font-weight: 700;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.anaaz-retrait__fermer {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.anaaz-retrait__annuler:hover,
.anaaz-retrait__fermer:hover {
	background: rgba(255, 255, 255, 0.12);
}

.anaaz-retrait__annuler:focus-visible,
.anaaz-retrait__fermer:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -2px;
}

/* Téléphone : en bas de l'écran, sur toute la largeur utile, au-dessus de la barre de paiement */
@media (max-width: 767px) {
	.anaaz-retrait {
		left: 16px;
		right: 16px;
		bottom: calc(var(--anaaz-retrait-bas, 0px) + 12px + env(safe-area-inset-bottom, 0px));
		max-width: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.anaaz-retrait {
		transition: none;
		transform: none;
	}
}