/* ---------------------------------------------------------------------------
   AGENDA D'ACCUEIL — V1 + filtres (JulienWeb, 05/09/2026, DEV)
   Chargee APRES style.css (dependance deliOne-style), filemtime() en version.
   Grammaire Alhambra : cartouches de mois indigo, tesselles orange en losange.
   --------------------------------------------------------------------------- */

/* --- en-tetes de mois : cartouche indigo collant --- */
.agenda-home .agenda-mois {
    position: sticky;
    top: 141px;                 /* sous l'en-tete sticky du site */
    z-index: 5;
    margin: 18px 0 6px;
    padding: 0;
    font-family: 'Poppins', 'Open Sans', sans-serif;
    font-size: .85em;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
}
.agenda-home .agenda-mois span {
    position: relative;
    display: inline-block;
    padding: 6px 14px 6px 28px;
    background: #312783;
    border-radius: 3px;
}
.agenda-home .agenda-mois span::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    rotate: 45deg;
    background: #F39200;
}

/* --- la ligne : tuile de date, survol --- */
.agenda-home .agenda-item { position: relative; transition: background-color .2s; }
.agenda-home .agenda-item:hover { background: #f5f5f5; }
.agenda-home .event-ligne { border-bottom: 1px solid #e3e6ef; }
.agenda-home .event-date-d-m { position: relative; padding-left: 14px; }
.agenda-home .event-date-d-m::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55em;
    width: 7px;
    height: 7px;
    rotate: 45deg;
    background: #F39200;
}
.agenda-home .event-date-y { padding-left: 14px; }

/* --- le geste B to B : « Programmer cet artiste » --- */
.agenda-home .event-booking {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: .78em;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #F39200;
    text-decoration: none;
    opacity: 0;
    transition: opacity .2s, color .2s;
}
.agenda-home .event-booking::before { content: "\25C6\00a0"; font-size: .7em; vertical-align: 1px; }
.agenda-home .agenda-item:hover .event-booking,
.agenda-home .event-booking:focus-visible { opacity: 1; }
.agenda-home .event-booking:hover { color: #312783; }
@media (hover: none) { .agenda-home .event-booking { opacity: 1; position: static; display: inline-block; margin: 0 20px 10px; } }

/* --- filtres --- */
.agenda-home .agenda-filtres {
    margin: 0 0 6px;
    padding: 12px 14px 8px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
}
.agenda-home .agenda-filtres-ligne {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 8px;
}
.agenda-home .agenda-filtres-label {
    flex: 0 0 62px;
    font-size: .72em;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #6b6b6b;
}
.agenda-home .agenda-chip {
    font: inherit;
    font-size: .8em;
    line-height: 1;
    padding: 6px 10px;
    border: 1px solid #312783;
    border-radius: 3px;
    background: #fff;
    color: #312783;
    cursor: pointer;
    transition: background-color .15s, color .15s;
}
.agenda-home .agenda-chip small { font-size: .8em; opacity: .65; margin-left: 2px; }
.agenda-home .agenda-chip:hover { background: #eef0f7; }
.agenda-home .agenda-chip[aria-pressed="true"] {
    background: #312783;
    color: #fff;
    box-shadow: inset 0 0 0 1px #312783, 0 0 0 2px #F39200;
}
.agenda-home .agenda-chip[aria-pressed="true"] small { opacity: .85; }
.agenda-home .agenda-chip:focus-visible,
.agenda-home .agenda-reset:focus-visible,
.agenda-home .agenda-plus:focus-visible { outline: 3px solid #F39200; outline-offset: 2px; }
.agenda-home .agenda-reset {
    font: inherit;
    font-size: .78em;
    margin-left: auto;
    padding: 6px 10px;
    border: 0;
    background: none;
    color: #F39200;
    text-decoration: underline;
    cursor: pointer;
}
.agenda-home .agenda-compteur { margin: 0; font-size: .8em; color: #6b6b6b; min-height: 1.2em; }

/* --- pied : « plus de concerts » puis l'archive --- */
.agenda-home .agenda-pied { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 18px 0 0; }
.agenda-home .agenda-plus { font: inherit; cursor: pointer; margin: 0; }
.agenda-home .agenda-plus span { opacity: .8; }
.agenda-home .agenda-archives { font-size: .9em; color: #312783; }

/* sans JS, le bloc rend tout : les controles qui n'ont pas de sens restent caches par [hidden] */
@media (prefers-reduced-motion: reduce) { .agenda-home * { transition: none !important; } }