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

.loading__spinner {
    color: #234A94;
}

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

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

.site-header__cart i:hover {
    color: #4871bf;
}

.site-header__search .search__button {
    color: #5a5a5a;
}

.site-header__phone-title {
    color: #5a5a5a;
}

.site-header__cart .indicator__value {
    background-color: #234A94;
    color: #fff;
}

.filter-badge--promo {
    background: #E53935;
    color: #FFF;
    font-weight: 700;
    font-size: 12px;
}

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

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

.nav-panel {
    background: #234A94;
    color: #FFF;
}

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

.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 {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    margin: 10px;
}

.product-card:hover {
    border-color: #BFBDBD;
}

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

.product-card__price,
.product-card__new-price,
.product__price,
.product__new-price {
    color: #234A94;
    font-weight: 700;
    font-size: 1.15em;
}

.top-button {
    color: #5a5a5a;
}

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

.page-header__back i {
    color: #234A94;
}

.page-header__back .btn {
    background: none;
    color: #5a5a5a;
    padding: .375rem;
}

.input-check__input:checked ~ .input-check__box {
    background: #234A94;
}

.block-slideshow .owl-carousel .owl-dot {
    background: #234A94;
}

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

.block-header__arrow {
    background: transparent;
    color: #5a5a5a;
}

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

.block-header__arrow:active {
    background: transparent;
    color: #234A94;
}

.block-header__arrow:focus {
    background: #f7f7f7;
    color: #234A94;
}

.filter__arrow {
    color: #5a5a5a;
}

.site-newsletter {
    background: #234A94;
}

.site-newslettertitle {
    color: #FFFFFF;
}

.footer-linkstitle {
    color: #5a5a5a;
}

.footer-contactstitle {
    color: #5a5a5a;
}

.service-bartitle:hover {
    color: #234A94;
}

.footer-newslettertitle {
    color: #5a5a5a;
}

.footer-paymenttitle {
    color: #5a5a5a;
}

.footer-sealstitle {
    color: #5a5a5a;
}

.footer-appstitle {
    color: #5a5a5a;
}

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

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

.block-headertitle {
    color: #5a5a5a;
}

.page-headertitle {
    color: #5a5a5a;
}

.product__name {
    color: #234A94;
}

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

.product-tabs__item {
    color: #234A94;
}

.product-tabs__item:hover {
    color: #234A94;
}

.product-tabs__item--active {
    border-bottom-color: #234A94;
}

.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;
}

.nav-links__list {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}
.nav-links__item:last-child .nav-links__item-link {
    background-color: #ff820d;
    margin-left: 10px;
    color: #fff;
}


@media (min-width: 992px) and (max-width: 1199px) {
    .nav-links__item-link {
        font-size: 12px;
        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: 14px;
    font-weight: 500;
    white-space: nowrap;
    padding-right: 20px;
}

.megamenu__links--level--1 > .megamenu__item > a:hover {
    color: #234A94;
}

.megamenu__links--level--1 > .megamenu__item > a:active {
    color: #234A94;
}

.megamenu__links--level--1 > .megamenu__item > a:focus {
    color: #234A94;
}

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

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

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

.topbar-app {
    background: #e1e1e1;
    color: #333333;
    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__title {
    color: #fff;
}

#modal-location .btn {
    background: #234A94;
    color: #fff;
    padding: 10px;
}

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

html .form-control {
    border-radius: 50px;
}
html .btn {
    border-radius: 15px;
    font-weight: 600;
    letter-spacing: 0.2px;
}
html .btn:not(.is-added) {
    background: #234A94;
    border-color: #234A94;
    color: #FFFFFF;
}
html .service-bar {
    margin-top: 0;
}
html .site-newsletter__input {
    border-radius: 50px;
}
html .block-banner__image {
    border-radius: 15px;
    overflow: hidden;
}
html .product-gallery__featured {
    border-radius: 15px;
}
html #show_hide_password .input-group-text {
    border-radius: 0 50px 50px 0;
}
html .card {
    border-radius: 15px;
}
html .search__border {
    border-radius: 50px;
}
html .account-nav {
    border-radius: 15px;
}
html .footer-seals__text img {
    width: 50%
}
html .site-newslettercontainer {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
}

/* FIM  */

/* Substitui o texto do botão de login/cadastro no card de produto por "Ver preço" */
.product-card__login {
    font-size: 0 !important;
    text-decoration: none;
}
.product-card__login::before {
    content: "Ver preço";
    font-size: 16px;
    font-weight: 500;
    display: block;
}

/* Mesma substituição, agora na página de detalhe do produto (confirmado via inspecionar elemento) */
a.btn.btn-light[href*="/entrar"] {
    font-size: 0 !important;
    text-decoration: none;
}
a.btn.btn-light[href*="/entrar"]::before {
    content: "Ver preço";
    font-size: 16px;
    font-weight: 500;
    display: block;
}

/* Hover explícito do botão principal — evita cores fora de padrão vindas do tema base (ex: verde) */
html .btn:not(.is-added):hover,
html .btn:not(.is-added):focus {
    background: #1a3870;
    border-color: #1a3870;
    color: #FFFFFF;
}

/* Botão "Adicionado" — verde sólido, sem misturar com o azul padrão.
   A classe .is-added é aplicada via script (Integrações > Scripts > Footer),
   que detecta quando o texto do botão vira "Adicionado" (o tema usa a mesma
   classe .btn-success o tempo todo, então não dá pra diferenciar só por CSS) */
html .btn.is-added {
    background: #16A34A;
    border-color: #16A34A;
    color: #FFFFFF;
}

html .btn.is-added:hover,
html .btn.is-added:focus {
    background: #128A3E;
    border-color: #128A3E;
    color: #FFFFFF;
}

/* Altura mínima consistente do card de produto, para não desalinhar a grade
   quando cards logados (com preço) e deslogados (com "Ver preço") aparecem juntos */
.product-card {
    display: flex;
    flex-direction: column;
    min-height: 420px;
}
.product-card__login {
    margin-top: auto;
}

@media (max-width: 767px) {
    .product-card {
        min-height: 360px;
    }
}

/* Estados de foco visíveis para navegação por teclado (acessibilidade) */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
.product-card:focus-within {
    outline: 2px solid #234A94;
    outline-offset: 2px;
}

/* Área de toque maior para os botões de quantidade (+/-) no mobile,
   seguindo o mínimo recomendado de 44x44px para evitar erro de toque */
@media (max-width: 767px) {
    .product-card__quantity button,
    .product-card__quantity .btn,
    .quantity__button,
    .quantity-selector button,
    .input-number__button {
        min-width: 44px;
        min-height: 44px;
    }
}

/* ============================================================
   NOVOS AJUSTES — comparativo aprovado (hierarquia preço/CTA)
   ============================================================ */

/* "Total a Pagar" no resumo do carrinho — mesmo peso/cor da PDP */
table.checkout__totals strong {
    color: #234A94;
    font-size: 1.3em;
}

/* Faixa de pedido mínimo — recolorida pra fora do amarelo padrão Bootstrap,
   sem mudar texto/lógica (as duas mensagens continuam aparecendo como hoje) */
.alert.alert-warning {
    background: #FFF4E5;
    border: 1px solid #FFD8A8;
    color: #a15c00;
    font-weight: 600;
}

/* Botão secundário (.btn-light) vira outline — distingue do CTA principal.
   Exclui o botão "Ver preço" (.product-card__login e o link /entrar acima),
   que já tem estilo próprio definido nesse arquivo */
html .btn-light:not(.product-card__login):not([href*="/entrar"]) {
    background: #fff !important;
    color: #234A94 !important;
    border: 1.5px solid #234A94 !important;
    font-weight: 600 !important;
    border-radius: 15px;
}

html .btn-light:not(.product-card__login):not([href*="/entrar"]):hover,
html .btn-light:not(.product-card__login):not([href*="/entrar"]):focus {
    background: #f0f4fb !important;
    color: #1a3870 !important;
}

/* Título "Produtos Relacionados" (e outros blocos que usam esse componente) */
.block-header__title {
    color: #234A94;
}

/* ============================================================
   FIX — badge "% PROMOÇÃO" sempre vermelho
   ============================================================ */

/* Força todos os badges de "% PROMOÇÃO" a ficarem vermelhos,
   sobrescrevendo a cor inline (style="background-color: ...")
   que vem definida por produto/promoção no admin — sem o
   !important não dá pra vencer o style inline no HTML */
.product-card__badge {
    background-color: #FF0000 !important;
    color: #FFFFFF !important;
}