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

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

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

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(109,78,236);
	--wd-alternative-color: rgb(235,230,255);
	--wd-link-color: rgba(255,255,255,0.9);
	--wd-link-color-hover: rgb(109,78,236);
	--btn-default-bgcolor: rgb(235,230,255);
	--btn-default-bgcolor-hover: rgb(214,209,232);
	--btn-accented-bgcolor: rgb(109,78,236);
	--btn-accented-bgcolor-hover: rgb(99,71,214);
	--btn-font-family: "Readex Pro", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--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-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgba(151,151,151,0.11);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(36,36,36);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a {
	font-family: "Readex Pro", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(255,255,255);
}
html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a:hover, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu  li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a:hover {
	color: rgb(109,78,236);
}
html table th {
	text-transform: none;
}
html .wd-checkout-steps li {
	text-transform: capitalize;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	text-transform: none;
}
html .wd-buy-now-btn {
	color: rgb(51,51,51);
	background: rgb(235,230,255);
}
html .wd-buy-now-btn:hover {
	color: rgb(51,51,51);
	background: rgb(214,209,232);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(36,36,36);
}
.product-labels .product-label.onsale {
	background-color: rgb(36,36,36);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(36,36,36);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(36,36,36);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1520px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}



.checkout-cusrev-slider .datetime {
  display: none !important;
}

/* esconde o traço “–” */
.woocommerce-review__dash {
  display: none !important;
}

/* esconde a data */
.woocommerce-review__published-date {
  display: none !important;
}
/* Desativa todos os links dos produtos nas avaliações */
.wp-block-woocommerce-all-reviews .wc-block-review-list-item__product a {
  pointer-events: none;    /* desativa o clique */
  cursor: default;         /* cursor normal */
  text-decoration: none;   /* sem sublinhado */
  color: inherit;          /* herda a cor do texto */
}

/* Se quiser esconder totalmente o texto do produto, deixando só as estrelas: */
/*
.wp-block-woocommerce-all-reviews .wc-block-review-list-item__product {
  display: none;
}
*/

.iconic-wsb-checkout-bump__product {
    color: #000 !important;
}


.iconic-wsb-checkout-bump__header {
  position: relative;
  padding-left: 36px !important; /* desktop: espaço maior */
}

/* Seta — desktop por padrão */
.iconic-wsb-checkout-bump__header::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 40 40"><polyline points="2,20 28,20" stroke="red" stroke-width="5" fill="none"/><polygon points="28,13 38,20 28,27" fill="red"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  animation: seta-piscar 0.8s steps(1, start) infinite;
  z-index: 9;
}

@media (max-width: 600px) {
  .iconic-wsb-checkout-bump__header {
    padding-left: 40px !important; /* espaço maior no mobile */
  }
  .iconic-wsb-checkout-bump__header::before {
    left: 8px;
    width: 32px;
    height: 32px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 40 40"><polyline points="2,20 28,20" stroke="red" stroke-width="6" fill="none"/><polygon points="28,13 38,20 28,27" fill="red"/></svg>');
    background-size: contain;
  }
}

@keyframes seta-piscar {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.21; }
}


/***************************************************
 *  SOMENTE CAMPOS DE CARTÃO VINDI – CORRIGIR VISUAL
 ***************************************************/

/* Escopo: área de pagamento Vindi */
.payment_box.payment_method_vindi-pagamentos-credit {
  color: #000 !important;
}

/* --------- PLACEHOLDERS BRANCOS → PRETOS --------- */

/* estiliza placeholders visíveis */
.payment_box.payment_method_vindi-pagamentos-credit input::placeholder {
  color: #000 !important;     /* texto preto */
  opacity: 1 !important;      /* garante visibilidade */
}

/* fallback para navegadores baseados em WebKit */
.payment_box.payment_method_vindi-pagamentos-credit input::-webkit-input-placeholder {
  color: #000 !important;
}

/* ----------- INPUTS (caixas de texto) ------------ */

.payment_box.payment_method_vindi-pagamentos-credit input[type="text"],
.payment_box.payment_method_vindi-pagamentos-credit input[type="number"] {
  color: #000 !important;           /* texto preto */
  background-color: #fff !important;/* fundo branco */
  border: 1px solid #ccc !important;
  caret-color: #000;
}

/* -------- LABELS PRETOS -------------------------- */
.payment_box.payment_method_vindi-pagamentos-credit label[for*="wvp-"],
.payment_box.payment_method_vindi-pagamentos-credit label[for*="vindi"] {
  color: #000 !important;
  background: transparent !important;
}

/* -------- SELECT DE PARCELAS --------------------- */
.payment_box.payment_method_vindi-pagamentos-credit select#wvp-card-installments {
  background-color: #fff !important; /* fundo branco */
  color: #000 !important;            /* texto preto */
  border: 1px solid #ccc !important;
  appearance: auto !important;       /* restaura seta padrão */
  cursor: pointer;
  position: relative !important;
  z-index: 10 !important;
}

/* opções internas do select */
.payment_box.payment_method_vindi-pagamentos-credit select#wvp-card-installments option {
  background-color: #fff !important;
  color: #000 !important;
}

/* evita que o label sobreponha o select */
.payment_box.payment_method_vindi-pagamentos-credit label[for="wvp-card-installments"] {
  pointer-events: none;
}

/* flotadores enganando click */
.payment_box.payment_method_vindi-pagamentos-credit select#wvp-card-installments {
  pointer-events: auto;
}

/* label para asaas 
/* Escopo: área de pagamento Asaas */
.payment_box.payment_method_asaas-credit-card {
    color: #000 !important; /* Garante que o texto geral dentro da caixa seja preto */
}

/* --------- PLACEHOLDERS BRANCOS → PRETOS --------- */

/* estiliza placeholders visíveis */
.payment_box.payment_method_asaas-credit-card input::placeholder {
    color: #000 !important;     /* texto preto */
    opacity: 1 !important;      /* garante visibilidade */
}

/* fallback para navegadores baseados em WebKit */
.payment_box.payment_method_asaas-credit-card input::-webkit-input-placeholder {
    color: #000 !important;
}

/* ----------- INPUTS (caixas de texto) ------------ */

.payment_box.payment_method_asaas-credit-card input[type="text"],
.payment_box.payment_method_asaas-credit-card input[type="number"] {
    color: #000 !important;           /* texto preto */
    background-color: #fff !important;/* fundo branco */
    border: 1px solid #ccc !important;
    caret-color: #000; /* Cor do cursor de texto */
}

/* -------- LABELS PRETOS -------------------------- */
/* Alvo: labels cujos 'for' começam com 'asaas-cc-' */
.payment_box.payment_method_asaas-credit-card label[for*="asaas-cc-"] {
    color: #000 !important;
    background: transparent !important;
}

/* -------- SELECT DE PARCELAS --------------------- */
.payment_box.payment_method_asaas-credit-card select#asaas-cc-installments {
    background-color: #fff !important; /* fundo branco */
    color: #000 !important;            /* texto preto */
    border: 1px solid #ccc !important;
    appearance: auto !important;       /* restaura seta padrão */
    cursor: pointer;
    position: relative !important; /* Ajuda a garantir que o select esteja na frente */
    z-index: 10 !important;        /* Ajuda a garantir que o select esteja na frente */
}

/* opções internas do select */
.payment_box.payment_method_asaas-credit-card select#asaas-cc-installments option {
    background-color: #fff !important;
    color: #000 !important;
}

/* evita que o label sobreponha o select (se houver um label específico para ele) */
.payment_box.payment_method_asaas-credit-card label[for="asaas-cc-installments"] {
    pointer-events: none; /* Desabilita eventos de mouse no label para não interferir com o select */
}

/* Garante que o select seja clicável */
.payment_box.payment_method_asaas-credit-card select#asaas-cc-installments {
    pointer-events: auto;
}

/* -------------------------------------------------------------------------- */
/* 1. Resetar estilos padrão do WooCommerce para os campos de formulário */
/* -------------------------------------------------------------------------- */
.woocommerce-checkout .form-row {
    float: none !important; /* Remove float padrão */
    width: 100% !important; /* Garante que todos os campos comecem com largura total */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box; /* Inclui padding e borda na largura total */
}

/* -------------------------------------------------------------------------- */
/* 2. Aplicar Flexbox ao contêiner principal dos campos de faturamento e entrega */
/* -------------------------------------------------------------------------- */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha */
    gap: 20px; /* Espaçamento entre os campos na mesma linha */
    align-items: flex-start; /* Garante que os campos comecem no topo */
}

/* -------------------------------------------------------------------------- */
/* 3. Definir a ordem e largura dos campos conforme a sua solicitação */
/* -------------------------------------------------------------------------- */

/* Nome + CPF */
/* Assumindo que "Nome" é o campo "Primeiro Nome" (billing_first_name) */
#billing_first_name_field, /* ID do form-row para o campo Nome */
#billing_cpf_field {       /* ID do form-row para o campo CPF */
    flex: 1 1 calc(50% - 10px); /* 2 campos por linha, ajustando para o gap de 20px */
    order: 1;
}

/* País + CEP */
#billing_country_field, /* ID do form-row para o campo País */
#billing_postcode_field { /* ID do form-row para o campo CEP */
    flex: 1 1 calc(50% - 10px);
    order: 2;
}

/* Endereço linha inteira */
#billing_address_1_field { /* ID do form-row para o campo Endereço */
    flex: 1 1 100%; /* Ocupa a largura total da linha */
    order: 3;
}

/* Bairro + Número */
#billing_neighborhood_field, /* ID do form-row para o campo Bairro */
#billing_number_field {         /* ID do form-row para o campo Número */
    flex: 1 1 calc(50% - 10px);
    order: 4;
}

/* Cidade + Estado */
#billing_city_field,  /* ID do form-row para o campo Cidade */
#billing_state_field { /* ID do form-row para o campo Estado */
    flex: 1 1 calc(50% - 10px);
    order: 5;
}

/* Celular */
#billing_phone_field { /* ID do form-row para o campo Celular */
    flex: 1 1 100%;
    order: 6;
}

/* Email */
#billing_email_field { /* ID do form-row para o campo Email */
    flex: 1 1 100%;
    order: 7;
}

/* -------------------------------------------------------------------------- */
/* 4. Estilos para garantir que labels e inputs se ajustem bem */
/* -------------------------------------------------------------------------- */
.woocommerce-checkout .form-row label {
    display: block; /* Garante que o label fique acima do input */
    margin-bottom: 5px; /* Pequeno espaçamento entre label e input */
    /* O tamanho da fonte do label não será afetado por este CSS */
}

.woocommerce-checkout .form-row input[type="text"],
.woocommerce-checkout .form-row input[type="email"],
.woocommerce-checkout .form-row input[type="tel"],
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row .select2-container { /* Para campos Select2, como País/Estado */
    width: 100% !important; /* Faz o input/select ocupar toda a largura do seu form-row */
    box-sizing: border-box; /* Inclui padding e borda na largura total */
}

/* -------------------------------------------------------------------------- */
/* 5. Ajustes para responsividade em telas menores (celulares e tablets) */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper {
        gap: 15px; /* Reduz o espaçamento entre os campos em telas menores */
    }

    /* Todos os campos voltam a ocupar 100% da largura em telas pequenas */
    #billing_first_name_field,
    #billing_cpf_field,
    #billing_country_field,
    #billing_postcode_field,
    #billing_address_1_field,
    #billing_neighborhood_field,
    #billing_number_field,
    #billing_city_field,
    #billing_state_field,
    #billing_phone_field,
    #billing_email_field {
        flex: 1 1 100% !important; /* Cada campo ocupa a largura total */
        order: unset !important; /* Remove a ordem fixa para que sigam a ordem do HTML original */
    }
}

/* Remova quaisquer regras anteriores que você tenha tentado para deixar o preço vermelho,
   como as que eu sugeri antes ou outras que você possa ter. */

/* NOVA REGRA: Garante que APENAS o preço riscado (R$ 62,99) dentro do bump seja vermelho */
.iconic-wsb-checkout-bump__price del .woocommerce-Price-amount.amount {
    color: red !important; /* Isso vai atingir o "62,99" */
}

/* Opcional: Garante que o símbolo da moeda (R$) do preço riscado também seja vermelho */
.iconic-wsb-checkout-bump__price del .woocommerce-Price-currencySymbol {
    color: red !important; /* Isso vai atingir o "R$" */
}