/* ==========================================================================
   BYD Conquista 2026 – estilos do tema
   Carregado depois do Porto (theme/theme-elements/skin) e antes dos estilos
   dos blocos (wp_head); por isso as regras de botões usam !important.
   ========================================================================== */

/* Base
   -------------------------------------------------------------------------- */
body {
    margin: 0;
    background-color: var(--light);
    color: #000;
    font-family: "Montserrat", system-ui, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

b,
strong {
    font-weight: bold;
}

/* Utilitários usados no conteúdo dos blocos
   -------------------------------------------------------------------------- */
.transform-coluna-botoes {
    transform: translate(-50%, 25%);
    bottom: 160px;
}

.bottom-110px {
    bottom: 110px;
}

.bottom-100px {
    bottom: 100px;
}

.social-icons li a {
    border-radius: 10%;
}

/* Botões dos blocos: contorno branco (padrão) ou preto (.has-black-color)
   -------------------------------------------------------------------------- */
.wp-block-button__link {
    min-width: 200px !important;
    max-width: 600px !important;
    border: 1px solid #fff !important;
    background: transparent none;
    box-shadow: inset 0 0 0 1px #fff;
    color: #fff !important;
    font-weight: 600 !important;
}

.wp-block-button__link:hover,
.wp-block-button .has-white-color:hover {
    border-color: #fff !important;
    background: #fff !important;
    color: #000 !important;
    text-decoration: none !important;
}

.wp-block-button__link.has-black-color {
    border-color: #000 !important;
    box-shadow: inset 0 0 0 1px #000;
    color: #000 !important;
}

.wp-block-button__link.has-black-color:hover {
    border-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
}

/* Barra do WhatsApp no topo (só no celular)
   -------------------------------------------------------------------------- */
#top-navbar {
    display: none;
    width: 100%;
    padding: 10px 0;
    background: #000;
    color: #fff;
    text-align: center;
}

#top-navbar a {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}

/* Cabeçalho
   -------------------------------------------------------------------------- */
#header .header-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 3px solid #ededed;
    border-bottom: 0;
    background: #252728;
    transition: min-height .3s ease;
    z-index: 1001;
}

html.sticky-header-active #header .header-body {
    border-bottom: none;
    box-shadow: none;
}

#header .header-btn-collapse-nav {
    background: transparent;
    font-size: 1.5rem;
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
    display: flex;
    align-items: center;
    height: auto;
    min-height: 0;
    margin: 0 20px;
    padding: 0;
    border-bottom: 2px solid transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.375;
    text-transform: none;
    pointer-events: all;
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a:hover {
    border-bottom: 2px solid #fff;
    color: #fff;
}

@media (min-width: 768px) {
    .menu-whatsapp:hover a {
        border-bottom: 2px solid transparent !important;
        color: #ddd !important;
    }
}

@media (max-width: 991px) {
    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li {
        align-items: start;
        justify-content: left;
    }

    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
        padding: 15px 15px 15px 1px;
        color: #000;
        font-weight: 700;
        line-height: 1.375;
    }

    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a:hover {
        border-bottom: 2px solid #000;
        color: #000;
    }

    #header .header-nav-main nav > ul li {
        border-bottom: none;
    }
}

@media (max-width: 767.98px) {
    #top-navbar {
        display: block;
    }

    .border-mobile-hidden {
        border: none !important;
    }

    .menu-whatsapp:hover a {
        border-bottom: 2px solid transparent !important;
        color: #000 !important;
    }
}

/* Rodapé (footer.php)
   -------------------------------------------------------------------------- */
#footer .social-icons {
    margin-bottom: 1.5rem;
}