/**
 * Agenda — habillage du CDOS 30 posé sur l'extension Agendari.
 *
 * Agendari fournit les gabarits de l'agenda et leurs styles. Le thème ne
 * règle ici que la charte : ses variables d'abord, puis les polices et
 * les tailles du thème, préfixées par « .agendari » pour passer devant les
 * styles de l'extension sans lutte de priorité.
 *
 * La couleur d'accent est celle de la rubrique : le rouge de l'agenda,
 * posé sur la page Agenda et hérité par les fiches.
 */

/* ---------------------------------------------------------------
 * Variables d'Agendari, réglées sur la charte
 * --------------------------------------------------------------- */

.agendari {
  --agendari-accent:    var(--couleur-rubrique);      /* vue active, « S'inscrire », repères sans catégorie */
  --agendari-on-accent: var(--couleur-sur-rubrique);  /* texte sur l'accent */
  --agendari-radius:    var(--rayon);                 /* la charte est à angles droits */
  --agendari-gap:       var(--e-m);
}

/* Les étiquettes de la charte : Barlow Condensed, capitales espacées. */
.agendari .agendari-views__link,
.agendari .agendari-card__type,
.agendari .agendari-event__category,
.agendari .agendari-details dt,
.agendari .agendari-calendar__grid th,
.agendari .agendari-map__enlarge,
.agendari .agendari-event__back,
.agendari .agendari-save__button,
.agendari .agendari-event__register,
.agendari .agendari-card__badge,
.agendari .agendari-event__badge {
  font-family: var(--police-label);
  font-weight: var(--graisse-medium);
  letter-spacing: var(--interlettre-label);
  text-transform: uppercase;
}

/* ---------------------------------------------------------------
 * Vues : Passés, Ce mois-ci, À venir
 * --------------------------------------------------------------- */

.agendari .agendari-views { margin: 0 0 var(--e-s); }
.agendari .agendari-views__link { font-size: var(--t-petit); color: var(--couleur-titre); border-color: var(--couleur-separateur); }
.agendari .agendari-views__link:hover { border-color: var(--couleur-rubrique); color: var(--couleur-titre); }
.agendari .agendari-archive__count { font-size: var(--t-petit); color: var(--couleur-texte-doux); }

/* ---------------------------------------------------------------
 * Cartes : les proportions des cartes du thème
 * --------------------------------------------------------------- */

.agendari .agendari-card__body { gap: var(--e-2xs); padding: var(--e-s); }
.agendari .agendari-card__type { font-size: var(--t-mini); }
.agendari .agendari-card__title { font-size: var(--t-h4); line-height: 1.25; }
.agendari .agendari-card__title a { color: inherit; }
.agendari .agendari-card:hover .agendari-card__title a,
.agendari .agendari-card:focus-within .agendari-card__title a { text-decoration: underline; text-underline-offset: 0.15em; }
.agendari .agendari-card__subtitle,
.agendari .agendari-card__info { font-size: var(--t-petit); }
.agendari .agendari-card__badge { font-size: var(--t-mini); }

/* ---------------------------------------------------------------
 * Colonne : calendrier et carte
 * --------------------------------------------------------------- */

.agendari .agendari-calendar__title,
.agendari .agendari-sidebar__title { font-size: var(--t-h4); }
.agendari .agendari-calendar__grid { font-size: var(--t-petit); }
.agendari .agendari-calendar__nav { color: var(--couleur-titre); border-color: var(--couleur-separateur); }
.agendari .agendari-calendar__nav:hover { border-color: var(--couleur-rubrique); }
.agendari .agendari-calendar__pop { font-size: var(--t-petit); }
.agendari .agendari-calendar__pop li a { color: var(--couleur-titre); }
.agendari .agendari-map__enlarge { font-size: var(--t-mini); border-color: var(--couleur-separateur); }

/* ---------------------------------------------------------------
 * Fiche d'un événement
 * --------------------------------------------------------------- */

.agendari .agendari-event__category { font-size: var(--t-petit); }
.agendari .agendari-event__category a { color: var(--couleur-rubrique-texte); }
.agendari .agendari-event__subtitle { font-size: var(--t-corps-grand); color: var(--couleur-texte-doux); }
.agendari .agendari-event__details-title { font-size: var(--t-h4); }
.agendari .agendari-details dt { font-size: var(--t-mini); }
.agendari .agendari-event__register,
.agendari .agendari-save__button,
.agendari .agendari-event__back { font-size: var(--t-petit); }