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

.img-magnifier-container {
    position: relative !important;
    display: inline-block;
    /* Padding reduzido já que o zoom só funciona dentro da imagem */
    padding: 10px;
    /* 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;
    flex-shrink: 0; /* Impede que o container encolha */
}

.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: 2px solid #333;
    border-radius: 0; /* Zoom quadrado em vez de circular */
    cursor: none;
    /* Tamanho da lupa quadrada */
    width: 200px;
    height: 200px;
    /* Garante que a lupa fique acima de outros elementos */
    z-index: 99999 !important;
    /* Sombra para dar destaque */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6),
                inset 0 0 10px rgba(255, 255, 255, 0.2),
                0 0 0 2px rgba(255, 255, 255, 0.4);
    /* 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;
    /* Removido limitações específicas para permitir altura automática */
    /* max-width e max-height são controlados pelo fotos.css */
    /* padding é controlado pelo fotos.css */
    margin: 0; /* Remove margin na tela cheia */
}

#box_fotos_full .img-magnifier-container img {
    /* Removido limitações específicas para permitir altura automática */
    /* max-width, max-height são controlados pelo fotos.css */
    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 */
}