/* === STYLES CARTE MEMBRES === */

/* Container global */
#carte-container {
    position: relative;
    width: 100%;
    max-width: 900px;
    /* Augmenté de 1200px à 900px pour mieux remplir */
    margin: 0 auto;
    /* Centrage horizontal */
    padding: 20px 0;
}

/* Wrapper SVG */
.carte-svg-wrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.carte-svg-wrapper svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

/* === STYLE DES POINTS DES COMMUNES === */

/* Points des communes - cachés par défaut */
.commune-point.hidden {
    display: none !important;
}

/* Points visibles */
.commune-point:not(.hidden) {
    fill: #00a5a5 !important;
    stroke: #00a5a5 !important;
    stroke-width: 2 !important;
    opacity: 1 !important;
    display: block !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.commune-point:not(.hidden):hover {
    fill: #00a5a5 !important;
    stroke: #fff !important;
    stroke-width: 3 !important;
}

/* === TOOLTIPS DES COMMUNES === */

/* Fond du tooltip */
.commune-tooltip-bg {
    fill: #ffffff;
    stroke: #00a5a5;
    stroke-width: 2;
}

/* Texte du tooltip */
.commune-tooltip-text {
    fill: #00a5a5;
    font-size: 20px;
    font-weight: bold;
    pointer-events: none;
}

/* === STYLE DES LOGOS DES MEMBRES === */

/* Groupe contenant les logos */
.commune-logos {
    pointer-events: auto;
}

/* Liens des logos (contiennent le cercle + l'image) */
.commune-logos a {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.3s ease;
}

/* Images (logos) des membres */
.logo-membre {
    cursor: pointer;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: filter 0.3s ease;
}

/* ✅ ANIMATION AU SURVOL - Grossissement x1.2 du logo + cercle */
.commune-logos a:hover {
    transform: scale(1.2);
}

.commune-logos a:hover .logo-membre {
    filter: drop-shadow(0 4px 8px rgba(0, 165, 165, 0.6));
}

/* Labels des communes (si affichés) */
.commune-label.hidden {
    display: none !important;
}

.commune-label {
    font: 10px sans-serif;
    fill: #222;
    text-anchor: start;
    pointer-events: none;
}

#layer10 {
    width: max-content !important;
    --awb-width-large: max-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}