@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//motopecascenter.com.br/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//motopecascenter.com.br/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//motopecascenter.com.br/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//motopecascenter.com.br/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//motopecascenter.com.br/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//motopecascenter.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//motopecascenter.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//motopecascenter.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//motopecascenter.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "MOTO PECAS CENTER N ", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(35,35,35);
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(20,19,3);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(255,102,0);
	--wd-alternative-color: rgb(0,112,243);
	--btn-default-bgcolor: rgb(24,82,219);
	--btn-default-bgcolor-hover: rgb(2,67,219);
	--btn-accented-bgcolor: rgb(24,82,219);
	--btn-accented-bgcolor-hover: rgb(2,67,219);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(0,180,37);
	--notices-success-color: rgb(255,255,255);
	--notices-warning-bg: rgb(0,112,243);
	--notices-warning-color: rgb(255,255,255);
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(130,36,227);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: uppercase;
}
html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	text-transform: lowercase;
}
html .cart-actions .button[name="update_cart"] {
	font-weight: 300;
	color: rgb(255,255,255);
	background: rgb(255,102,0);
}
html .cart-actions .button[name="update_cart"]:hover {
	background: rgb(255,117,25);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "MOTO PECAS CENTER N 3";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-300.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER N 5";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER N 6";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER N 7";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER N 8";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-800.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER N 9";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-900.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER N";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER IT 3";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-300italic.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER IT 5";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-500italic.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER IT 6";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-600italic.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER IT 7";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-700italic.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER IT 8";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-800italic.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER IT 9";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-900italic.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "MOTO PECAS CENTER IT";
	src: url("//motopecascenter.com.br/wp-content/uploads/rubik-v31-latin-italic.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

/* reduz a altura dos itens da coluna lateral do mega menu (os laranjas) */
.wd-dropdown-menu .wd-sub-menu .menu-item > a,
.wd-dropdown-menu .menu-item.menu-item-has-children > a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.2 !important;
}
/* Botão "Finalizar compra" – WoodMart */
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
    background-color: #00B425 !important;
    border-color: #00B425 !important;
    color: #ffffff !important;
    padding: 14px 22px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}
/* Hover */
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}
/* Botão ADICIONAR AO CARRINHO - produto */
.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt {
    background-color: #00B425 !important;  /* verde */
    border-color: #00B425 !important;
    color: #ffffff !important;
}
/* Hover */
.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt:hover {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}
/* BOTÃO VER CARRINHO - MINI CART */
.woocommerce-mini-cart__buttons .button.btn-cart.wc-forward {
    background-color: #0070f3 !important; /* azul exemplo */
    color: #fff !important;
    border-color: #0070f3 !important;
    border-radius: 6px !important;
}
/* Hover */
.woocommerce-mini-cart__buttons .button.btn-cart.wc-forward:hover {
    background-color: #005bd1 !important; /* azul mais escuro */
    border-color: #005bd1 !important;
}
/* BOTÃO FINALIZAR COMPRA - MINI CART */
.woocommerce-mini-cart__buttons .button.checkout.wc-forward {
    background-color: #00B425 !important; /* azul ou a cor que você escolher */
    color: #fff !important;
    border-color: #00B425 !important;
    border-radius: 6px !important;
}
/* Hover */
.woocommerce-mini-cart__buttons .button.checkout.wc-forward:hover {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
}
/* Arredondar bordas do botão ADICIONAR AO CARRINHO */
.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt {
    border-radius: 5px !important;
}
.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt:hover {
    border-radius: 5px !important;
}
/* Botão FINALIZAR PEDIDO - Checkout */
.woocommerce #payment #place_order.button.alt {
    background-color: #00B425 !important;  /* verde */
    border-color: #00B425 !important;
    color: #ffffff !important;
    border-radius: 5px !important; /* ou 3px se quiser combinar */
}
/* Hover */
.woocommerce #payment #place_order.button.alt:hover {
    background-color: #16a34a !important; 
    border-color: #16a34a !important;
    color: #ffffff !important;
}
/* PINTAR SOMENTE A LATERAL DO MEGAMENU */
.wd-design-aside.wd-dropdown-menu {
    background-color: #ffffff !important;
}
/* Fundo laranja — colunas internas do megamenu */
ul.wd-sub-menu.color-scheme-dark {
    background-color: #1783C2 !important;
}
/* Remove o fundo cinza do hover no AJAX Search do WoodMart */
.wd-search-results .wd-suggestion,
.wd-search-results .wd-suggestion:hover,
.wd-search-results .wd-suggestion:focus {
    background-color: transparent !important;
}
/* Oculta completamente a seção de cupom de desconto no checkout */
.wd-checkout-coupon {
    display: none !important;
}
.woocommerce-error {
    margin-top: -40px !important;
}
.wd-search-form-mobile button.searchsubmit {
    background-color: #114770 !important;
    border-color: #114770 !important;
}
header .searchform.wd-style-with-bg-2 button.searchsubmit {
    background-color: #114770 !important;
    border-color: #114770 !important;
}
.banner-full-res img {
    width: 100% !important;
    height: auto !important;
    image-rendering: auto !important;
    -webkit-image-rendering: auto !important;
    object-fit: cover !important;
}
/* FORÇAR WORDPRESS A USAR A IMAGEM ORIGINAL E IGNORAR SRCSET */
.banner-full-res img {
    srcset: none !important;
}		
/* =====================================================
   FOOTER — AJUSTE DE ARREDONDAMENTO (MOBILE)
   ===================================================== */
/* =====================================================
   FOOTER — AJUSTE DE ARREDONDAMENTO (MOBILE)
   ===================================================== */
/* Fundo de trás (cinza) continua no footer */
body .website-wrapper footer.wd-footer.footer-container {
  background: #e6e6e6 !important;
}
/* A área de colunas do footer */
body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  align-items: stretch !important;
}
/* COLUNA 1 (vertical) — fica em cima e FORA do azul */
body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}
/* COLUNAS 2–5 — são o BLOCO AZUL */
body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:not(:first-child) {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  background: #0b2a4a !important;
  padding: 18px 18px !important;
  margin: 0 !important;
  border-radius: 0 !important; /* Remove arredondamento padrão de todas */
}
/* “Borda” do bloco azul (Desktop/Tablet) */
body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:nth-child(2) {
  border-radius: 10px 0 0 10px !important;
  padding-left: calc(18px + 25px) !important; /* <-- CONTROLE AQUI (ex: + 30px) */
}
body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:nth-child(5) {
  border-radius: 0 10px 10px 0 !important;
}
/* Responsivo: Tablet */
@media (max-width: 1024px) {
  body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:not(:first-child) {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:nth-child(2) {
    border-radius: 10px 0 0 0 !important;
  }
  body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:nth-child(5) {
    border-radius: 0 0 10px 0 !important;
  }
/* Responsivo: Mobile (Ajuste solicitado) */
@media (max-width: 600px) {
  body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:not(:first-child) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important; /* Garante que fiquem quadradas por padrão */
  }
/* Coluna 2: Somente as duas pontas de CIMA arredondadas */
  body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:nth-child(2) {
    border-radius: 10px 10px 0 0 !important;
    padding-left: calc(18px + 0px) !important; /* <-- CONTROLE AQUI (ex: + 30px) */
  }
/* Coluna 5: Somente as duas pontas de BAIXO arredondadas */
  body .website-wrapper footer.wd-footer.footer-container aside.footer-sidebar.widget-area.wd-grid-g > div.footer-column:nth-child(5) {
    border-radius: 0 0 10px 10px !important;
}
 /* =====================================================
   CARROSSEL DE CATEGORIAS — DIVISÓRIAS BRANCAS
   ===================================================== */
/* Borda externa dos cards */
body .wd-cats-element .category-grid-item,
body .wd-cats-element .wd-cat-wrap,
body .wd-cats-element .wd-cat-inner{
  border-color: #ffffff !important;
}
/* Divisórias entre os itens do carrossel */
body .wd-cats-element .wd-carousel-item{
  border-left-color: #ffffff !important;
  border-right-color: #ffffff !important;
}
/* Linha de separação interna (quando existe) */
body .wd-cats-element .wd-cat-inner:before,
body .wd-cats-element .wd-cat-inner:after{
  background-color: #ffffff !important;
}
/* Caso o tema use sombra como divisória */
body .wd-cats-element .category-grid-item{
  box-shadow: inset 0 0 0 1px #ffffff !important;
}
/* =====================================================
   CARROSSEL CATEGORIAS (WoodMart) — REMOVER CINZA E DEIXAR BRANCO PURO
   ===================================================== */
/* 1) Mata o fundo cinza do bloco "wd-products-with-bg" */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel-inner,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel{
  background: #ffffff !important;
  background-color: #ffffff !important;
}
/* 2) Garante branco dentro de cada item/card */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .category-grid-item,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-wrap,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-inner{
  background: #ffffff !important;
  background-color: #ffffff !important;
}
/* 3) Se o "cinza" for separador/sombra do tema, força branco */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .category-grid-item{
  box-shadow: inset 0 0 0 1px #ffffff !important;
  border-color: #ffffff !important;
}
/* =====================================================
   CARROSSEL DE CATEGORIAS (WoodMart) — FUNDO/“CINZA” -> BRANCO (GERAL)
   Desktop + Tablet + Mobile
   ===================================================== */
/* Fundo do bloco do carrossel (o cinza vem daqui) */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel-inner,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel-wrap,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel-item{
  background: #fff !important;
  background-color: #fff !important;
}
/* Fundo de cada “card”/item */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .category-grid-item,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-wrap,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-inner,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-content{
  background: #fff !important;
  background-color: #fff !important;
}
/* Se o tema desenha “divisória” com borda/sombra, força branco */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .category-grid-item{
  border-color: #fff !important;
  box-shadow: inset 0 0 0 1px #fff !important;
}
/* Aumenta o X do filtro Woodmart */
.wd-pf-results li.selected-value{
    position: relative;
    padding-right: 34px !important;
}
.wd-pf-results li.selected-value::after{
    font-size: 44px !important;      /* tamanho do X */
    width: 28px !important;          /* área clicável */
    height: 28px !important;
    line-height: 28px !important;
    text-align: center;
    right: 4px !important;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}
/* efeito visual ao passar o mouse */
.wd-pf-results li.selected-value:hover::after{
    background: #000;
    color: #fff;
}
@media (min-width: 1025px) {
	/* =====================================================
   CARROSSEL DE CATEGORIAS — DIVISÓRIAS BRANCAS
   ===================================================== */
/* Borda externa dos cards */
body .wd-cats-element .category-grid-item,
body .wd-cats-element .wd-cat-wrap,
body .wd-cats-element .wd-cat-inner{
  border-color: #ffffff !important;
}
/* Divisórias entre os itens do carrossel */
body .wd-cats-element .wd-carousel-item{
  border-left-color: #ffffff !important;
  border-right-color: #ffffff !important;
}
/* Linha de separação interna (quando existe) */
body .wd-cats-element .wd-cat-inner:before,
body .wd-cats-element .wd-cat-inner:after{
  background-color: #ffffff !important;
}
/* Caso o tema use sombra como divisória */
body .wd-cats-element .category-grid-item{
  box-shadow: inset 0 0 0 1px #ffffff !important;
}
/* =====================================================
   CARROSSEL CATEGORIAS (WoodMart) — REMOVER CINZA E DEIXAR BRANCO PURO
   ===================================================== */
/* 1) Mata o fundo cinza do bloco "wd-products-with-bg" */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel-inner,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel{
  background: #ffffff !important;
  background-color: #ffffff !important;
}
/* 2) Garante branco dentro de cada item/card */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .category-grid-item,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-wrap,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-inner{
  background: #ffffff !important;
  background-color: #ffffff !important;
}
/* 3) Se o "cinza" for separador/sombra do tema, força branco */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .category-grid-item{
  box-shadow: inset 0 0 0 1px #ffffff !important;
  border-color: #ffffff !important;
}
/* =====================================================
   CARROSSEL DE CATEGORIAS (WoodMart) — FUNDO/“CINZA” -> BRANCO (GERAL)
   Desktop + Tablet + Mobile
   ===================================================== */
/* Fundo do bloco do carrossel (o cinza vem daqui) */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel-inner,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel-wrap,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-carousel-item{
  background: #fff !important;
  background-color: #fff !important;
}
/* Fundo de cada “card”/item */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .category-grid-item,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-wrap,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-inner,
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .wd-cat-content{
  background: #fff !important;
  background-color: #fff !important;
}
/* Se o tema desenha “divisória” com borda/sombra, força branco */
body .website-wrapper .wd-cats.wd-products-with-bg.wd-cats-element.wd-carousel-container .category-grid-item{
  border-color: #fff !important;
  box-shadow: inset 0 0 0 1px #fff !important;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	}
/* ===== TABLET — MESMO BLOQUEIO DO MOBILE (SEM CONTROLE) ===== */
@media (min-width:601px) and (max-width:1024px){
body .mobile-nav.wd-side-hidden-nav{width:calc(100vw - 20px) !important;max-width:900px !important;left:0 !important;right:auto !important;}
body .mobile-nav.wd-side-hidden-nav .wd-nav-mobile,
body .mobile-nav.wd-side-hidden-nav .mobile-categories-menu,
body .mobile-nav.wd-side-hidden-nav .menu-mobile-navigation{width:calc(100vw - 20px) !important;max-width:900px !important;}
body .mobile-nav.wd-side-hidden-nav ul,
body .mobile-nav.wd-side-hidden-nav li,
body .mobile-nav.wd-side-hidden-nav a{max-width:900px !important;}
}
/* TABLET NO PREVIEW (Elementor) — mesmo bloqueio */
body[data-elementor-device-mode="tablet"] .mobile-nav.wd-side-hidden-nav{width:calc(100vw - 20px) !important;max-width:900px !important;left:0 !important;right:auto !important;}
body[data-elementor-device-mode="tablet"] .mobile-nav.wd-side-hidden-nav .wd-nav-mobile,
body[data-elementor-device-mode="tablet"] .mobile-nav.wd-side-hidden-nav .mobile-categories-menu,
body[data-elementor-device-mode="tablet"] .mobile-nav.wd-side-hidden-nav .menu-mobile-navigation{width:calc(100vw - 20px) !important;max-width:900px !important;}
body[data-elementor-device-mode="tablet"] .mobile-nav.wd-side-hidden-nav ul,
body[data-elementor-device-mode="tablet"] .mobile-nav.wd-side-hidden-nav li,
body[data-elementor-device-mode="tablet"] .mobile-nav.wd-side-hidden-nav a{max-width:900px !important;}

}

@media (min-width: 577px) and (max-width: 767px) {
	}
/* =========================================
   NÍVEL 0 — PRIMEIRO NÍVEL (LARANJA #FF6600)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > a.woodmart-nav-link{
  background:#0070f3 !important;
  color:#ffffff !important;
}
#menu-mobile-navigation > li.item-level-0 > span.wd-nav-opener{
  background:#0070f3 !important;
  color:#ffffff !important;
}
/* =========================================
   NÍVEL 1 — SUBMENU (CINZA #d7d7d7)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu{
  background:#d7d7d7 !important;
}
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link{
  background:#d7d7d7 !important;
  color:#1a1a1a !important;        /* preto 90% */
  font-weight:bold !important;     /* bold */
}
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li{
  border-bottom:1px solid #d7d7d7 !important;
}
/* =========================================
   NÍVEL 2 — SUB-SUBMENU (BRANCO)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu{
  background:#ffffff !important;
}
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link{
  background:#ffffff !important;
  color:#1a1a1a !important;        /* preto 90% */
  font-weight:bold !important;     /* bold */
}
/* =========================================
   NÍVEL 2 (BRANCO) — HOVER LARANJA (MENU PRINCIPAL)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:hover,
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:focus,
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:active{
    color: var(--wd-primary-color, #ff6600) !important;
}
/* =========================================
   MENU MOBILE WOODMART — LARGURA AUTOMÁTICA
   Respeita a largura da tela - 15px
   ========================================= */
:root {
    /* largura máxima desejada, mas será limitada pelo celular automaticamente */
    --mobile-menu-max-width: 420px;  
    --mobile-menu-margin: 5px;       /* MARGEM DE SEGURANÇA */
}
@media (max-width: 1024px) {

    /* Painel lateral principal */
    .mobile-nav.wd-side-hidden-nav {
        width: calc(100vw - var(--mobile-menu-margin)) !important;
        max-width: var(--mobile-menu-max-width) !important;
        left: 0 !important;
  
}
    /* Wrapper interno */
    .mobile-nav.wd-side-hidden-nav .wd-nav-mobile,
    .mobile-nav.wd-side-hidden-nav .mobile-categories-menu,
    .mobile-nav.wd-side-hidden-nav .menu-mobile-navigation {
        width: calc(100vw - var(--mobile-menu-margin)) !important;
        max-width: var(--mobile-menu-max-width) !important;
}
   /* Conteúdo (listas e links) segue a largura */
    .mobile-nav.wd-side-hidden-nav ul,
    .mobile-nav.wd-side-hidden-nav li,
    .mobile-nav.wd-side-hidden-nav a {
        max-width: calc(100vw - var(--mobile-menu-margin)) !important;
}
/* =====================================================
   MENU MOBILE - CAPACETES | VESTUÁRIO
   ===================================================== */

/* ========================== NÍVEL 0 — LARANJA #FF6600 ========================== */
#menu-capacetes-e-vestuario > li.item-level-0 > a.woodmart-nav-link {
    background: #0070f3 !important;
    color: #ffffff !important;
}
#menu-capacetes-e-vestuario > li.item-level-0 > span.wd-nav-opener {
    background: #0070f3 !important;
    color: #ffffff !important;
}
/* ========================== NÍVEL 1 — AGORA BRANCO ========================== */
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu {
    background: #ffffff !important;   /* antes era d7d7d7 */
}

#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link {
    background: #ffffff !important;   /* antes era d7d7d7 */
    color: #1a1a1a !important;        /* preto 90% */
    font-weight: bold !important;
}

/* NÍVEL 1 — HOVER LARANJA */
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link:hover,
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link:focus,
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link:active {
    color: #ff6600 !important;
}

/* ========================== NÍVEL 2 — CONTINUA BRANCO ========================== */
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu {
    background: #ffffff !important;
}

#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link {
    background: #ffffff !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
}

/* NÍVEL 2 — HOVER LARANJA (MANTÉM) */
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:hover,
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:focus,
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:active {
    color: #ff6600 !important;
}
/* =========================================
   NÍVEL 2 (BRANCO) — HOVER LARANJA (MENU PRINCIPAL)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:hover,
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:focus,
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:active{
    color: var(--wd-primary-color, #ff6600) !important;
}
	/* Diminui a altura do cabeçalho do menu lateral móvel */
.mobile-nav .wd-heading {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
	/* Aumenta o tamanho da fonte do botão "Fechar Menu" */
.mobile-nav .wd-heading .close-side-widget {
    font-size: 15px !important;
}
div.wd-search-form.wd-header-search-form-mobile.wd-display-form button.searchsubmit {
    background-color: #114770 !important;
    border-color: #114770 !important;
}
.banner-full-res img {
    width: 100% !important;
    height: auto !important;
    image-rendering: auto !important;
    -webkit-image-rendering: auto !important;
    object-fit: cover !important;
}
/* FORÇAR WORDPRESS A USAR A IMAGEM ORIGINAL E IGNORAR SRCSET */
.banner-full-res img {
    srcset: none !important;
}

}

@media (max-width: 576px) {
	}
/* =========================================
   NÍVEL 0 — PRIMEIRO NÍVEL (LARANJA #FF6600)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > a.woodmart-nav-link{
  background:#0070f3 !important;
  color:#ffffff !important;
}
#menu-mobile-navigation > li.item-level-0 > span.wd-nav-opener{
  background:#0070f3 !important;
  color:#ffffff !important;
}
/* =========================================
   NÍVEL 1 — SUBMENU (CINZA #d7d7d7)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu{
  background:#d7d7d7 !important;
}
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link{
  background:#d7d7d7 !important;
  color:#1a1a1a !important;        /* preto 90% */
  font-weight:bold !important;     /* bold */
}
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li{
  border-bottom:1px solid #d7d7d7 !important;
}
/* =========================================
   NÍVEL 2 — SUB-SUBMENU (BRANCO)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu{
  background:#ffffff !important;
}
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link{
  background:#ffffff !important;
  color:#1a1a1a !important;        /* preto 90% */
  font-weight:bold !important;     /* bold */
}
/* =========================================
   NÍVEL 2 (BRANCO) — HOVER LARANJA (MENU PRINCIPAL)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:hover,
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:focus,
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:active{
    color: var(--wd-primary-color, #ff6600) !important;
}
/* =========================================
   MENU MOBILE WOODMART — LARGURA AUTOMÁTICA
   Respeita a largura da tela - 15px
   ========================================= */
:root {
    /* largura máxima desejada, mas será limitada pelo celular automaticamente */
    --mobile-menu-max-width: 420px;  
    --mobile-menu-margin: 5px;       /* MARGEM DE SEGURANÇA */
}
@media (max-width: 1024px) {

    /* Painel lateral principal */
    .mobile-nav.wd-side-hidden-nav {
        width: calc(100vw - var(--mobile-menu-margin)) !important;
        max-width: var(--mobile-menu-max-width) !important;
        left: 0 !important;
  
}
    /* Wrapper interno */
    .mobile-nav.wd-side-hidden-nav .wd-nav-mobile,
    .mobile-nav.wd-side-hidden-nav .mobile-categories-menu,
    .mobile-nav.wd-side-hidden-nav .menu-mobile-navigation {
        width: calc(100vw - var(--mobile-menu-margin)) !important;
        max-width: var(--mobile-menu-max-width) !important;
}
   /* Conteúdo (listas e links) segue a largura */
    .mobile-nav.wd-side-hidden-nav ul,
    .mobile-nav.wd-side-hidden-nav li,
    .mobile-nav.wd-side-hidden-nav a {
        max-width: calc(100vw - var(--mobile-menu-margin)) !important;
}
/* =====================================================
   MENU MOBILE - CAPACETES | VESTUÁRIO
   ===================================================== */

/* ========================== NÍVEL 0 — LARANJA #FF6600 ========================== */
#menu-capacetes-e-vestuario > li.item-level-0 > a.woodmart-nav-link {
    background: #0070f3 !important;
    color: #ffffff !important;
}
#menu-capacetes-e-vestuario > li.item-level-0 > span.wd-nav-opener {
    background: #0070f3 !important;
    color: #ffffff !important;
}
/* ========================== NÍVEL 1 — AGORA BRANCO ========================== */
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu {
    background: #ffffff !important;   /* antes era d7d7d7 */
}

#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link {
    background: #ffffff !important;   /* antes era d7d7d7 */
    color: #1a1a1a !important;        /* preto 90% */
    font-weight: bold !important;
}

/* NÍVEL 1 — HOVER LARANJA */
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link:hover,
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link:focus,
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li > a.woodmart-nav-link:active {
    color: #ff6600 !important;
}

/* ========================== NÍVEL 2 — CONTINUA BRANCO ========================== */
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu {
    background: #ffffff !important;
}

#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link {
    background: #ffffff !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
}

/* NÍVEL 2 — HOVER LARANJA (MANTÉM) */
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:hover,
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:focus,
#menu-capacetes-e-vestuario > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:active {
    color: #ff6600 !important;
}
/* =========================================
   NÍVEL 2 (BRANCO) — HOVER LARANJA (MENU PRINCIPAL)
   ========================================= */
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:hover,
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:focus,
#menu-mobile-navigation > li.item-level-0 > ul.wd-sub-menu > li.item-level-1 > ul.sub-sub-menu > li > a.woodmart-nav-link:active{
    color: var(--wd-primary-color, #ff6600) !important;
}
	/* Diminui a altura do cabeçalho do menu lateral móvel */
.mobile-nav .wd-heading {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
	/* Aumenta o tamanho da fonte do botão "Fechar Menu" */
.mobile-nav .wd-heading .close-side-widget {
    font-size: 15px !important;
}
div.wd-search-form.wd-header-search-form-mobile.wd-display-form button.searchsubmit {
    background-color: #114770 !important;
    border-color: #114770 !important;
}
.banner-full-res img {
    width: 100% !important;
    height: auto !important;
    image-rendering: auto !important;
    -webkit-image-rendering: auto !important;
    object-fit: cover !important;
}
/* FORÇAR WORDPRESS A USAR A IMAGEM ORIGINAL E IGNORAR SRCSET */
.banner-full-res img {
    srcset: none !important;
}
}

