/* ---------------------------------------------------------------------------
   LA CARTE DES CONCERTS — encart de l'accueil, sous l'agenda (JulienWeb, 02/10/2026, DEV)
   Chargee APRES style.css et carte-osm.css (dependances), filemtime() en version.
   La palette de la carte tient dans les variables --co-* : indigo #312783, orange #F39200
   a l'etat actif seulement (l'orange sur blanc fait 2,35:1, jamais en texte).
   Poppins n'est chargee qu'en 400 et 700 sur le site : pas de 800 ici.
   --------------------------------------------------------------------------- */
/* L'en-tete du site est collant (141 px) : sans cette marge, le bouton « Sur la carte » d'une ligne
   amenerait le titre de l'encart SOUS le menu. Et l'encart est le dernier bloc avant le pied de page. */
.carte-concerts { scroll-margin-top: 190px; padding-bottom: 3em; }
.carte-concerts .carte-osm {
    --co-fort: #312783;
    --co-accent: #F39200;
    --co-sur-accent: #312783;
    --co-encre: #262830;
    --co-police: 'Open Sans', sans-serif;
    --co-police-titre: 'Poppins', 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
}
.carte-concerts .carte-osm .co-map { height: 540px; border: 1px solid #aab2cc; border-radius: 4px; }
.carte-concerts .carte-osm figcaption { padding: 10px 0 0; font-size: 14px; font-weight: 600; }
.carte-concerts .carte-osm .co-pt b { font-weight: 700; }
.carte-concerts .carte-osm .leaflet-popup-content a { color: #312783; text-decoration: underline; }
.carte-concerts .carte-osm .leaflet-popup-content a:hover { color: #F39200; }

.carte-concerts .carte-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 10px 0 0; }
.carte-concerts [data-carte-compteur] { font-weight: 600; color: #312783; }
.carte-concerts .carte-etendre {
    font: inherit;
    font-size: .9em;
    font-weight: 700;
    line-height: 1;
    padding: 10px 16px;
    border: 0;
    border-radius: 10px;           /* le rayon des boutons du site */
    background: #F39200;
    color: #312783;                /* indigo sur orange : 5,10:1 */
    cursor: pointer;
}
.carte-concerts .carte-etendre[aria-pressed="true"] { background: #fff; box-shadow: inset 0 0 0 2px #312783; }
.carte-concerts .carte-etendre:focus-visible,
.agenda-item .carte-voir:focus-visible { outline: 3px solid #F39200; outline-offset: 2px; }
.carte-concerts .carte-sanspoint { margin: 8px 0 0; font-size: .88em; color: #555b6b; }

/* le bouton « Sur la carte » pose dans chaque ligne de l'agenda : une tesselle + deux mots */
.agenda-item .carte-voir {
    position: relative;
    z-index: 2;                    /* au-dessus du lien « Programmer cet artiste » : en absolu et invisible hors survol,
                                      il recouvrait le bouton sur une fenetre etroite pilotee a la souris (mesure le 02/10) */
    font: inherit;
    font-size: .78em;
    font-weight: 600;
    line-height: 1;
    margin-left: 4px;
    padding: 4px 9px 4px 22px;
    border: 1px solid #aab2cc;
    border-radius: 3px;
    background: #fff;
    color: #312783;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}
.agenda-item .carte-voir::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 7px;
    height: 7px;
    margin-top: -3.5px;
    rotate: 45deg;
    background: #312783;
}
.agenda-item .carte-voir:hover { border-color: #312783; background: #eef0f7; }

/* Sur telephone et tablette l'en-tete collant est plus haut (245 px mesures a 390 px de large). */
@media (max-width: 991px) { .carte-concerts { scroll-margin-top: 275px; } }
@media (max-width: 900px) { .carte-concerts .carte-osm .co-map { height: 440px; } }
@media (max-width: 560px) { .carte-concerts .carte-osm .co-map { height: 360px; } }