/* ============================================
   JUNIOR MOTORS — CUSTOM CSS
   Ordem: após fix.min.css
   ============================================ */


/* ── TIPOGRAFIA GLOBAL ── */
body {
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'Roboto', sans-serif;
}


/* ── CABEÇALHO ── */
.header--color {
    background-color: var(--header-background-color);
}

.menu-navigation li,
.menu-navigation li a,
.header__bar-top,
.header__bar-top ul li a {
    font-family: 'Roboto', sans-serif;
    color: var(--header-text-color);
}


/* ── ÍCONES SOCIAIS ── */
/* Mantém o SVG original e aplica grayscale por cima */
.icon__whatsapp-color,
.icon__instagram-color,
.icon__facebook-color,
.icon__tiktok,
.icon__youtube,
.icon__twitter {
    filter: grayscale(100%) brightness(0.5) !important;
    background-color: transparent !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* Botão flutuante WhatsApp — oculto */
.floating-social .talk-floating {
    display: none !important;
}


/* ── BUSCA POR MARCA ── */
.search-component {
    background-color: #191919;
}

#marcas .brand {
    background-color: #ffffff;
    border-color: #cccccc;
    color: #191919;
}

#marcas .brand:hover,
#marcas .brand.selected {
    background-color: #e3e5e6;
    border-color: #514f51;
    box-shadow: 0 0 0 2px #514f51;
}

.search-component label {
    color: #e3e5e6;
    font-family: 'League Gothic', sans-serif;
    letter-spacing: 1.5px;
    font-size: 14px;
}

.search-component .button--primary {
    background-color: #514f51 !important;
    color: #e3e5e6;
}

.search-component .button--primary:hover {
    background-color: #191919 !important;
}


/* ── VEÍCULOS EM DESTAQUE ── */
.section-heading h2 {
    font-family: 'League Gothic', sans-serif;
    letter-spacing: 1px;
    color: var(--main-text-color);
}

.card-content h3,
.card-content .card-content__title h3 {
    font-family: 'League Gothic', sans-serif;
    color: #514f51;
    letter-spacing: 0.5px;
}

.card-content span {
    font-family: 'Roboto', sans-serif;
    color: #514f51 !important;
    font-weight: 600;
}

.card-content p {
    font-family: 'Roboto', sans-serif;
    color: #191919;
    font-weight: 700;
}


/* ── PAGINAÇÃO ── */
.pagination ul li {
    background-color: #514f51;
}

.pagination ul .active {
    background-color: #fff;
}

.pagination ul .active a {
    color: #514f51;
}


/* ── FICHA CADASTRAL — steps ── */
.steps li {
    color: #514f51;
}

.steps a {
    color: inherit !important;
}

.steps .active {
    border-color: #514f51 !important;
    color: #514f51 !important;
}


/* ── RODAPÉ ── */
.footer {
    background-color: var(--footer-background-color);
    font-family: 'Roboto', sans-serif;
    color: #e3e5e6;
}

.footer h5 {
    font-family: 'League Gothic', sans-serif;
    color: #514f51;
    letter-spacing: 1px;
    font-size: 1.3em;
}

.footer p,
.footer address,
.footer ul li,
.footer ul li a {
    font-family: 'Roboto', sans-serif;
    color: #e3e5e6;
}

.footer-copy {
    color: #888;
    font-family: 'Roboto', sans-serif;
}