/* Les trois teintes de journée : vacances, Chabbat hova, Chabbat rechout.

   Elles étaient réparties sur trois feuilles — la grille, la journée dépliée,
   la légende — parce que chacune touchait un écran différent. Mais ce sont les
   mêmes trois couleurs, décidées ensemble, et il faut pouvoir les relire
   ensemble : elles ont désormais leur feuille, en regard de
   `server/services/calendrier/marques.js` qui décide laquelle s'applique.

   La teinte est posée sur la **journée entière** — la colonne, sa tête, la case
   du mois, la journée dépliée — et non sur une entrée : ce qu'elle dit vaut
   pour le jour, pas pour une ligne.

   Elle est volontairement faible. La couleur ici ne sert pas à attirer l'œil
   sur une case ; elle sert à faire apparaître un **rythme** quand on recule
   d'un pas — trois semaines teintées d'affilée, c'est Souccot, et cela se voit
   sans rien lire. Un aplat franc aurait au contraire écrasé les entrées posées
   dessus, qui restent le sujet.

   Aucune ne porte d'information seule : la légende les nomme, l'infobulle et le
   nom accessible de chaque case les répètent (§6). */

/* --- La grille horaire et la vue mois -------------------------------------- */

.cal-grille__jour--vacances,
.cal-grille__colonne--vacances,
.cal-mois__case--vacances { background: var(--marque-vacances); }

.cal-grille__jour--chabbat-hova,
.cal-grille__colonne--chabbat-hova,
.cal-mois__case--chabbat-hova { background: var(--marque-chabbat-hova); }

.cal-grille__jour--chabbat-rechout,
.cal-grille__colonne--chabbat-rechout,
.cal-mois__case--chabbat-rechout { background: var(--marque-chabbat-rechout); }

/* --- La journée dépliée sous la grille du mois -----------------------------
   Elle reprend la teinte de sa case : on vient d'y cliquer, et retrouver la
   même couleur confirme qu'on lit bien le jour qu'on a choisi. */
.cal-jour--vacances { background: var(--marque-vacances); }
.cal-jour--chabbat-hova { background: var(--marque-chabbat-hova); }
.cal-jour--chabbat-rechout { background: var(--marque-chabbat-rechout); }

.cal-jour--vacances,
.cal-jour--chabbat-hova,
.cal-jour--chabbat-rechout {
  border-radius: var(--r-md);
  padding: calc(var(--pas) * 2) calc(var(--pas) * 2) calc(var(--pas) * 3);
}

/* --- La légende ------------------------------------------------------------
   Sous celle des calendriers, et sans case à cocher : une marque n'est pas une
   source qu'on affiche ou non, c'est ce que la journée est. Les vacances se
   masquent en décochant le calendrier d'où elles viennent. */
.cal__marques {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--pas) * 2) calc(var(--pas) * 4);
  width: 100%;
}
.cal__marque {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--pas) * 1.5);
  font-size: 0.8rem;
  color: var(--texte-doux);
}
.cal__marque-teinte {
  width: 1.1rem;
  height: 0.7rem;
  flex: none;
  border-radius: var(--r-xs);
  border: 1px solid var(--filet);
}
.cal__marque-teinte--vacances { background: var(--marque-vacances); }
.cal__marque-teinte--chabbat-hova { background: var(--marque-chabbat-hova); }
.cal__marque-teinte--chabbat-rechout { background: var(--marque-chabbat-rechout); }