/* css\menu.css */
/* Classe para o fundo do menu */
.bg-brand-navbar {
    background-color: var(--cor-brand-navbar) !important;
}

/* Estilo para o novo botão no menu.
  Usei a cor '--cor-brand' original (#00A99D) para ele, 
  pois é mais escura que o fundo do menu, criando o contraste 
  visto na sua imagem.
*/
.btn-navbar-custom {
    background-color: var(--cor-brand); 
    border-color: var(--cor-brand);
    color: var(--cor-light);
    border-radius: 30px;
    font-weight: 600;
    padding: 0.5rem 1rem; /* Um pouco menor que o .btn-brand normal */
}
.btn-navbar-custom:hover {
    background-color: #00877e; /* Tom mais escuro para o hover */
    border-color: #00877e;
    color: var(--cor-light);
}

/* Estilo para os ícones sociais no menu (AJUSTADO CONFORME DESIGN) */
.navbar-social-icons .nav-link {
    /* Cor do ícone (conforme solicitado) */
    color: #299E9B !important; 
    
    /* Fundo branco (conforme solicitado) */
    background-color: var(--cor-light);
    
    /* Dimensões do círculo (ajustado para um bom visual) */
    width: 36px;  /* Largura fixa */
    height: 36px; /* Altura fixa */
    
    /* Círculo perfeito */
    border-radius: 50%;
    
    /* Centralização flexível do ícone dentro do círculo */
    /* Isso garante que o ícone fique perfeitamente no centro */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Tamanho do ícone (um pouco menor para caber bem no círculo) */
    font-size: 1.15rem; 
    line-height: 1; /* Remove altura de linha extra */
}

.navbar-social-icons .nav-link:hover {
    /* Efeito de zoom ao passar o mouse */
    transform: scale(1.1); 
    transition: transform 0.2s;
    
    /* Cor do ícone não muda no hover */
    color: #299E9B !important; 
    
    /* Fundo fica levemente cinza no hover */
    background-color: #f0f0f0; 
}

/* Adiciona um pequeno espaço à esquerda de cada ícone social, 
   exceto o primeiro, para que não fiquem colados. */
.navbar-social-icons .nav-item + .nav-item {
    margin-left: 0.5rem; /* 8px de espaço entre os ícones */
}

.navbar-brand {
    height: 40px;
    width: 40px;
}

.branco {
    color: #ffffff !important;
    font-size: 1.05rem;
}