/**
 * Dahu Theme Annad 2026 — bloc « Tableau de caractéristiques » (blocks/caracteristiques, 4.48.0).
 * Feuille du bloc (block.json « style ») : façade et éditeur.
 *
 * Libellé en gras suivi de « : », valeur en clair, filet sous chaque ligne. Deux colonnes à partir de
 * 48em, remplies colonne par colonne : --annad-carac-lignes (nombre de lignes par colonne) est posé
 * par render.php.
 */

.annad-carac {
	--annad-carac-line: color-mix(in srgb, var(--color-on-surface) 45%, transparent);
	max-width: 75rem;
	margin-inline: auto;
}

.annad-carac__titre {
	margin-bottom: 1.75rem;
	font-family: var(--font-heading);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
}

.annad-carac__liste {
	display: grid;
	margin: 0;
	column-gap: clamp(2rem, 6vw, 5.25rem);
}

@media (min-width: 48em) {
	.annad-carac__liste {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		grid-template-rows: repeat(var(--annad-carac-lignes, 5), auto);
		grid-auto-flow: column;
	}
}

.annad-carac__ligne {
	display: grid;
	/* Étroit : le libellé prend au plus 45 % ; large : colonne de libellés de la maquette (≈ 15rem). */
	grid-template-columns: minmax(0, 45%) minmax(0, 1fr);
	gap: 0.5rem 1rem;
	align-items: baseline;
	padding-block: 1.1rem;
	border-bottom: 1px solid var(--annad-carac-line);
}

@media (min-width: 48em) {
	.annad-carac__ligne {
		grid-template-columns: minmax(7.5rem, 14.75rem) minmax(0, 1fr);
	}
}

.annad-carac__libelle {
	font-size: clamp(1rem, 0.95rem + 0.3vw, 1.25rem);
	font-weight: 700;
}

.annad-carac__libelle::after {
	content: "\00a0:";
}

.annad-carac__libelle,
.annad-carac__valeur {
	overflow-wrap: anywhere;
}

.annad-carac__valeur {
	margin: 0;
	font-size: clamp(0.9375rem, 0.9rem + 0.2vw, 1.125rem);
	font-weight: 300;
}

.annad-carac__valeur a {
	color: inherit;
}

.annad-carac__vide {
	padding: 1rem;
	border: 1px dashed var(--annad-carac-line);
}