/*
 * Ce qui est commun à toutes les grilles de tuiles du site (activités,
 * réservations) : la structure de la tuile elle-même — bordure fine, coins
 * arrondis, empilement vertical du visuel puis du libellé — et surtout la
 * réserve de deux lignes pour ce libellé, quel que soit le nombre de mots.
 * C'est elle qui garantit que toutes les tuiles d'une même grille, et les
 * deux grilles entre elles, restent rigoureusement à la même hauteur.
 *
 * Ce réglage avait déjà été fait une fois pour les activités seules (étape
 * 2ter) et n'avait pas suivi quand la grille des réservations est arrivée
 * (étape 3) : le défaut est revenu, à l'identique, sur cette seconde
 * grille. Il vit ici, dans un fichier chargé par les deux, pour ne plus
 * avoir à être corrigé une troisième fois si une autre grille de tuiles
 * s'ajoute un jour.
 *
 * Ce qui distingue les deux familles — le contenu du visuel (photo ronde ou
 * icône au trait), l'espacement propre à chacune s'il en fallait un —
 * reste dans assets/css/activities.css et assets/css/reservation-tiles.css :
 * elles peuvent diverger demain sans toucher à ce fichier.
 */

.aspacam-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: var(--aspacam-theme-space-xs);
	background-color: var(--aspacam-theme-color-background);
	border: 1px solid var(--aspacam-theme-color-border);
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	color: var(--aspacam-theme-color-text);
}

/*
 * Deux lignes de hauteur réservées pour le libellé, quel qu'il soit : les
 * tuiles d'une grille deviennent rigoureusement identiques entre elles,
 * dans une rangée comme d'une rangée à l'autre — et les deux grilles entre
 * elles, puisqu'elles partagent cette même réserve. Un libellé de trois
 * lignes dépasserait sans casser la grille pour autant : cette seule tuile,
 * et sa rangée, seraient simplement un peu plus hautes que les autres.
 */
.aspacam-tile__name {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.3em;
	line-height: 1.15;
	font-size: var(--aspacam-theme-font-size-small);
}