/* 🔹 Carte */
#map {
    height: 80vh;
    width: 100%;
}

/* 🔹 Overlay plein écran */
#overlay {
    position: fixed;
    top:0; left:0;
    width:100vw;
    height:100vh;
    background: rgba(0,0,0,0.95);
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

/* 🔹 Image principale */
#overlayImg {
    max-width:90%;
    max-height:65vh;
    cursor:pointer;
}

/* 🔹 Miniatures */
#thumbs {
    display:flex;
    gap:8px;
    margin-bottom:10px;
}

.thumb {
    width:80px;
    height:60px;
    object-fit:cover;
    opacity:0.6;
    cursor:pointer;
}

.thumb.active {
    opacity:1;
    outline:2px solid white;
}

/* 🔹 Texte */
/* 🔹 Texte */
#caption {

    color:rgb(248, 248, 244);

    font-size:15px;

    text-align:center;

    max-width:900px;

    line-height:1.5;

    padding:18px 25px;

    margin-top:12px;

    background:rgba(199, 205, 241, 0.35);

    border-radius:12px;

    backdrop-filter: blur(3px);
}

/* 🔹 Boutons */
#closeBtn, #prevBtn, #nextBtn {
    position:absolute;
    color:white;
    font-size:32px;
    cursor:pointer;
}

#closeBtn { top:20px; right:20px; }

#prevBtn {
    left:20px;
    top:50%;
    transform:translateY(-50%);
}

#nextBtn {
    right:20px;
    top:50%;
    transform:translateY(-50%);
}

/* 🔹 Mobile */
@media (max-width:768px){
    #thumbs {
        display:none;
        overflow-x:auto;
    }

    #overlayImg {
        max-height:55vh;
    }
}