div.wp-block-post-content:has(div#temps_en_direct) {
    padding-left: var(--wp--preset--spacing--40);
    padding-right: var(--wp--preset--spacing--40);
 }

div#temps_en_direct {
    margin: 2rem 0;
}

div#temps_en_direct div#leaflet menu.cv-leaflet-tempsendirect-control {
    border: none;
    margin: 0.75rem;
}

menu.cv-leaflet-tempsendirect-control > button {
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 500 !important;
}

menu.cv-leaflet-tempsendirect-control > button > span {
    display: none;
}

div#temps_en_direct div.leaflet-popup-content {
    width: max-content !important;
    margin: 0.35rem 0.6rem;
    font-size: 0.85rem;
    line-height: 1.2;
}

div#temps_en_direct div.leaflet-popup {
    opacity: 0.85 !important;
}

div#temps_en_direct div.leaflet-popup-content p {
    margin: 0.1rem;
    font-weight: 400;
}

div#temps_en_direct div.leaflet-popup-content p.commune {
    font-weight: 500;
}

span.mini {
    color: blue;
}

span.maxi {
    color: red;
}

/*
 * Spécificités du thème sombre
 */
.theme-sombre .leaflet-popup-content-wrapper, 
.theme-sombre div.leaflet-popup-tip {
    background-color: rgba(0, 0, 0, 0.85);
    border: 1px solid rgba(255,255,255,0.35);
}

.theme-sombre div#temps_en_direct div.leaflet-popup-content {
    color: white;
}

.theme-sombre span.mini {
    color: #4DABF7;
}

.theme-sombre span.maxi {
    color: #FF6B6B;
}

/*
 * Menu
 */
menu#modes button {
    padding: 0.25em !important;
}

menu#modes button > svg path {
   fill: var(--wp--preset--color--accent-6);
   stroke: var(--wp--preset--color--accent-6);
}

menu#modes button:not(.on):hover svg path,
menu#modes button:not(.on):focus svg path {
   filter: none;
   fill: var(--couleur-primaire);
   stroke: var(--couleur-primaire);
}

menu#modes button#btn-pression svg path {
    fill: none;
}

/*
 * MEDIUM
 */
 @media screen and (min-width: 60rem) {

    menu#modes button {
        padding: 0.15em 0.85em 0.15em 0 !important
    }

    menu.cv-leaflet-tempsendirect-control > button > span {
        display: block;
    }
 }

/*
 * LARGE
 */
 @media screen and (min-width: 80rem) {


}