/**
 * Indice de Durabilité - Styles Frontend
 */

/* Police Marianne (gouvernement français) */
@font-face {
	font-family: 'Marianne';
	src: url('../fonts/Marianne-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Container principal */
.durabilite-display {
	margin: 10px 0;
	line-height: 1;
}

/* Lien cliquable */
.durabilite-display a,
.durabilite-link {
	display: inline-block;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.durabilite-display a:hover,
.durabilite-link:hover {
	opacity: 0.85;
}

/* Wrapper picto (pour positionnement overlay) */
.durabilite-picto-wrapper {
	position: relative;
	display: inline-block;
}

/* Pictogramme */
.durabilite-picto {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Overlay note */
.durabilite-note-overlay {
	position: absolute;
	font-family: 'Marianne', Arial, sans-serif;
	font-weight: 700;
	color: #000;
	text-align: center;
	pointer-events: none;

	/* Positionnement dans la zone blanche (droite du picto) */
	top: 40%;
	left: 72%;
	transform: translate(-50%, -50%);

	/* Taille relative au picto */
	font-size: 0.28em;
	line-height: 1;
}

/* Ajustement taille police selon taille picto */
.durabilite-picto-wrapper[style*="width: 60px"] .durabilite-note-overlay { font-size: 16px; }
.durabilite-picto-wrapper[style*="width: 70px"] .durabilite-note-overlay { font-size: 18px; }
.durabilite-picto-wrapper[style*="width: 80px"] .durabilite-note-overlay { font-size: 21px; }
.durabilite-picto-wrapper[style*="width: 90px"] .durabilite-note-overlay { font-size: 24px; }
.durabilite-picto-wrapper[style*="width: 100px"] .durabilite-note-overlay { font-size: 26px; }
.durabilite-picto-wrapper[style*="width: 110px"] .durabilite-note-overlay { font-size: 29px; }
.durabilite-picto-wrapper[style*="width: 120px"] .durabilite-note-overlay { font-size: 32px; }
.durabilite-picto-wrapper[style*="width: 130px"] .durabilite-note-overlay { font-size: 35px; }
.durabilite-picto-wrapper[style*="width: 140px"] .durabilite-note-overlay { font-size: 37px; }
.durabilite-picto-wrapper[style*="width: 150px"] .durabilite-note-overlay { font-size: 40px; }
.durabilite-picto-wrapper[style*="width: 160px"] .durabilite-note-overlay { font-size: 43px; }
.durabilite-picto-wrapper[style*="width: 180px"] .durabilite-note-overlay { font-size: 48px; }
.durabilite-picto-wrapper[style*="width: 200px"] .durabilite-note-overlay { font-size: 53px; }

/* Affichage dans le panier */
.durabilite-cart-item {
	display: block;
	font-size: 0.9em;
	color: #666;
	margin-top: 3px;
}

/* Produit variable - conteneur caché par défaut */
.durabilite-variable {
	display: none;
}

/* Responsive */
@media (max-width: 768px) {
	.durabilite-display {
		text-align: center;
	}
}