/**
 * Étiquette « Économisez X € » sur la fiche produit.
 *
 * Même repère visuel que sur les cartes de la page des réductions (référence :
 * assets/css/promo-espagne.css), à une échelle adaptée à la fiche.
 *
 * Charte : beige #f0ede8, taupe #846f57, textes en neue-haas-unica.
 */

.glow-promo-saving--single {
	display: inline-flex;
	align-items: center;
	padding: 4px 9px;
	border-radius: 3px;
	background-color: #f0ede8;
	color: #846f57;
	font-family: neue-haas-unica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1.4;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Prix unique (produit simple) : l'étiquette est dans `p.price`, donc au-dessus
   du filet de séparation que ce bloc porte en bordure basse. Elle prend sa
   propre ligne, calée au bord gauche du prix. */
.woocommerce div.product p.price .glow-promo-saving--single {
	display: flex;
	width: fit-content;
	margin-top: 8px;
}

/* Prix d'une variation : l'étiquette suit le prix sur la même ligne, et passe
   dessous si la colonne est trop étroite. */
.woocommerce div.product .woocommerce-variation-price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 10px;
	row-gap: 6px;
}

@media (max-width: 480px) {

	.glow-promo-saving--single {
		padding: 3px 8px;
		font-size: 10px;
	}
}