/* =============================================================================
   VIVEIRO VILLA GARDEN - CORREÇÕES DE SCROLLBAR E HOVER
   Desenvolvido por: Jay C Designer
   Website: jaycdesigner.com.br
   Copyright © 2025 Jay C Designer
   
   Correções específicas para problemas de scrollbar e efeitos hover
============================================================================= */

/* ================================
   CORREÇÕES GLOBAIS DE SCROLLBAR
================================ */

/* Previne scrollbars horizontais indesejadas */
html {
    overflow-x: hidden !important;
}

body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* Elementos específicos que NÃO devem ter scrollbar */
.nav-list,
.nav-link,
.species-content,
.species-features,
.contact-actions,
.catalog-grid,
.species-columns,
.species-item,
.btn,
.filter-buttons,
.species-grid,
.partners-grid,
.footer-content {
    overflow: visible !important;
    max-width: 100% !important;
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE */
}

/* ================================
   CORREÇÕES ESPECÍFICAS PARA GRIDS
================================ */

/* Correção para o grid de espécies */
@media (max-width: 768px) {
    .species-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .species-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .species-card {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* Correção para o grid de parceiros */
@media (max-width: 480px) {
    .partners-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .partner-item {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: auto !important;
    }
}

/* Correção para o rodapé */
@media (max-width: 768px) {
    .footer-content {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .footer-brand,
    .footer-links,
    .footer-contact {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

.nav-list::-webkit-scrollbar,
.nav-link::-webkit-scrollbar,
.species-content::-webkit-scrollbar,
.species-features::-webkit-scrollbar,
.contact-actions::-webkit-scrollbar,
.catalog-grid::-webkit-scrollbar,
.species-columns::-webkit-scrollbar,
.species-item::-webkit-scrollbar,
.btn::-webkit-scrollbar,
.filter-buttons::-webkit-scrollbar,
.species-grid::-webkit-scrollbar,
.partners-grid::-webkit-scrollbar,
.footer-content::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
    display: none !important;
}

/* ================================
   CORREÇÕES DE EFEITOS HOVER
================================ */

/* Corrige o WhatsApp float - remove animação constante */
.whatsapp-float {
    animation: none !important; /* Remove animação constante */
}

.whatsapp-float:hover {
    animation: pulse-whatsapp 0.6s ease !important; /* Aplica apenas no hover */
}

/* Corrige botões de contato - garante que efeitos só apareçam no hover */
.contact-actions .btn {
    transform: none !important;
    transition: all 0.3s ease !important;
}

.contact-actions .btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2) !important;
}

/* ================================
   CORREÇÕES ESPECÍFICAS MOBILE
================================ */

@media (max-width: 768px) {
    /* Força overflow hidden em mobile */
    * {
        box-sizing: border-box !important;
    }
    
    .container,
    .catalog-grid,
    .species-columns,
    .nav-list {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Remove qualquer scrollbar horizontal */
    body::-webkit-scrollbar:horizontal {
        display: none !important;
    }
}

/* ================================
   PREVENÇÃO DE CONFLITOS
================================ */

/* Isola estilos para prevenir conflitos entre arquivos CSS */
.species-item,
.catalog-grid,
.nav-link {
    contain: layout style !important;
}

/* ================================
   FIREFOX SCROLLBAR FIXES
================================ */

/* Firefox - Remove scrollbars horizontais dos elementos problemáticos */
.nav-list,
.nav-link,
.species-content,
.species-features,
.contact-actions,
.catalog-grid,
.species-columns,
.species-item,
.btn,
.filter-buttons,
.species-grid,
.partners-grid,
.footer-content {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}