/*
 * Les trois tuiles de la section « Réservations » de l'accueil — sujet 2,
 * étape 3 ; icône au trait ajoutée à l'étape 3bis, remplacée à l'étape
 * 3quater par les trois fichiers choisis et déposés par Nicolas
 * (assets/ressource-*.svg, lus et écrits dans la page par front-page.php).
 *
 * La structure de la tuile et la réserve de hauteur du libellé sont
 * communes à toutes les grilles de tuiles du site : voir
 * assets/css/tiles.css (.aspacam-tile, .aspacam-tile__name). Rien à écrire
 * ici pour cette part.
 */

.aspacam-reservations__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--aspacam-theme-space-md) var(--aspacam-theme-space-sm);
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Icône au trait, pas de photo : ces trois ressources ne changent jamais et
 * n'ont personne pour tenir une photo à jour, et une image en couleur
 * juste au-dessus d'un calendrier dont le sens passe par la couleur
 * contredirait la neutralité voulue à l'étape 3 (SITE.md, « Module
 * Réservations »). Même taille que la pastille photo des activités
 * (--aspacam-theme-tile-visual-size, variables.css), pour que les deux
 * grilles se répondent.
 *
 * Une seule couleur, le gris de .aspacam-text-dense (base.css) — le même
 * gris que les petits caractères déjà en usage sur le site, pas une
 * variable partagée avec cette classe : elle documente elle-même être la
 * seule source de couleur pour du texte, et une icône n'en est pas. Aucune
 * couleur de marque, aucun aplat, aucun dégradé, aucune ombre : le
 * calendrier du module, sur les pages ouvertes depuis ces tuiles, est seul
 * à porter du sens par la couleur.
 */
.aspacam-reservations__icon {
	display: block;
	width: var(--aspacam-theme-tile-visual-size);
	height: var(--aspacam-theme-tile-visual-size);
	color: #767470;
}

.aspacam-reservations__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}