/* ─────────────────────────────────────────────────────────────────────────────
   Le calendrier (FullCalendar 6).

   Troisième composant à servir sa propre feuille sans rien savoir du thème,
   après EasyAdmin et Bootstrap. Résultat à l'écran : numéros de jour en bleu
   d'origine, boutons Mois/Semaine/Liste en gris, case du jour en jaune pâle
   — trois couleurs étrangères à la palette, sur l'écran le plus regardé après
   le tableau de bord.

   FullCalendar 6 expose ses réglages en variables CSS. On les rebranche sur
   les jetons du contrat, plutôt que de réécrire ses règles : une couleur
   changée dans le contrat se propage ici sans qu'on y revienne.
────────────────────────────────────────────────────────────────────────────── */

.fc {
  --fc-page-bg-color:      var(--at-surface);
  --fc-neutral-bg-color:   var(--at-surface-alt);
  --fc-neutral-text-color: var(--at-ink-2);
  --fc-border-color:       var(--at-line);

  --fc-button-text-color:         var(--at-ink);
  --fc-button-bg-color:           var(--at-surface);
  --fc-button-border-color:       var(--at-line);
  --fc-button-hover-bg-color:     var(--at-surface-alt);
  --fc-button-hover-border-color: var(--at-line);
  --fc-button-active-bg-color:     var(--at-accent);
  --fc-button-active-border-color: var(--at-accent);

  --fc-event-bg-color:     var(--at-accent);
  --fc-event-border-color: var(--at-accent);
  --fc-event-text-color:   var(--at-surface);

  /* Le jour courant : la même teinte que la colonne du jour ailleurs dans
     l'application, et non le jaune d'origine. */
  --fc-today-bg-color:  #DCE7F0;
  --fc-highlight-color: var(--at-surface-alt);

  font-family: var(--at-font-body);
}

/* Les numéros de jour sont des liens : sans cette règle ils prennent le bleu
   de lien, seul bleu de ce genre dans toute l'application. */
.fc .fc-daygrid-day-number,
.fc .fc-col-header-cell-cushion,
.fc .fc-list-day-text,
.fc .fc-list-day-side-text {
  color: var(--at-ink);
  text-decoration: none;
}
.fc .fc-day-other .fc-daygrid-day-number { color: var(--at-ink-3); }

/* Le bandeau des jours : même petite capitale que les en-têtes de tableau. */
.fc .fc-col-header-cell {
  background-color: var(--at-surface-alt);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.fc .fc-col-header-cell-cushion { color: var(--at-ink-2); }

/* Boutons de navigation : les aplats du contrat, pas les dégradés d'origine. */
.fc .fc-button {
  border-radius: var(--at-radius-ctrl);
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
  text-transform: none;
}
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  color: var(--at-surface);
  box-shadow: none;
}
.fc .fc-button:focus { box-shadow: 0 0 0 2px rgba(31, 78, 107, .25); }

/* Le titre du mois, dans la police des titres. */
.fc .fc-toolbar-title {
  font-family: var(--at-font-title);
  font-size: 20px;
  font-weight: 700;
}