/* ═══════════════════════════════════════════════════════════════════════════
   PHOTOSWIPE LUSH SPHERE - Version MINIMALE (juste les couleurs)
   ═══════════════════════════════════════════════════════════════════════════ */

/* FOND - Variable CSS native de PhotoSwipe */
.pswp {
    --pswp-bg: rgba(0, 0, 0, 0.90);
    --pswp-icon-color: #FFF3E9;
    --pswp-icon-color-secondary: rgba(255, 243, 233, 0.7);
}

/* BOUTONS - Couleur au survol seulement */
.pswp__button:hover {
    background: rgba(107, 115, 69, 0.5) !important;
}

/* BOUTON FERMER - Orange au survol */
.pswp__button--close:hover {
    background: rgba(205, 78, 4, 0.5) !important;
}

/* COMPTEUR - Police custom */
.pswp__counter {
    font-family: 'Work Sans', sans-serif;
}

/* ICÔNE ZOOM sur image principale (hors lightbox) */
.zoom-indicator {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    background: rgba(107, 115, 69, 0.85);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF3E9;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 5;
}

#mainImageWrapper:hover .zoom-indicator {
    opacity: 1;
}

.zoom-indicator svg {
    width: 20px;
    height: 20px;
}

/* Curseur zoom sur image */
#mainImageWrapper .pswp-link {
    cursor: zoom-in;
}

/* C'EST TOUT ! */