body {
    font-family: "Roboto", "sans-serif";
}

.loading__spinner {
    color: #2f2e78;
}

.site-header__logo img {
    height: 70px;
}

.site-header__cart i {
    color: #3cb8e6;
}

.site-header__cart i:hover {
    color: #5a5a5a;
}

.site-header__cart .indicator__value {
    background-color: #2f2e78;
    color: #fff;
}

.footer-contacts__text img {
    height: 65px;
}

.footer-apps__text img {
    width: 120px;
}

.nav-panel {
    background: #2f2e78;
    color: #FFF;
}

.nav-links__item-link:hover {
    background-color: #3cb8e6;
    color: #fff;
}

.block-brands__slider .owl-nav i, .block-products-carousel__slider .owl-nav i {
    color: #2f2e78;
}

.block-products-carousel__column .product-card__name {
    min-height: 55px;
}

.block-products-carousel__column .product-card__prices {
    min-height: 35px;
    margin-bottom: 10px;
}

.block-products-carousel__column .product-card__buttons {
    margin-top: 0px;
}

.product-card__prices {
    min-height: 15px;
}

.product-card__price {
    color: #2f2e78;
}

.product-card__promotion-legend {
    order: 2;
    font-size: 15px;
}

.product-card__new-price {
    color: #2f2e78;
}

.product__price {
    color: #2f2e78;
}

.product__new-price {
    color: #2f2e78;
}

.top-button {
    color: #2f2e78;
}

@media (max-width: 991px) {
    .indicator__value {
        background: #2f2e78;
        color: #FFF;
    }
}

.page-header__back i {
    color: #2f2e78;
}

.input-check__input:checked ~ .input-check__box {
    background: #2f2e78;
}

.block-slideshow .owl-carousel .owl-dot {
    background: #3cb8e6;
}

.block-slideshow .owl-carousel .owl-dot.active {
    background: #2f2e78;
}

.block-header__arrow {
    background: transparent;
    color: #2f2e78;
}

.block-header__arrow:hover {
    background: #f7f7f7;
    color: #3cb8e6;
}

.block-header__arrow:active {
    background: transparent;
    color: #2f2e78;
}

.block-header__arrow:focus {
    background: #f7f7f7;
    color: #2f2e78;
}

.filter__arrow {
    color: #2f2e78;
}

.site-newsletter__title {
    color: #2f2e78;
}

.footer-links__title {
    color: #2f2e78;
}

.footer-contacts__title, .service-bar__title:hover {
    color: #2f2e78;
}

.footer-newsletter__title {
    color: #2f2e78;
}

.footer-payment__title {
    color: #2f2e78;
}

.footer-seals__title {
    color: #2f2e78;
}

.footer-apps__title {
    color: #2f2e78;
}

.megamenu__links--level--1 .megamenu__item a {
    font-size: 12px;
    white-space: nowrap;
    margin-right: 15px;
}

.footer-seals__text img {
    width: 50%!important;
}

.block-header__title {
    color: #2f2e78;
}

.page-header__title {
    color: #2f2e78;
}

/*
>>>>>>>>>>>> Estilização feita pela Bidolux (product__name) <<<<<<<<<<<<
*/

.owl-item cloned {
    display: none;
}

.owl-item cloned active {
    display: none;
}

.product__name {
    color: #2f2e78;
    text-align: center;
}

.container__products-carousel-grid {
    margin-top: 30px;
}

.product-tabs__item {
    color: #2f2e78;
}

.product-tabs__item:hover {
    color: #2f2e78;
}

.product-tabs__item--active {
    border-bottom-color: #2f2e78;
}

.block-products-carousel[data-layout=grid-5] .product-card .product-card__actions {
    padding: 15px 15px 15px;
}

[dir=ltr] .nav-panel__nav-links {
    margin-right: 0px;
    height: 46px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nav-links__item-link {
        font-size: 13px;
        font-weight: 500;
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    .nav-links__item-link {
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }
}

.nav-links__item--has-submenu .nav-links__item-body {
    padding-right: 15px!important;
}

.nav-links__item-body .fa-chevron-down {
    display: none;
}

.megamenu__links--level--1 > .megamenu__item > a {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    padding-right: 20px;
}

.megamenu__links--level--1 > .megamenu__item > a:hover {
    color: #2f2e78;
}

.megamenu__links--level--1 > .megamenu__item > a:active {
    color: #2f2e78;
}

.megamenu__links--level--1 > .megamenu__item > a:focus {
    color: #2f2e78;
}

.nav-links__item {
    margin-left: 2px;
    margin-right: 2px;
}

.topbar-message {
    background: #606061;
    color: #FFF;
    min-height: 40px;
    padding: 10px;
}

.topbar-message .fa-shipping-fast {
    font-size: 20px;
}

.topbar-app {
    background: #e1e1e1;
    color: #FFF;
    min-height: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
}

.topbar-app img {
    background: #FFF;
    padding: 7px;
    box-shadow: 1px 1px 3px #606061;
    -webkit-box-shadow: 1px 1px 3px #606061;
    -moz-box-shadow: 1px 1px 3px #606061;
    border-radius: 10px;
    height: 48px;
}

.topbar-app .btn {
    font-weight: 500;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #606061;
    -webkit-box-shadow: 1px 1px 3px #606061;
    -moz-box-shadow: 1px 1px 3px #606061;
}

.site-newsletter {
    background: #2f2e78;
}

.site-newsletter__title {
    color: #fff;
}

.service-bar {
    background: #3cb8e6;
    margin-top: 0px;
}

.site-header__phone-title {
    color: #2f2e78;
}

.search__button {
    color: #3cb8e6;
}

.search__button:hover {
    color: #2f2e78;
}

.page-header__title {
    color: #2f2e78;
}

.service-bar__title:hover {
    color: #2f2e78;
}

.service-bar__title {
    color: #fff;
}

.mobile-header__logo img {
    max-height: 45px;
    max-width: 200px;
}

.site-header__phone-title {
    font-size: 17px;
}

.nav-links__item--has-submenu .nav-links__item-body {
    padding-right: 5px!important;
}

.nav-links__list {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}

.nav-links__item-body {
    padding: 0 10px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
}

.search__button {
    background: #3cb8e6;
    color: #fff;
}


.topbar-app .btn {
    font-weight: 500;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #606061;
    -webkit-box-shadow: 1px 1px 3px #606061;
    -moz-box-shadow: 1px 1px 3px #606061;
}

.site-footer {
    margin: 0px;
    background: #fff;
    border-top: 1px solid #ebebeb;
}

.service-bar {
    margin-bottom: 0px;
}

.product-card .product-card__actions {
    display: flex;
    flex-direction: column;
}

.product-card__buttons {
    order: 3;
}

.product-card {
    border: none;
    /*border: 1px solid;
    background-color: #fff;
    border-color: #2f2e78;
    border-radius: 4px;
    */
    margin: 10px;
}

.product-card:hover {
    border-color: #3cb8e6;
}
.widget-filters__item, .page-header__title {
    font-weight: bold;
}
/***********************************************************
   BLOCO FINAL – PERSONALIZAÇÕES BIDOLUX
   (NÃO ALTERA O CSS ORIGINAL — SOMENTE COMPLEMENTA)
************************************************************/

/* =========================================================
   1) BOTÕES – Azul #00188a
========================================================= */

.product-card__addtocart.btn,
.product-card .btn-success,
.btn-success {
    background-color: #00188a !important;
    border-color: #00188a !important;
    color: #fff !important;
    transition: .2s ease;
}

.product-card__addtocart.btn:hover,
.product-card .btn-success:hover,
.btn-success:hover {
    background-color: #1937c0 !important;
    border-color: #1937c0 !important;
}

.product-card__addtocart.btn:focus,
.product-card .btn-success:focus,
.btn-success:focus {
    background-color: #001570 !important;
    border-color: #001570 !important;
    box-shadow: 0 0 0 3px rgba(0, 24, 138, 0.25) !important;
}

/* =========================================================
   2) BARRA DE NEWSLETTER E BARRA DE SERVIÇOS – Azul #00188a
========================================================= */

.site-newsletter {
    background: #00188a !important;
}
.site-newsletter__title {
    color: #fff !important;
}

/* botão ENVIAR */
.site-newsletter__button {
    background-color: #31b4e7 !important;
    border-color: #31b4e7 !important;
    color: #fff !important;
}
.site-newsletter__button:hover {
    background-color: #1aa3d6 !important;
    border-color: #1aa3d6 !important;
}

/* barra inferior */
.service-bar {
    background: #00188a !important;
}

/* ícones */
.service-bar__title a {
    color: #ffffff !important;
}
.service-bar__title a:hover {
    color: #bcd7ff !important;
}

/* =========================================================
   3) CORRIGIR DE CENTRALIZAÇÃO DOS TÍTULOS DO MENU (GARRAFAS / POTES / TAMPAS)
========================================================= */

.nav-panel {
    background: #00188a !important;
}
.nav-links__list {
    position: static !important;
    transform: none !important;
}

/* =========================================================
   4) CORREÇÃO DA DUPLICAÇÃO “GARRAFAS” NO FOOTER
========================================================= */

.footer-links__list > li.footer-links__item:first-child + .footer-sublist + li.footer-links__item {
    display: none !important;
}

/* =========================================================
   5) SUBLISTA DE GARRAFAS – ESTILO MELHORADO
========================================================= */

.footer-sublist {
    margin-top: 4px;
    padding-left: 12px;
}
.footer-sublist li::before {
    color: #b3b3b3 !important;
}

/* =========================================================
   6) TEXTO DOS PRODUTOS — Nome 16px BOLD / Código 12px
========================================================= */

.product-card__name,
.product__name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #5A5A5A !important;
}

.product-card__sku,
.product-card .product-card__sku,
.product__sku,
.product-card__code,
.product-card .product-card__code {
    font-size: 12px !important;
    color: #777 !important;
}

/* Correção mais segura (duct tape universal): */
.product-card__info.text-center p:nth-child(2) {
    font-size: 12px !important;
}

/* =========================================================
   7) BORDAS DOS CARDS — Cinza claro
========================================================= */

.product-card {
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    overflow: hidden;
    background: #fff;
}
.product-card:hover {
    border-color: #3cb8e6 !important;
}

/* =========================================================
   8) COR DO PREÇO – padrão Bidolux (mesmo azul de branding)
========================================================= */

.product-card__price,
.product-card__new-price,
.product__price,
.product__new-price {
    color: #2f2e78 !important;
}
/* ============================================================
   BIDOLUX — Correções Finais (Bloco Adicional)
   NÃO altera nada do CSS original acima
   Apenas corrige:
   1) Footer – sublista de Garrafas
   2) Newsletter – cores novas
   3) Menus Garrafas / Potes / Tampas centralizados
   4) Product cards – nomes 16px bold / código 12px
   ============================================================ */


/* ------------------------------------------------------------
   1) FOOTER — Espaçamento correto da sublista "GARRAFAS"
   Remove espaço duplicado e deixa visual limpo
------------------------------------------------------------ */
.footer-links__list > .footer-links__item:first-child {
    margin-bottom: 8px !important;
    /* espaço entre GARRAFAS e sublista */
}

.footer-sublist {
    margin-top: 0 !important;
    /* cola a sublista logo abaixo */
    margin-bottom: 12px !important;
    padding-left: 20px !important;
}

.footer-sublist li {
    list-style: none;
    padding-left: 14px;
    position: relative;
    margin-bottom: 6px;
}

.footer-sublist li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #5a5a5a;
    font-size: 14px;
}



/* ------------------------------------------------------------
   2) NEWSLETTER — Fundo azul claro / Botão azul escuro
   #00188a = azul escuro da marca
   #3cb8e6 = azul claro
------------------------------------------------------------ */

.site-newsletter {
    background: #3cb8e6 !important;
    /* azul claro */
}

.site-newsletter__title {
    color: #ffffff !important;
    font-weight: 600;
}

.site-newsletter__input {
    border: 1px solid #ccc !important;
}

.site-newsletter__button {
    background: #00188a !important;
    /* azul escuro */
    color: #fff !important;
    font-weight: 600;
    border: none;
}

.site-newsletter__button:hover {
    background: #0030d0 !important;
}



/* ------------------------------------------------------------
   3) MENU SECUNDÁRIO (GARRAFAS – POTES – TAMPAS)
   Alinhar itens ao centro corretamente
------------------------------------------------------------ */

.nav-panel__nav-links,
.nav-links__list {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.nav-links__item {
    margin: 0 14px !important;
}



/* ------------------------------------------------------------
   4) PRODUCT CARDS – correção tipográfica
   Nome 16px Bold
   Código 12px normal
------------------------------------------------------------ */

.product-card__name,
.product__name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #5a5a5a !important;
}

.product-card__sku,
.product-card__code,
.product-card__meta,
.product__sku {
    font-size: 12px !important;
    color: #5a5a5a !important;
}



/* ------------------------------------------------------------
   5) Botões do card (Adicionar) — azul escuro da marca
------------------------------------------------------------ */
.product-card__buttons .btn,
.btn-primary,
.button--primary {
    background: #00188a !important;
    border-color: #00188a !important;
    color: #fff !important;
}

.product-card__buttons .btn:hover,
.btn-primary:hover,
.button--primary:hover {
    background: #0030d0 !important;
}


/* ------------------------------------------------------------
   6) Bordas dos produtos em cinza claro
------------------------------------------------------------ */

.product-card {
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.product-card:hover {
    border-color: #3cb8e6 !important;
}
/* ================================
   TÍTULO INTERNO DO PRODUTO
   (página de produto — )
=================================== */

.product__name {
    font-size: 22px !important;
    /* aumenta o tamanho */
    font-weight: 700 !important;
    /* deixa mais destacado */
    color: #5A5A5A !important;
    /* mantém a cor original do template */
    margin: 0 0 12px 0 !important;
    /* remove espaçamentos indevidos */
    text-align: left !important;
    /* garante alinhamento à esquerda */
}

/* Ajuste para garantir alinhamento com a coluna de informações */
.product__info {
    margin-top: 10px !important;
}
/* ================================================
   BIDOLUX — Unificação do topo com cor #00188a
   Seguro — Não afeta carrosséis ou comportamento JS
=================================================== */

/* BACKGROUND do topo superior (onde tem login, área do representante, fale conosco) */
.topbar,
.topbar__container,
.header__top {
    background-color: #00188a !important;
}

/* Texto do topo */
.topbar a,
.topbar span,
.topbar__item,
.header__top a,
.header__top span {
    color: #ffffff !important;
}

/* Ícones do topo */
.topbar i,
.header__top i {
    color: #ffffff !important;
}

/* ================================================
   HEADER PRINCIPAL (logo, busca, carrinho)
=================================================== */
.site-header,
.site-header__container {
    background-color: #00188a !important;
}

/* Texto e ícones do header */
.site-header * {
    color: #ffffff !important;
}

/* Telefones */
.site-header__contacts a,
.site-header__contacts span {
    color: #ffffff !important;
}

/* ================================================
   BARRA DE BUSCA
=================================================== */

/* Caixa de busca */
.search__input,
.search__input input {
    background: #ffffff !important;
    color: #00188a !important;
    border: none !important;
}

/* Placeholder */
.search__input input::placeholder {
    color: #4a5fb0 !important;
    /* azul claro para contraste */
}

/* Botão da lupa */
.search__button {
    background: #0033cc !important;
    /* azul mais claro para destacar */
    color: #ffffff !important;
}

.search__button:hover {
    background: #2f49d1 !important;
}

/* ================================================
   ICONE DO CARRINHO
=================================================== */
.site-header__cart i {
    color: #ffffff !important;
}

.site-header__cart:hover i {
    color: #c6d4ff !important;
}

/* ================================================
   MENU (GARRAFAS / POTES / TAMPAS)
   — já usa #00188a, apenas reforçando —
=================================================== */
.nav-panel {
    background-color: #00188a !important;
}

/* Links do menu */
.nav-links__item-link {
    color: #ffffff !important;
}

.nav-links__item-link:hover {
    background-color: #0026c1 !important;
}
/* ============================================================
   BIDOLUX — Corrigir topo azul SEM quebrar o menu
============================================================ */

/* Topo superior */
.topbar,
.header__top,
.topbar__container {
    background-color: #00188a !important;
}

/* Textos e ícones do topo */
.topbar a,
.topbar span,
.topbar i,
.header__top a,
.header__top span,
.header__top i {
    color: #ffffff !important;
}

/* ============================================================
   HEADER PRINCIPAL (logo, busca, carrinho)
============================================================ */

.site-header,
.site-header__container {
    background-color: #00188a !important;
}

/* NÃO APLICAR COR EM TUDO — isso quebrava o menu */
/* Apenas telefone */
.site-header__contacts *,
.site-header__phone-title {
    color: #ffffff !important;
}

/* Ícone do carrinho */
.site-header__cart i {
    color: #ffffff !important;
}

/* ============================================================
   BARRA DE BUSCA
============================================================ */

.search__input input {
    background: #ffffff !important;
    color: #00188a !important;
}

.search__input input::placeholder {
    color: #4d64b8 !important;
}

/* Botão da lupa */
.search__button {
    background-color: #0033cc !important;
    color: #ffffff !important;
}

.search__button:hover {
    background-color: #1f47d5 !important;
}

/* ============================================================
   BARRA DO MENU (GARRAFAS / POTES / TAMPAS)
============================================================ */

.nav-panel {
    background-color: #00188a !important;
}

/* Links principais */
.nav-links__item-link {
    color: #ffffff !important;
}

/* Hover – menu superior */
.nav-links__item-link:hover {
    background-color: #0024c0 !important;
    color: #ffffff !important;
}

/* Dropdown NÃO pode ficar branco → manter padrão */
.megamenu,
.megamenu__body,
.nav-links__sub-menu,
.megamenu__links {
    background: #ffffff !important;
    color: #00188a !important;
}

/* Links internos do dropdown */
.megamenu__item a {
    color: #00188a !important;
}

.megamenu__item a:hover {
    color: #0024c0 !important;
    text-decoration: underline;
}
/*********************************************
CORREÇÃO – BARRA SUPERIOR + NAVEGAÇÃO PRINCIPAL
**********************************************/

/* Topo (toda a barra superior) */
.site-header,
.topbar,
.header,
.header__topbar,
.site-header__topbar {
    background-color: #1A2A63 !important;
}

/* Barra onde ficam os menus GARAFAS / POTES / TAMPAS */
.nav-panel,
.nav-links__list,
.nav-links,
.nav-panel__nav-links {
    background-color: #1A2A63 !important;
}

/* Ícones e textos do topo (Fale Conosco, login, etc.) */
.site-header a,
.topbar a,
.header__topbar a,
.site-header__topbar a,
.site-header__phone,
.site-header__nav a,
.site-header__indicators i,
.site-header__cart i {
    color: #ffffff !important;
}

/* Busca – manter visível em fundo escuro */
.search__input {
    background: #ffffff !important;
    color: #1A2A63 !important;
}
.search__button {
    background: #3cb8e6 !important;
    color: #ffffff !important;
}
.search__input::placeholder {
    color: #7a7a7a !important;
}

/*********************************************
FORÇAR ORDEM DO MENU (POTES • GARRAFAS • TAMPAS)
**********************************************/

/* Garante que a UL do menu seja flexível */
.nav-links__list {
    display: flex !important;
}

/*
IMPORTANTE:
Os valores abaixo assumem que os textos dos links são exatamente:
"GARRAFAS", "POTES", "TAMPAS"
Caso estejam em caixa diferente, me avise que ajusto.
*/

/* POTES primeiro */
.nav-links__item-link[href*="potes"],
.nav-links__item a[href*="potes"] {
    order: 1 !important;
}

/* GARRAFAS depois */
.nav-links__item-link[href*="garrafas"],
.nav-links__item a[href*="garrafas"] {
    order: 2 !important;
}

/* TAMPAS por último */
.nav-links__item-link[href*="tampas"],
.nav-links__item a[href*="tampas"] {
    order: 3 !important;
}

/*********************************************
GARANTIR VISIBILIDADE DOS MENUS NO HOVER
**********************************************/
.nav-links__item-link {
    color: #ffffff !important;
}
.nav-links__item-link:hover {
    background-color: #3cb8e6 !important;
    color: #ffffff !important;
}

/*********************************************
CORREÇÃO DO DROPDOWN MEGAMENU (quando abrir)
**********************************************/
.megamenu {
    background-color: #ffffff !important;
}
.megamenu a {
    color: #1A2A63 !important;
}
.megamenu a:hover {
    color: #3cb8e6 !important;
}
/* Correção: forçar cor da barra superior (topbar) */
.site-header__topbar,
.site-header__topbar .topbar,
.topbar__row,
div.topbar__row {
    background-color: #0B1E59 !important;
}

/* Corrige também bordas e separadores invisíveis */
.site-header__topbar *,
.topbar__row * {
    color: #FFFFFF !important;
    border-color: transparent !important;
}
/* Reorganizar ordem do menu: Potes → Garrafas → Tampas */
.nav-links__list {
    display: flex !important;
}

/* Identifica cada item pelo texto e reordena */
.nav-links__item-link[href*="potes"] {
    order: 1 !important;
}

.nav-links__item-link[href*="garrafas"] {
    order: 2 !important;
}

.nav-links__item-link[href*="tampas"] {
    order: 3 !important;
}
/* Força a ordem do menu na barra azul */
.nav-links__list {
    display: flex !important;
}

/* 1º POTES */
.nav-links__list li:has(a[href*="potes"]) {
    order: 1 !important;
}

/* 2º GARRAFAS */
.nav-links__list li:has(a[href*="garrafas"]) {
    order: 2 !important;
}

/* 3º TAMPAS */
.nav-links__list li:has(a[href*="tampas"]) {
    order: 3 !important;
}
/* ============================================================
   REMOVER APENAS OS ITENS DUPLICADOS DO FOOTER
   (GARRAFAS, POTES e TAMPAS que aparecem sem submenus)
   ============================================================ */

/* Remove qualquer item do footer que NÃO tenha sublista */
.site-footer .footer-links__item:not(:has(.footer-sublist)) {
    display: none !important;
}

.block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.block-header__divider {
    flex-grow: 1;
    height: 1px;
    background-color: #e5e5e5;
    display: block !important;
}
.block-header__divider:nth-of-type(1) {
    order: 1;
}
.block-header__title {
    order: 2;
    margin: 0 15px;
    flex-grow: 0;
}
.block-header__divider:nth-of-type(2) {
    order: 3;
}