.elementor-12 .elementor-element.elementor-element-a88ed06{--display:flex;--padding-top:23px;--padding-bottom:23px;--padding-left:23px;--padding-right:23px;}.elementor-12 .elementor-element.elementor-element-712d92c{--display:flex;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner{border-color:#f1f1f1;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content{background-color:#ffffff;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#444444;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a{color:#444444;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before{background-color:#444444;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover{color:#dc9a0e;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{color:#444444;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#dc9a0e;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#444444;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-12 .elementor-element.elementor-element-58ec979 span.woolentor-tip{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:30px;height:30px;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:20px;line-height:30px;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button svg{width:20px;height:20px;}.elementor-12 .elementor-element.elementor-element-58ec979 .woolentor-compare.compare::before,.elementor-12 .elementor-element.elementor-element-58ec979 .ht-product-action ul li.woolentor-cart a::before{font-size:20px;}.elementor-12 .elementor-element.elementor-element-58ec979 .woolentor-compare.compare::before,.elementor-12 .elementor-element.elementor-element-58ec979 .ht-product-action ul li.woolentor-cart a,.elementor-12 .elementor-element.elementor-element-58ec979 .ht-product-action ul li.woolentor-cart a::before{line-height:30px;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#dc9a0e;}.elementor-12 .elementor-element.elementor-element-58ec979 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#dc9a0e !important;}.elementor-12 .elementor-element.elementor-element-58ec979 .product-slider .slick-arrow{top:50%;color:#dddddd;background-color:#ffffff !important;}.elementor-12 .elementor-element.elementor-element-58ec979 .product-slider .slick-dots{left:50%;}.elementor-12 .elementor-element.elementor-element-58ec979 .product-slider .slick-dots li button{background-color:#ffffff !important;}.elementor-12 .elementor-element.elementor-element-58ec979 .product-slider .slick-arrow:hover{color:#23252a;background-color:#ffffff !important;}.elementor-12 .elementor-element.elementor-element-58ec979 .product-slider .slick-dots li button:hover{background-color:#282828 !important;}.elementor-12 .elementor-element.elementor-element-58ec979 .product-slider .slick-dots li.slick-active button{background-color:#282828 !important;}/* Start custom CSS for wc-elements, class: .elementor-element-f3d3512 *//* =========================================================
   MAZI STORE — PERSONALIZAÇÃO DO CARRINHO WOOCOMMERCE

   Azul Petróleo: #153A4B
   Dourado:       #c0a36b
========================================================= */

.woocommerce,
.woocommerce-page {
  --mazi-petroleo: #153A4B;
  --mazi-petroleo-escuro: #0d2935;
  --mazi-petroleo-claro: #215267;
  --mazi-dourado: #c0a36b;
  --mazi-dourado-claro: #ddca9e;
  --mazi-dourado-suave: #eee7d9;
  --mazi-branco: #ffffff;
  --mazi-texto: #33464f;
}


/* =========================================================
   CONFIGURAÇÃO GERAL DOS BOTÕES DO CARRINHO
========================================================= */

.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.button.checkout-button,
.woocommerce a.button.alt.checkout-button,
.woocommerce table.shop_table .actions .coupon button.button,
.woocommerce table.shop_table .actions .coupon input.button,
.woocommerce button[name="apply_coupon"],
.woocommerce table.shop_table .actions > button.button,
.woocommerce button[name="update_cart"] {
  position: relative;

  border: 1px solid var(--mazi-petroleo) !important;
  border-radius: 7px !important;

  background: var(--mazi-petroleo) !important;
  background-color: var(--mazi-petroleo) !important;
  background-image: none !important;

  color: var(--mazi-branco) !important;
  -webkit-text-fill-color: var(--mazi-branco) !important;

  font-family: inherit !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.25px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: uppercase !important;

  box-shadow:
    0 7px 18px rgba(21, 58, 75, 0.16) !important;

  opacity: 1;

  cursor: pointer;

  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease !important;
}


/* =========================================================
   BOTÃO CONTINUAR PARA A FINALIZAÇÃO
========================================================= */

.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.button.checkout-button,
.woocommerce a.button.alt.checkout-button {
  width: 100% !important;
  min-height: 48px;

  display: flex !important;
  align-items: center;
  justify-content: center;

  margin: 20px 0 0 !important;
  padding: 15px 24px !important;

  border-radius: 8px !important;

  font-size: 17px !important;
}


/* Hover do botão de finalização */

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.button.checkout-button:hover,
.woocommerce a.button.alt.checkout-button:hover {
  border-color: var(--mazi-dourado) !important;

  background: var(--mazi-dourado) !important;
  background-color: var(--mazi-dourado) !important;
  background-image: none !important;

  color: var(--mazi-petroleo) !important;
  -webkit-text-fill-color: var(--mazi-petroleo) !important;

  box-shadow:
    0 10px 25px rgba(21, 58, 75, 0.20),
    0 0 0 3px rgba(192, 163, 107, 0.13) !important;

  transform: translateY(-2px);
}


/* Clique no botão de finalização */

.woocommerce .wc-proceed-to-checkout a.checkout-button:active,
.woocommerce a.button.checkout-button:active,
.woocommerce a.button.alt.checkout-button:active {
  border-color: var(--mazi-petroleo-escuro) !important;

  background: var(--mazi-petroleo-escuro) !important;
  background-color: var(--mazi-petroleo-escuro) !important;

  color: var(--mazi-branco) !important;
  -webkit-text-fill-color: var(--mazi-branco) !important;

  box-shadow:
    0 4px 12px rgba(21, 58, 75, 0.22) !important;

  transform: translateY(0);
}


/* =========================================================
   BOTÃO APLICAR CUPOM
========================================================= */

.woocommerce table.shop_table .actions .coupon button.button,
.woocommerce table.shop_table .actions .coupon input.button,
.woocommerce button[name="apply_coupon"] {
  min-height: 42px;

  padding: 11px 19px !important;

  font-size: 14px !important;
}


/* Hover do botão Aplicar Cupom */

.woocommerce table.shop_table .actions .coupon button.button:not(:disabled):hover,
.woocommerce table.shop_table .actions .coupon input.button:not(:disabled):hover,
.woocommerce button[name="apply_coupon"]:not(:disabled):hover {
  border-color: var(--mazi-dourado) !important;

  background: var(--mazi-dourado) !important;
  background-color: var(--mazi-dourado) !important;
  background-image: none !important;

  color: var(--mazi-petroleo) !important;
  -webkit-text-fill-color: var(--mazi-petroleo) !important;

  box-shadow:
    0 8px 20px rgba(192, 163, 107, 0.22) !important;

  transform: translateY(-2px);
}


/* =========================================================
   BOTÃO ATUALIZAR CARRINHO
========================================================= */

.woocommerce table.shop_table .actions > button.button,
.woocommerce button[name="update_cart"] {
  min-height: 42px;

  padding: 11px 20px !important;

  font-size: 14px !important;
}


/* Hover do botão Atualizar Carrinho */

.woocommerce table.shop_table .actions > button.button:not(:disabled):hover,
.woocommerce button[name="update_cart"]:not(:disabled):hover {
  border-color: var(--mazi-dourado) !important;

  background: var(--mazi-dourado) !important;
  background-color: var(--mazi-dourado) !important;
  background-image: none !important;

  color: var(--mazi-petroleo) !important;
  -webkit-text-fill-color: var(--mazi-petroleo) !important;

  box-shadow:
    0 8px 20px rgba(192, 163, 107, 0.22) !important;

  transform: translateY(-2px);
}


/* =========================================================
   ESTADO DE CLIQUE DOS BOTÕES MENORES
========================================================= */

.woocommerce table.shop_table .actions .coupon button.button:not(:disabled):active,
.woocommerce table.shop_table .actions .coupon input.button:not(:disabled):active,
.woocommerce button[name="apply_coupon"]:not(:disabled):active,
.woocommerce table.shop_table .actions > button.button:not(:disabled):active,
.woocommerce button[name="update_cart"]:not(:disabled):active {
  border-color: var(--mazi-petroleo-escuro) !important;

  background: var(--mazi-petroleo-escuro) !important;
  background-color: var(--mazi-petroleo-escuro) !important;

  color: var(--mazi-branco) !important;
  -webkit-text-fill-color: var(--mazi-branco) !important;

  transform: translateY(0);
}


/* =========================================================
   BOTÕES DESABILITADOS

   Aplica um dourado claro em vez de cinza escuro.
   Mantém o texto Azul Petróleo legível.
========================================================= */

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce input.button.disabled,
.woocommerce button[name="apply_coupon"]:disabled,
.woocommerce button[name="update_cart"]:disabled {
  border: 1px solid rgba(192, 163, 107, 0.72) !important;

  background: var(--mazi-dourado-suave) !important;
  background-color: var(--mazi-dourado-suave) !important;
  background-image: none !important;

  color: var(--mazi-petroleo) !important;
  -webkit-text-fill-color: var(--mazi-petroleo) !important;

  text-shadow: none !important;

  box-shadow: none !important;

  opacity: 0.82 !important;

  cursor: not-allowed !important;

  transform: none !important;
}


/* Impede alteração indesejada no hover desabilitado */

.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce input.button.disabled:hover,
.woocommerce button[name="apply_coupon"]:disabled:hover,
.woocommerce button[name="update_cart"]:disabled:hover {
  border-color: rgba(192, 163, 107, 0.72) !important;

  background: var(--mazi-dourado-suave) !important;
  background-color: var(--mazi-dourado-suave) !important;

  color: var(--mazi-petroleo) !important;
  -webkit-text-fill-color: var(--mazi-petroleo) !important;

  box-shadow: none !important;

  opacity: 0.82 !important;

  transform: none !important;
}


/* =========================================================
   CAMPO DO CUPOM
========================================================= */

.woocommerce table.shop_table .coupon input.input-text,
.woocommerce .coupon input#coupon_code {
  min-width: 165px;
  min-height: 42px;

  margin-right: 7px !important;
  padding: 10px 13px !important;

  border: 1px solid rgba(21, 58, 75, 0.32) !important;
  border-radius: 6px !important;

  background: var(--mazi-branco) !important;

  color: var(--mazi-petroleo) !important;

  font-family: inherit;
  font-size: 14px;

  box-shadow: none !important;

  outline: none;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}


.woocommerce table.shop_table .coupon input.input-text::placeholder,
.woocommerce .coupon input#coupon_code::placeholder {
  color: rgba(21, 58, 75, 0.52);
  opacity: 1;
}


.woocommerce table.shop_table .coupon input.input-text:focus,
.woocommerce .coupon input#coupon_code:focus {
  border-color: var(--mazi-dourado) !important;

  box-shadow:
    0 0 0 3px rgba(192, 163, 107, 0.16) !important;
}


/* =========================================================
   CAMPO DE QUANTIDADE
========================================================= */

.woocommerce .quantity .qty {
  min-height: 40px;

  border: 1px solid rgba(21, 58, 75, 0.35) !important;
  border-radius: 5px !important;

  background: var(--mazi-branco) !important;

  color: var(--mazi-petroleo) !important;

  box-shadow: none !important;

  outline: none;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}


.woocommerce .quantity .qty:focus {
  border-color: var(--mazi-dourado) !important;

  box-shadow:
    0 0 0 3px rgba(192, 163, 107, 0.15) !important;
}


/* =========================================================
   LINKS DO CARRINHO

   Corrige links rosas ou roxos herdados do tema.
========================================================= */

.woocommerce-cart-form .product-name a,
.woocommerce-cart .cart_totals .shipping-calculator-button,
.woocommerce .woocommerce-shipping-calculator a,
.woocommerce .cart_totals a:not(.checkout-button) {
  color: var(--mazi-petroleo) !important;

  font-weight: 600;

  text-decoration: none;

  transition: color 0.25s ease;
}


.woocommerce-cart-form .product-name a:hover,
.woocommerce-cart .cart_totals .shipping-calculator-button:hover,
.woocommerce .woocommerce-shipping-calculator a:hover,
.woocommerce .cart_totals a:not(.checkout-button):hover {
  color: var(--mazi-dourado) !important;
}


/* =========================================================
   CAMPOS DE FRETE
========================================================= */

.woocommerce .cart_totals input[type="radio"] {
  accent-color: var(--mazi-petroleo);
}


/* =========================================================
   FOCO PARA ACESSIBILIDADE
========================================================= */

.woocommerce .wc-proceed-to-checkout a.checkout-button:focus-visible,
.woocommerce button[name="apply_coupon"]:focus-visible,
.woocommerce button[name="update_cart"]:focus-visible {
  outline: 3px solid rgba(192, 163, 107, 0.58) !important;
  outline-offset: 3px;

  box-shadow:
    0 0 0 4px rgba(192, 163, 107, 0.18) !important;
}


/* =========================================================
   RESPONSIVIDADE
========================================================= */

@media (max-width: 767px) {

  .woocommerce table.shop_table .actions .coupon {
    width: 100%;

    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .woocommerce table.shop_table .coupon input.input-text,
  .woocommerce .coupon input#coupon_code {
    width: 100% !important;
    min-width: 100%;

    margin: 0 !important;
  }

  .woocommerce table.shop_table .actions .coupon button.button,
  .woocommerce table.shop_table .actions .coupon input.button,
  .woocommerce button[name="apply_coupon"] {
    width: 100% !important;
  }

  .woocommerce table.shop_table .actions > button.button,
  .woocommerce button[name="update_cart"] {
    width: 100% !important;
    margin-top: 10px !important;
  }

  .woocommerce .wc-proceed-to-checkout a.checkout-button,
  .woocommerce a.button.checkout-button,
  .woocommerce a.button.alt.checkout-button {
    min-height: 48px;

    padding: 14px 17px !important;

    font-size: 15px !important;
  }
}/* End custom CSS */