/**
 * Image Magnifier Glass - Estilos
 * Lupa circular que segue o mouse e amplia a imagem
 */

.img-magnifier-container {
    position: relative !important;
    display: inline-block;
    /* Adiciona padding ao redor da imagem para dar espaço para o zoom */
    padding: 50px;
    /* Garante que funcione em mobile */
    touch-action: none; /* Previne zoom e scroll padrão do navegador em touch */
    -webkit-user-select: none; /* Previne seleção de imagem em iOS */
    user-select: none;
}

.img-magnifier-container img {
    display: block;
    /* Previne comportamentos padrão do touch em mobile */
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none; /* Previne callout no iOS */
}

.img-magnifier-glass {
    position: absolute;
    border: 4px solid #333;
    border-radius: 50%;
    cursor: none;
    /* Tamanho da lupa */
    width: 180px;
    height: 180px;
    /* Garante que a lupa fique acima de outros elementos */
    z-index: 99999 !important;
    /* Sombra para dar destaque */
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.7), 
                inset 0 0 15px rgba(255, 255, 255, 0.3),
                0 0 0 4px rgba(255, 255, 255, 0.5);
    /* Evita que a lupa capture eventos de mouse */
    pointer-events: none;
    /* Background */
    background-color: white;
}

/* Quando visível */
.img-magnifier-glass[style*="opacity: 1"] {
    display: block !important;
}

/* Estilos específicos para o magnifier na tela cheia */
#box_fotos_full .img-magnifier-container {
    position: relative !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    max-width: 90%;
    max-height: 90%;
    padding: 60px !important; /* Padding maior na tela cheia */
}

#box_fotos_full .img-magnifier-container img {
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
}

#box_fotos_full .img-magnifier-glass {
    z-index: 1000000 !important; /* Acima do #box_fotos_full que tem z-index 999999 */
}
