/* Badges produits (inc/badges.php), v3 du 20/10/2026 : jusqu'à 2 pastilles EMPILÉES tout en haut à gauche de la photo
   (bloc .anaaz-badges), 6 px d'écart, 21 px de haut (téléphone) / 22 px (ordinateur). Couleur portée par chaque badge
   (réglages Produits > Badges). Texte blanc, ne reçoit pas les clics (le lien de la photo reste cliquable).
   Largeur limitée : jamais sous le cœur (place du cœur + 8 px réservée à droite) et 65 % de la photo au plus, pour ne
   pas couvrir le visage ; un nom trop long finit par « … ». v2 : un seul badge, sous le « + » (remplacé par l'ajout
   rapide en bas à droite, inc/ajout-rapide.php). */

.anaaz-badges {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 3; /* au-dessus de la photo, sous la mention Sponsorisé (4), les barres fixes et l'en-tête */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	max-width: min(65%, calc(100% - 16px));
	margin: 0;
	pointer-events: none;
}

.anaaz-badge {
	display: block;
	box-sizing: border-box;
	max-width: 100%;
	height: 21px;
	margin: 0;
	padding: 3px 7px;
	border-radius: 4px;
	background-color: #1c2b36; /* secours si la couleur du badge manque */
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 15px;
	letter-spacing: 0.01em;
	text-transform: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 769px) {
	.anaaz-badge {
		height: 22px;
		font-size: 12px;
		line-height: 16px;
	}
}

/* Cartes du thème (Boutique, catégories, recherche) : cœur 31 px à 20 px du bord (24 px à 10 px sur téléphone). */
.woocommerce ul.products li.product .img-holder > .anaaz-badges {
	max-width: min(65%, calc(100% - 67px)); /* 8 + 31 + 20 + 8 */
}

@media (max-width: 768px) {
	.woocommerce ul.products li.product .img-holder > .anaaz-badges {
		max-width: min(65%, calc(100% - 48px)); /* 8 + 24 + 10 + 6 */
	}
}

/* Page vendeur (WCFM) : cœur 31 px à 10 px du bord. */
body #wcfmmp-store ul.products li.product .anaaz-badges {
	max-width: min(65%, calc(100% - 57px));
}

/* Boucles WooCommerce sans position (produits suggérés) : repère sur la carte. */
.woocommerce ul.products li.product:has(> a > .anaaz-badges) {
	position: relative;
}

/* Mention « Sponsorisé » en haut à gauche (accueil, bloc collection), inchangée : badges juste dessous. */
.anaaz-mention + .anaaz-badges {
	top: 34px;
}

/* Petites cartes de l'accueil sur téléphone (photo de 105 px) avec la mention en haut : un seul badge, sinon il
   toucherait le bouton d'ajout rapide en bas à droite. */
@media (max-width: 767px) {
	.anaaz-favorite-image .anaaz-mention + .anaaz-badges .anaaz-badge:nth-child(n+2) {
		display: none;
	}
}

/* Fiche : photo principale (1re diapositive) ; loupe de la galerie en haut à droite : place réservée. */
.woocommerce-product-gallery__image:has(> .anaaz-badges) {
	position: relative;
}

.anaaz-badges--fiche {
	top: 12px;
	left: 12px;
	max-width: min(65%, calc(100% - 72px));
}