/*
 Theme Name: GeneratePress Child
 Theme URI: https://generatepress.com
 Description: Tema filho personalizado para Manipula Vet.
 Author: Dupla Gen
 Template: generatepress
 Version: 1.0
*/

/* Importa o estilo do GeneratePress */
@import url("../generatepress/style.css");
/* ================================
   BARRA VERDE SUPERIOR (MENU VET)
   ================================ */

.top-bar-custom {
    width: 100%;
    background-color: #099e07;
    padding: 8px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    flex-wrap: nowrap;
    position: relative;
    z-index: 9999;
}

/* Ícones e textos */
.top-bar-custom a {
    color: white !important;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Ajuste fino dos ícones */
.top-bar-custom img,
.top-bar-custom svg {
    width: 20px;
    height: 20px;
}

/* ================================
   MOBILE – TUDO EM UMA LINHA
   ================================ */

@media (max-width: 768px) {
    .top-bar-custom {
        flex-wrap: wrap; /* Permite quebrar se faltar espaço */
        gap: 18px;
        justify-content: center;
        text-align: center;
        padding: 12px 10px;
    }

    .top-bar-custom a {
        font-size: 14px;
        display: flex;
        align-items: center;
        white-space: nowrap; /* Impede quebra feia */
    }
}
/* =======================
   FORÇAR MENU PRINCIPAL VERDE
   ======================= */

/* Fundo do menu */
.main-navigation,
.main-navigation .main-nav ul li a {
    background-color: #099e07 !important;
}

/* Texto do menu (links) */
.main-navigation .main-nav ul li a {
    color: #ffffff !important;
    font-weight: 600;
}

/* Quando passa o mouse */
.main-navigation .main-nav ul li:hover > a {
    background-color: #078b05 !important;
    color: #ffffff !important;
}

/* Menu mobile (hamburger aberto) */
.main-navigation .main-nav ul {
    background-color: #099e07 !important;
}

/* Ícone do menu mobile */
.menu-toggle {
    color: #ffffff !important;
}

/* Header alinhado com o verde */
.site-header {
    background-color: #099e07 !important;
}

/* Remover bordas brancas do menu */
.main-navigation ul li {
    border-color: transparent !important;
}
/* ================================
   DESTACAR ITEM ATIVO DO MENU
   ================================ */

/* Cor do texto quando a página está ativa */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_ancestor > a {
    color: #f3fa00 !important;
}

/* Cor do texto no mobile também */
.main-navigation .main-nav ul .current-menu-item > a,
.main-navigation .main-nav ul .current_page_item > a {
    color: #f3fa00 !important;
}