/* ==========================================================================
   Accueil — le tableau de bord d'entrée (§9.1).
   Aucune couleur écrite ici : uniquement des variables de tokens.css.
   ========================================================================== */

.salutation { padding: calc(var(--pas) * 1.5) 2px 0; }

.salutation h2 {
  font-family: var(--police-titre);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.9px;
  line-height: 1.12;
}

.salutation__dates {
  display: flex;
  align-items: center;
  gap: calc(var(--pas) * 1.75);
  margin-top: calc(var(--pas) * 2);
  font-size: 0.78rem;
  color: var(--encre-55);
  font-weight: 600;
  flex-wrap: wrap;
}
.salutation__separateur { opacity: 0.4; }

/* La date hébraïque est affichée en permanence (§9.1) : ici, sur l'écran du
   calendrier et sur chaque journée de la grille. */
.date-hebreu {
  background: var(--primaire-clair);
  color: var(--encre);
  padding: 3px 9px;
  border-radius: var(--r-pill);
  font-weight: 700;
  font-size: 0.72rem;
}

/* --- Horaires importants de la semaine ----------------------------------- */

/* Une ligne de liste augmentée d'une colonne de date et d'un filet coloré :
   le filet porte la couleur du calendrier d'origine, ce qui rend la source
   lisible sans légende. */
.horaire { gap: calc(var(--pas) * 3); }
.horaire + .horaire::before { left: 64px; }

.horaire__jour { width: 42px; flex: 0 0 42px; text-align: center; }
.horaire__jour b {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.1;
}
.horaire__jour span {
  display: block;
  font-size: 0.66rem;
  color: var(--encre-40);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.horaire__filet {
  width: 3px;
  align-self: stretch;
  border-radius: 3px;
  flex: 0 0 3px;
  min-height: 34px;
  background: var(--teinte, var(--primaire));
}