/*Write Css*/
a.branding--link{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
}
/* 1. Transforma o grid do footer em Flexbox para alinhar lado a lado */
.bx-footer-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* Centraliza verticalmente a logo e os links */
    justify-content: space-between; /* Joga a logo para esquerda e menu para direita */
    gap: 2rem;
}

/* 2. Ajuste fino da área da logo */
.bx-footer-brand {
    flex: 0 0 auto;
    margin-bottom: 0;
}

/* 3. Força a área do menu a usar o espaço restante, ignorando as colunas estreitas do Bootstrap */
.bx-footer-nav-area {
    flex: 1;
    display: flex;
    justify-content: flex-end; /* Alinha o menu à direita */
}

/* Sobrescreve as colunas do Bootstrap no rodapé para não espremer o menu */
.bx-footer-nav-area .row,
.bx-footer-nav-area .col-xxl-2 {
    width: auto !important;
    margin: 0;
    padding: 0;
}

/* 4. Transforma a lista vertical em um menu horizontal e elegante */
.bx-footer-nav-area .listing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem; /* Espaço agradável entre os links */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 5. Estilo e transição suave para os links */
.bx-footer-nav-area .listing li a {
    color: #a0aabf; /* Cor neutra e harmônica para fundo escuro */
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

.bx-footer-nav-area .listing li a:hover {
    color: #ffffff; /* Destaque branco ao passar o mouse */
}

/* 6. Oculta o título "a" que está sobrando no widget */
.footerTittle {
    display: none !important;
}

/* Responsividade: Volta a empilhar em telas de celular (abaixo de 768px) */
@media (max-width: 768px) {
    .bx-footer-grid {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }
    
    .bx-footer-nav-area {
        justify-content: center;
        margin-top: 1rem;
    }
    
    .bx-footer-nav-area .listing {
        justify-content: center;
    }
}

body.bxhorizon .bx-header .logo img {
    padding-right: 30px;
}