/* =============================================================================
   VIVEIRO VILLA GARDEN - CORREÇÕES DE ANIMAÇÃO E OVERFLOW
   Desenvolvido por: Jay C Designer
   Website: jaycdesigner.com.br
   Copyright © 2025 Jay C Designer
   
   Correções específicas para animações e problemas de overflow
============================================================================= */

/* CORREÇÃO 1: Loader com animação que não corta a imagem */
.loader {
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

.loader-content {
    overflow: visible !important;
    padding: 40px !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.loader-logo {
    overflow: visible !important;
    position: relative !important;
    z-index: 10000 !important;
    margin: 20px !important;
    transform-origin: center center !important;
}

/* Animação pulse melhorada que não corta */
@keyframes pulse-safe {
    0%, 100% { 
        transform: scale(1);
        filter: drop-shadow(0 4px 8px rgba(140, 183, 63, 0.3));
    }
    50% { 
        transform: scale(1.2);
        filter: drop-shadow(0 8px 25px rgba(140, 183, 63, 0.6));
    }
}

.loader-logo {
    animation: pulse-safe 2s infinite !important;
}

/* CORREÇÃO 2: Remove barras ::after no menu mobile */
@media (max-width: 768px) {
    .nav-link::after {
        display: none !important;
        content: "" !important;
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    .nav-link:hover::after,
    .nav-link.active::after {
        display: none !important;
        width: 0 !important;
        opacity: 0 !important;
    }
    
    /* Garante que nav-list não tenha overflow */
    .nav-list {
        overflow: visible !important;
        position: relative !important;
    }
    
    /* Remove qualquer pseudo-elemento dos links */
    .nav-link::before {
        display: none !important;
    }
}

/* CORREÇÃO 3: Garante que animações não sejam cortadas */
.hero, .about, .services, .species, .contact {
    overflow: visible !important;
}

.hero *[data-aos], .about *[data-aos], .services *[data-aos], 
.species *[data-aos], .contact *[data-aos] {
    overflow: visible !important;
}

/* CORREÇÃO 4: Overflow específico para containers com animação */
.service-card, .species-card, .about-item {
    overflow: visible !important;
    position: relative !important;
}

.service-card:hover, .species-card:hover, .about-item:hover {
    overflow: visible !important;
    z-index: 10 !important;
}

/* CORREÇÃO 5: Botões e elementos interativos */
.btn, .filter-btn, .nav-link {
    overflow: visible !important;
    position: relative !important;
}

.btn:hover, .filter-btn:hover {
    overflow: visible !important;
    z-index: 5 !important;
}

/* CORREÇÃO 6: Garantia geral para elementos com transform */
*[style*="transform"], *[class*="animate"], *[data-aos] {
    overflow: visible !important;
}

/* CORREÇÃO 7: Scrollbar personalizada apenas onde necessário */
.nav-menu {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.nav-menu::-webkit-scrollbar {
    display: none !important;
}