/* Positionnement global du bloc loupe */
.loupe-positionneur {
    display: flex;
    width: 100%;
    clear: both;
    margin: 1.5em 0;
}
.loupe-align-center { justify-content: center; }
.loupe-align-left   { justify-content: flex-start; }
.loupe-align-right  { justify-content: flex-end; }

/* Conteneur de la loupe : on force l'empilement vertical */
.loupe_image {
    position: relative !important;
    display: inline-flex !important;
    flex-direction: column;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Zone de l'image (la zone active) */
.spip_doc_inner {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important; /* Crucial pour éviter l'espace sous l'image */
    overflow: hidden;
}

.loupe_image img {
    display: block !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 !important;
}

/* La lentille (créée par le JS) */
.loupe-lens {
    position: absolute;
    box-shadow: 0 0 12px rgba(0,0,0,0.4);
    pointer-events: none;
    z-index: 9999;
    display: none;
}
.loupe-lens img {
    max-width: none !important; /* Interdit au squelette de réduire l'image zoomée */
}