/*
 * Classe utility .tqg-ai-badge, sul modello di .tqg-brand-* (vedi
 * brand-color.css): va messa sul contenitore (es. una div), non su un
 * elemento a parte. Fa due cose:
 *  - mette position:relative sul contenitore stesso, così l'angolo del
 *    badge è riferito a lui e non alla pagina;
 *  - disegna il badge con ::after, in basso a sinistra, senza bisogno di
 *    nessun markup interno.
 * Caricato sempre in frontend (vedi class-ai-badge.php), non solo dove
 * l'elemento compare, così la classe è disponibile anche su un elemento
 * Breakdance aggiunto a mano su qualunque pagina — non solo sul contenitore
 * immagini stampato dal campo "Badge AI" della sezione accordion del
 * device (Zone_Accordion_Shortcode).
 *
 * Due varianti, non un solo badge: quale mostrare lo dice l'attributo
 * data-tqg-ai-badge ("generated" o "modified"), sullo stesso modello di
 * data-tqg-brand già usato per il colore brand (vedi template-functions.php
 * e class-brand-color.php) — stessa classe, attributo diverso.
 *
 * È testo (content del ::after), non le etichette immagine ufficiali: le
 * due PNG restano in assets/images per l'uso a cui erano destinate, ma
 * questo badge non le referenzia più.
 *
 * Decorativo (::after non ha testo accessibile per gli screen reader): va
 * bene per un badge puramente visivo come questo; se in futuro serve un
 * testo alternativo, va aggiunto come aria-label sul contenitore stesso,
 * valutando caso per caso se il resto del suo contenuto lo permette.
 */
.tqg-ai-badge {
	position: relative;
}

.tqg-ai-badge::after {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 2;
	font-size: 10px;
	/* Testo scuro e non bianco: gli sfondi su cui deve leggersi il badge
	   sono pastello chiari (#e1d8f2, #b2daf2, #b2e1de — luminanza ~0,66-0,72),
	   dove il bianco cade a un contrasto ~1,4:1, quasi invisibile. #1D1D1B
	   (già usato altrove nel plugin come colore delle icone/badge) dà invece
	   ~11-12:1 su tutti e tre. L'ombra è chiara e non scura per lo stesso
	   motivo — su testo scuro un'ombra scura non aggiunge nulla — e resta
	   utile solo se il badge finisce sopra una foto invece che su un colore
	   pieno. */
	color: #1D1D1B;
	text-shadow: 0 1px 2px rgba( 255, 255, 255, 0.7 );
	pointer-events: none;
}

.tqg-ai-badge[data-tqg-ai-badge="generated"]::after {
	content: "Generata con IA";
}

.tqg-ai-badge[data-tqg-ai-badge="modified"]::after {
	content: "Modificata con IA";
}