/**
 * Agenda — Le Kiosque Le Journal / Pixim.
 *
 * SPECIFICITE — une seule classe par règle, et surtout pas de sélecteur à
 * spécificité nulle.
 *
 * La première version enveloppait tout dans une pseudo-classe qui ramène la
 * spécificité à zéro. Mesuré sur la page réelle : le titre du panneau sortait en
 * gros et les numéros de jours apparaissaient soulignés — une règle à zéro perd
 * contre les sélecteurs d'ELEMENT du thème, h3 (0-0-1), a (0-0-1), td. Ce
 * procédé ne protège que des conflits entre classes ; il ne tient pas face au
 * CSS de base d'un thème.
 *
 * Une classe simple vaut 0-1-0 : elle passe devant les règles d'élément du
 * thème, et reste à égalité avec une classe utilitaire UIkit posée depuis le
 * Builder — donc surchargeable sans !important. C'est exactement le niveau
 * qu'UIkit emploie pour ses propres .uk-*.
 *
 * UNITES — les tailles de texte sont en px, pas en rem, et c'est délibéré.
 * Ce thème pose « html{font-size:13px} » : 1rem y vaut 13px et non 16. Une
 * échelle en rem sortait donc ~19 % plus petite que dessinée, ce qui se voyait.
 * Les px rendent la lecture du fichier conforme à ce qui s'affiche.
 *
 * PALETTE — relevée dans le CSS compilé du thème, pas inventée :
 *   #03bccf  primaire (fond des boutons .uk-button-primary)
 *   #029aaa  primaire sur fond clair (.uk-text-primary) — c'est celle qui passe
 *            le contraste sur blanc, donc celle du texte et des liens
 *   #e4f8fa  teinte claire du primaire (fond de .uk-label)
 *   #1e3a54  encre (.uk-text-emphasis)
 *   #64748b  texte secondaire (.uk-text-muted)
 *   #e3e8ef  filets (bordure de hr)
 *   #f6f9fc  fond neutre (.uk-background-muted)
 */

.pixim-agenda-cal {
    --pixim-agenda-primary: #03bccf;
    --pixim-agenda-primary-ink: #029aaa;
    --pixim-agenda-tint: #e4f8fa;
    --pixim-agenda-ink: #1e3a54;
    --pixim-agenda-muted: #64748b;
    --pixim-agenda-line: #e3e8ef;
    --pixim-agenda-surface: #f6f9fc;
}

/* Les liens du composant ne se soulignent jamais.
   Règle mesurée, pas préventive : le thème pose « a:visited{text-decoration:
   underline} » (0-1-1), qui bat une classe seule (0-1-0). Une fois le jour
   visité, son numéro repassait souligné — ce qui ressemblait à s'y méprendre à
   du texte barré dans la grille. En visant l'état :visited on monte à 0-2-0,
   sans !important. */
.pixim-agenda-cal__day-link,
.pixim-agenda-cal__day-link:visited,
.pixim-agenda-cal__event-title,
.pixim-agenda-cal__event-title:visited,
.pixim-agenda-cal__nav-link,
.pixim-agenda-cal__nav-link:visited,
.pixim-agenda-cal__panel-reset,
.pixim-agenda-cal__panel-reset:visited {
    text-decoration: none;
}

/* ================================================================ Disposition */

/* Deux colonnes à partir de 960 px — le point de rupture « m » d'UIkit, pour que
   l'agenda bascule au même moment que le reste de la page. */
@media (min-width: 960px) {
    .pixim-agenda-cal--split {
        display: grid;
        /* Colonne étroite à DROITE : c'est elle qui porte le calendrier. */
        grid-template-columns: minmax(0, 1fr) minmax(0, 380px);
        gap: 48px;
        align-items: start;
    }

    /* Inversion visuelle seulement, pas dans le HTML.
       Le balisage garde l'ordre calendrier puis événements, ce qui laisse
       l'empilement mobile inchangé — le calendrier reste en premier sous
       960 px. Seule la mise en deux colonnes permute. */
    .pixim-agenda-cal--split .pixim-agenda-cal__pane--events {
        order: 1;
    }

    .pixim-agenda-cal--split .pixim-agenda-cal__pane--calendar {
        order: 2;
    }

    /* Le calendrier accompagne le défilement de la liste : sur un mois chargé,
       on garde les jours sous les yeux au lieu de remonter sans cesse. */
    .pixim-agenda-cal--split .pixim-agenda-cal__pane--calendar {
        position: sticky;
        top: 32px;
    }

    .pixim-agenda-cal--split .pixim-agenda-cal__pane--events {
        margin-top: 0;
    }
}

/* Le panneau respire dès qu'il passe SOUS le calendrier — ce qui arrive aussi
   au composant « split » une fois sous 960 px, pas seulement au mode empilé.
   L'écart n'est retiré que dans la vraie mise en deux colonnes, plus bas. */
.pixim-agenda-cal__pane--events {
    margin-top: 40px;
}

/* Lecture d'écran uniquement : la légende du tableau et les noms de jours longs
   restent annoncés, sans doubler visuellement le titre du mois. */
.pixim-agenda-cal__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* ================================================================== Navigation */

.pixim-agenda-cal__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.pixim-agenda-cal__nav-link {
    display: inline-flex;
    align-items: center;
    gap: .35em;
    /* 44 px de haut : cible tactile recommandée par WCAG 2.2 pour un lien isolé. */
    min-height: 44px;
    padding: 0 .9rem;
    border: 1px solid var(--pixim-agenda-line);
    border-radius: 500px;
    color: var(--pixim-agenda-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease;
}

.pixim-agenda-cal__nav-link:hover,
.pixim-agenda-cal__nav-link:focus-visible {
    border-color: var(--pixim-agenda-primary);
    color: var(--pixim-agenda-primary-ink);
    text-decoration: none;
}

.pixim-agenda-cal__nav-arrow {
    font-size: 1.15em;
    line-height: 1;
}

.pixim-agenda-cal__month-title {
    margin: 0;
    color: var(--pixim-agenda-ink);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: center;
}

.pixim-agenda-cal__month-title--alone {
    margin-bottom: 1.25rem;
}

.pixim-agenda-cal__month + .pixim-agenda-cal__month {
    margin-top: 2.5rem;
}

/* ====================================================================== Grille */

.pixim-agenda-cal__grid {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.pixim-agenda-cal__grid th {
    padding: 0 0 .7rem;
    color: var(--pixim-agenda-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
}

.pixim-agenda-cal__day {
    position: relative;
    padding: 0;
    border: 1px solid var(--pixim-agenda-line);
    text-align: center;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

/* Cases carrées, sans hauteur fixe qui casserait aux grandes tailles de texte. */
.pixim-agenda-cal__day::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.pixim-agenda-cal__day--out {
    border-color: transparent;
}

/* Combinateur ENFANT, et c'est le point délicat.
   Ce qui remplit la case est soit le lien (jour avec événements), soit le
   numéro nu (jour sans événement) — jamais les deux. Sans le « > », la règle
   attrapait aussi le numéro PLACÉ DANS le lien : ce span passait en
   position:absolute, sortait du flux, et la pastille — devenue seul enfant en
   flux — se centrait pile sur les chiffres. À l'écran, cela donnait des
   numéros qui semblaient barrés. */
.pixim-agenda-cal__day > .pixim-agenda-cal__day-num,
.pixim-agenda-cal__day > .pixim-agenda-cal__day-link {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    color: var(--pixim-agenda-ink);
    font-size: 15px;
    text-decoration: none;
}

.pixim-agenda-cal__day-link {
    transition: background-color .15s ease;
}

.pixim-agenda-cal__day-link .pixim-agenda-cal__day-num {
    display: block;
    line-height: 1;
}

.pixim-agenda-cal__day--out .pixim-agenda-cal__day-num,
.pixim-agenda-cal__day:not(.pixim-agenda-cal__day--has-events) .pixim-agenda-cal__day-num {
    color: var(--pixim-agenda-muted);
}

.pixim-agenda-cal__day--has-events .pixim-agenda-cal__day-num,
.pixim-agenda-cal__day--has-events .pixim-agenda-cal__day-link {
    font-weight: 700;
}

/* La pastille est décorative : l'information « il y a un événement » est portée
   par l'aria-label du lien, jamais par la couleur seule. */
.pixim-agenda-cal__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--pixim-agenda-primary);
}

/* Aujourd'hui, quand il n'est pas le jour choisi. */
.pixim-agenda-cal__day--today:not(.pixim-agenda-cal__day--selected) {
    background: var(--pixim-agenda-tint);
}

/* SURVOL — le carré s'entoure de la couleur primaire du site (#03bccf).
   Le trait est posé sur le LIEN, qui remplit déjà toute la case, et non sur la
   cellule : un box-shadow interne sur un <td> à bordures fusionnées
   (border-collapse: collapse) n'est pas rendu de façon fiable d'un navigateur à
   l'autre. outline-offset négatif ramène le trait à l'intérieur, donc aucune
   case ne bouge d'un pixel au survol. */
.pixim-agenda-cal__day--has-events:hover .pixim-agenda-cal__day-link,
.pixim-agenda-cal__day-link:focus-visible {
    outline: 2px solid var(--pixim-agenda-primary);
    outline-offset: -2px;
    background: var(--pixim-agenda-tint);
}

/* Le jour choisi garde son aplat : on ne lui remet pas de teinte claire. */
.pixim-agenda-cal__day--selected:hover .pixim-agenda-cal__day-link {
    background: transparent;
}

/* Jour choisi : plein, contrasté, et la pastille passe en blanc pour rester
   visible sur le fond primaire. */
.pixim-agenda-cal__day--selected {
    z-index: 1;
    background: var(--pixim-agenda-primary);
    border-color: var(--pixim-agenda-primary);
}

.pixim-agenda-cal__day--selected .pixim-agenda-cal__day-link {
    color: #fff;
}

.pixim-agenda-cal__day--selected .pixim-agenda-cal__dot {
    background: #fff;
}

/* ===================================================================== Panneau */

.pixim-agenda-cal__panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem 1rem;
    padding-bottom: 1.25rem;
}

.pixim-agenda-cal__panel-title {
    margin: 0;
    color: var(--pixim-agenda-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* Le quantième dans son cadre, comme sur la maquette de référence. */
.pixim-agenda-cal__panel-day {
    display: inline-block;
    min-width: 1.9em;
    margin: 0 .15em;
    padding: .15em 0;
    border: 1px solid var(--pixim-agenda-primary);
    border-radius: 3px;
    color: var(--pixim-agenda-primary-ink);
    font-size: 1em;
    letter-spacing: 0;
    text-align: center;
}

.pixim-agenda-cal__panel-reset {
    color: var(--pixim-agenda-primary-ink);
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
}

.pixim-agenda-cal__panel-reset:hover {
    text-decoration: underline;
}

.pixim-agenda-cal__events {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pixim-agenda-cal__event {
    position: relative;
    display: grid;
    /* Une seule colonne PAR DEFAUT. La version précédente déclarait deux
       colonnes ici et n'en gardait qu'une pour les événements sans visuel ;
       la règle mobile, déclarée plus bas, rétablissait alors les deux — et le
       texte, seul enfant, retombait dans la colonne étroite de la vignette
       absente. Mesuré : 52 px de large pour le corps, un mot par ligne. */
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    padding: 1.25rem 0;
    border-top: 1px solid var(--pixim-agenda-line);
}

/* Deux colonnes uniquement quand l'événement porte réellement une vignette. */
.pixim-agenda-cal__event--with-thumb {
    grid-template-columns: 72px minmax(0, 1fr);
}

.pixim-agenda-cal__event-thumb {
    display: block;
    overflow: hidden;
    border-radius: 3px;
    background: var(--pixim-agenda-surface);
}

.pixim-agenda-cal__event-thumb img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
}

.pixim-agenda-cal__event-body {
    display: block;
}

/* Étiquette de rubrique — une seule couleur pour toutes les rubriques.
   Rayon 500px : la valeur employée 24 fois dans theme.9.css, par .uk-button,
   .uk-label et .uk-card-badge.

   Version douce du primaire du site : le fond est le #03bccf éclairci vers le
   blanc, le texte la même teinte assombrie. Ce couple n'est pas choisi à l'œil,
   il est mesuré à 4,97:1 — au-dessus des 4,5:1 exigés par WCAG AA pour du texte
   de cette taille. Le #03bccf plein avec du texte blanc, essayé auparavant, ne
   donnait que 2,31:1. */
.pixim-agenda-cal__event-tag {
    display: inline-block;
    margin-bottom: 8px;
    padding: 3px 12px;
    border-radius: 500px;
    background: #d7f4f7;
    color: #02717c;
    /* Volontairement discrète : l'étiquette situe l'événement, elle ne doit pas
       concurrencer son titre, qui est à 19 px juste en dessous. */
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 1.6;
    text-transform: uppercase;
    /* Garde-fou mesuré : « Marchés/Brocantes/Vide-greniers » fait 256 px pour
       283 px disponibles à 375 px de large. Il ne reste que 27 px de marge, donc
       une rubrique au nom plus long déborderait. La pilule se coupe proprement
       plutôt que de pousser la mise en page. */
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}
.pixim-agenda-cal__event-title {
    display: block;
    color: var(--pixim-agenda-ink);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    /* Le titre est le lien, mais toute la ligne doit rester cliquable : on étire
       sa zone sensible sur la carte entière. */
    text-wrap: balance;
}

/* Toute la ligne devient cliquable, sans imbriquer un second lien dans le
   premier : une seule zone sensible, un seul arrêt au clavier. */
.pixim-agenda-cal__event-title::after {
    content: "";
    position: absolute;
    inset: 0;
}

.pixim-agenda-cal__event:hover .pixim-agenda-cal__event-title,
.pixim-agenda-cal__event-title:focus-visible {
    color: var(--pixim-agenda-primary-ink);
}

.pixim-agenda-cal__event-meta {
    display: block;
    margin-top: .4rem;
    color: var(--pixim-agenda-muted);
    font-size: 13px;
    line-height: 1.5;
}

.pixim-agenda-cal__empty {
    margin: 0;
    padding: 1.25rem 0;
    border-top: 1px solid var(--pixim-agenda-line);
    color: var(--pixim-agenda-muted);
}

/* =================================================== Infos pratiques (article) */

/* Les variables sont redéclarées ici : l'encadré d'un événement ne vit pas dans
   .pixim-agenda-cal, il n'hérite donc de rien. */
.pixim-agenda-event {
    --pixim-agenda-primary: #03bccf;
    --pixim-agenda-primary-ink: #029aaa;
    --pixim-agenda-tint: #e4f8fa;
    --pixim-agenda-ink: #1e3a54;
    --pixim-agenda-muted: #64748b;
    --pixim-agenda-line: #e3e8ef;
    --pixim-agenda-surface: #f6f9fc;
}

/* __label coiffe UNE valeur de la liste, __subtitle un bloc entier (décompte,
   rubrique). Même graisse, deux rôles : seul __label porte les filets de
   l'encadré, un trait au-dessus de « DÉBUT DANS » ferait doublon. */
.pixim-agenda-event__label,
.pixim-agenda-event__subtitle {
    margin: 0;
    color: var(--pixim-agenda-muted, #64748b);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* ------------------------------------- Liste de définitions, pleine largeur */

.pixim-agenda-event__list--rows {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .5rem 1.5rem;
    margin: 0;
}

.pixim-agenda-event__list .pixim-agenda-event__value {
    margin: 0;
    font-size: 17px;
}

/* --------------------------------------------------------- Ligne compacte */

.pixim-agenda-event__inline {
    margin: 0;
    font-size: 17px;
}

.pixim-agenda-event__sep {
    margin: 0 .45em;
    color: var(--pixim-agenda-muted, #64748b);
}

/* ----------------------------------------------- Encadré de colonne latérale */

.pixim-agenda-event--card {
    padding: 24px;
    border: 1px solid var(--pixim-agenda-line);
    border-radius: 4px;
    background: var(--pixim-agenda-surface);
}

/* Le titre de l'encadré est un h2 : la règle d'ELEMENT du thème (0-0-1) perd
   contre cette classe (0-1-0), la taille écrite ici est donc celle rendue. */
.pixim-agenda-event__heading {
    margin: 0 0 16px;
    color: var(--pixim-agenda-ink);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* Dans une colonne de ~340 px, deux colonnes intitulé/valeur ne tiennent pas :
   chaque information prend sa ligne, séparée par un filet. */
.pixim-agenda-event__list--stacked {
    display: block;
    margin: 0;
}

.pixim-agenda-event__list--stacked .pixim-agenda-event__label {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--pixim-agenda-line);
}

.pixim-agenda-event__list--stacked .pixim-agenda-event__label:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.pixim-agenda-event__list--stacked .pixim-agenda-event__value {
    margin: 4px 0 0;
    color: var(--pixim-agenda-ink);
    font-size: 16px;
    line-height: 1.45;
}

/* Les blocs qui suivent la liste sont séparés par le même filet. */
.pixim-agenda-event--card .pixim-agenda-event__countdown,
.pixim-agenda-event--card .pixim-agenda-event__category,
.pixim-agenda-event--card .pixim-agenda-event__booking,
.pixim-agenda-event--card .pixim-agenda-event__calendar {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--pixim-agenda-line);
}

/* Remise à zéro du premier enfant, quel qu'il soit. Elle doit rester APRÈS la
   règle ci-dessus : les deux sélecteurs pèsent 0-2-0, c'est l'ordre du fichier
   qui tranche. Sans elle, un encadré réduit au seul décompte (toutes les autres
   cases décochées) s'ouvrirait sur un trait dans le vide. */
.pixim-agenda-event--card > :first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

/* ------------------------------------------------------------------ Décompte */

.pixim-agenda-event__countdown-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-top: 10px;
}

.pixim-agenda-event__unit {
    padding: 10px 2px;
    border: 1px solid var(--pixim-agenda-line);
    border-radius: 3px;
    background: #fff;
    text-align: center;
}

/* .uk-countdown-number du thème ne pose que « margin:0 » et les chiffres
   tabulaires : cette règle (0-2-0) fixe la taille sans lutter contre lui.
   UIkit réécrit le contenu en un <span> par chiffre à chaque seconde, d'où le
   line-height posé ici et non sur les enfants. */
.pixim-agenda-event__unit .uk-countdown-number {
    display: block;
    color: var(--pixim-agenda-ink);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
}

.pixim-agenda-event__unit-label {
    display: block;
    margin-top: 3px;
    color: var(--pixim-agenda-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* ------------------------------------------------------------------ Rubrique */

/* Pastille reprise à l'identique de celle des cartes du calendrier : la
   rubrique se lit pareil dans la liste et sur la page de l'événement. */
.pixim-agenda-event__tag,
.pixim-agenda-event__tag:visited {
    display: inline-block;
    max-width: 100%;
    margin-top: 8px;
    padding: 3px 12px;
    overflow: hidden;
    border-radius: 500px;
    background: #d7f4f7;
    color: #02717c;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.6;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: bottom;
    white-space: nowrap;
}

.pixim-agenda-event__tag:hover,
.pixim-agenda-event__tag:focus-visible {
    background: var(--pixim-agenda-primary-ink);
    color: #fff;
    text-decoration: none;
}

/* -------------------------------------------------------------- Réservation */

.pixim-agenda-event__booking {
    margin: 1.5rem 0 0;
}

/* ------------------------------------------------------- Ajouter à mon agenda */

/* Deux liens qui se partagent la largeur, et repassent l'un sous l'autre quand
   il n'y a plus la place. « flex: 1 1 auto » plutôt qu'une grille à deux
   colonnes : si le plugin est désactivé, le lien iCal disparaît et le lien
   Google prend toute la largeur au lieu de laisser une demi-colonne vide. */
.pixim-agenda-event__calendar-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

/* :visited dans le sélecteur, comme ailleurs dans ce fichier : le thème pose
   « a:visited{text-decoration:underline} » (0-1-1), qui bat une classe seule.
   38 px de haut, la hauteur mesurée de .uk-button juste au-dessus. */
.pixim-agenda-event__calendar-link,
.pixim-agenda-event__calendar-link:visited {
    display: inline-flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid var(--pixim-agenda-line);
    border-radius: 500px;
    background: #fff;
    color: var(--pixim-agenda-primary-ink);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-align: center;
    text-decoration: none;
    transition: border-color .15s ease, background-color .15s ease;
}

.pixim-agenda-event__calendar-link:hover,
.pixim-agenda-event__calendar-link:focus-visible {
    border-color: var(--pixim-agenda-primary);
    background: var(--pixim-agenda-tint);
    color: var(--pixim-agenda-primary-ink);
    text-decoration: none;
}

/* ====================================================================== Étroit */

@media (max-width: 639px) {
    .pixim-agenda-cal__nav-link span:not(.pixim-agenda-cal__nav-arrow) {
        /* Sous 640 px, trois libellés de mois ne tiennent pas sur une ligne :
           il ne reste que les chevrons, et le mois affiché au centre. */
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }

    .pixim-agenda-cal__nav-link {
        padding: 0 .8rem;
    }

    .pixim-agenda-cal__day > .pixim-agenda-cal__day-num,
    .pixim-agenda-cal__day > .pixim-agenda-cal__day-link {
        font-size: 14px;
        gap: 3px;
    }

    .pixim-agenda-cal__event--with-thumb {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .pixim-agenda-cal__event {
        gap: 14px;
    }

    .pixim-agenda-event__list--rows {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .pixim-agenda-event__list--rows .pixim-agenda-event__value {
        margin-bottom: .9rem;
    }

    .pixim-agenda-event--card {
        padding: 20px;
    }
}

.pixim-agenda-cal__empty p {
    margin: 0 0 12px;
}

.pixim-agenda-cal__empty p:last-child {
    margin-bottom: 0;
}

.pixim-agenda-cal__empty-next {
    display: inline-flex;
    align-items: center;
    gap: .3em;
    color: var(--pixim-agenda-primary-ink);
    font-weight: 600;
    text-decoration: none;
}

.pixim-agenda-cal__empty-next:hover,
.pixim-agenda-cal__empty-next:visited {
    color: var(--pixim-agenda-primary-ink);
    text-decoration: underline;
}