.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-0a97dbd *//* ============================================================
   WM COINS — Tema Dark/Dourado para "Minha Conta" + "Carrinho" (WooCommerce)
   Cole este CSS em: Aparência > Personalizar > CSS Adicional
   (ou no campo de CSS customizado do seu tema/Elementor)
   ============================================================ */

/* Fonte consistente com o resto do site (opcional) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Inter:wght@400;500;600&display=swap');

/* ===== VARIÁVEIS DE COR ===== */
:root{
  --wmc-gold:#f5c518;
  --wmc-gold2:#e0a800;
  --wmc-bg:#0a0a0a;
  --wmc-bg2:#141414;
  --wmc-bg3:#1a1a1a;
  --wmc-input:#1c1c1c;
  --wmc-border:rgba(245,197,24,.16);
  --wmc-text:#e8e8e8;
  --wmc-muted:#999;
}

/* ============================================================
   1) FUNDO E TEXTO GERAL — vale para Conta e Carrinho
   ============================================================ */
.woocommerce-account,
.woocommerce-cart,
body.woocommerce-account #content,
body.woocommerce-cart #content,
body.woocommerce-account .site-main,
body.woocommerce-cart .site-main,
body.woocommerce-account main,
body.woocommerce-cart main{
  background:var(--wmc-bg) !important;
  color:var(--wmc-text) !important;
}

.woocommerce{
  background:var(--wmc-bg) !important;
  color:var(--wmc-text) !important;
  font-family:'Inter',sans-serif !important;
  padding:40px 0;
}

.woocommerce p,
.woocommerce span,
.woocommerce label,
.woocommerce th,
.woocommerce td,
.woocommerce a:not(.button){
  color:var(--wmc-text) !important;
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3{
  color:#fff !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:800 !important;
}

/* ===== LOGO NO TOPO DO PAINEL DA CONTA (sem mexer no HTML) ===== */
.woocommerce-MyAccount-navigation::before{
  content:'';
  display:block;
  width:110px;
  height:38px;
  margin:0 0 24px 4px;
  background-image:url('https://i.ibb.co/gMk8j35y/wmcoins-logo.png');
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
}

/* ============================================================
   2) MINHA CONTA — LAYOUT + MENU LATERAL EM BOTÕES
   ============================================================ */
.woocommerce-MyAccount-navigation{
  background:var(--wmc-bg2);
  border:1px solid var(--wmc-border);
  border-radius:16px;
  padding:22px 16px;
}

.woocommerce-MyAccount-content{
  background:var(--wmc-bg2);
  border:1px solid var(--wmc-border);
  border-radius:16px;
  padding:32px;
  margin-top:0;
}

@media(min-width:768px){
  .woocommerce-account .woocommerce-MyAccount-navigation{
    float:left;
    width:23%;
    margin-right:2%;
  }
  .woocommerce-account .woocommerce-MyAccount-content{
    float:left;
    width:75%;
  }
}

.woocommerce-MyAccount-navigation ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.woocommerce-MyAccount-navigation ul li{
  list-style:none !important;
  margin:0 0 8px 0 !important;
}

.woocommerce-MyAccount-navigation ul li a{
  display:block;
  background:var(--wmc-bg3);
  border:1.5px solid rgba(255,255,255,.06);
  border-radius:10px;
  padding:12px 16px;
  color:#ccc !important;
  font-weight:600;
  font-size:14px;
  text-decoration:none !important;
  transition:all .2s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover{
  border-color:rgba(245,197,24,.55);
  color:var(--wmc-gold) !important;
  background:rgba(245,197,24,.06);
  transform:translateX(2px);
}

.woocommerce-MyAccount-navigation ul li.is-active a{
  border-color:var(--wmc-gold);
  color:var(--wmc-gold) !important;
  background:rgba(245,197,24,.1);
  font-weight:800;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a{
  border-color:rgba(248,113,113,.25);
  color:#f87171 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  border-color:rgba(248,113,113,.55);
  background:rgba(248,113,113,.08);
}

/* ============================================================
   3) TABELAS — pedidos (conta) E produtos (carrinho)
   ============================================================ */
.woocommerce table.shop_table{
  background:var(--wmc-bg3) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px;
  overflow:hidden;
  border-collapse:separate !important;
  border-spacing:0;
  width:100%;
}

.woocommerce table.shop_table th{
  background:rgba(245,197,24,.08) !important;
  color:var(--wmc-gold) !important;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:12.5px;
  letter-spacing:.5px;
  text-transform:uppercase;
  padding:14px 16px;
  border-bottom:1px solid rgba(245,197,24,.15) !important;
}

.woocommerce table.shop_table td{
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  font-size:13.5px;
  background:transparent !important;
}

.woocommerce table.shop_table tr:last-child td{
  border-bottom:none !important;
}

.woocommerce table.shop_table tr:hover td{
  background:rgba(245,197,24,.03) !important;
}

.woocommerce table.shop_table .order-status{
  background:rgba(74,222,128,.12) !important;
  color:#4ade80 !important;
  border-radius:999px;
  padding:5px 14px;
  font-size:11.5px;
  font-weight:700;
  display:inline-block;
}

/* Tabela do carrinho especificamente */
.woocommerce-cart-form table.shop_table thead{
  display:table-header-group;
}

.woocommerce-cart-form .product-remove a{
  color:#f87171 !important;
  font-weight:800;
}
.woocommerce-cart-form .product-remove a:hover{
  color:#fff !important;
}

.woocommerce-cart-form .product-name a{
  color:#fff !important;
  font-weight:600;
}

.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal{
  color:var(--wmc-gold) !important;
  font-weight:700;
}

.woocommerce-cart-form .product-thumbnail img{
  border-radius:8px;
  border:1px solid rgba(255,255,255,.08);
}

/* ============================================================
   4) FORMULÁRIOS E CAMPO DE CUPOM
   ============================================================ */
.woocommerce form .form-row label{
  color:#bbb !important;
  font-size:12.5px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.4px;
  margin-bottom:6px;
  display:block;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"],
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.woocommerce-address-fields input,
.woocommerce-address-fields select,
.woocommerce-cart-form input[type="number"],
.woocommerce-cart-form .quantity input.qty,
#coupon_code{
  background:var(--wmc-input) !important;
  border:1.5px solid rgba(255,255,255,.1) !important;
  border-radius:9px !important;
  padding:12px 14px !important;
  color:#fff !important;
  font-size:14px !important;
  width:100%;
  transition:border-color .2s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-EditAccountForm input:focus,
.woocommerce-form-login input:focus,
.woocommerce-address-fields input:focus,
.woocommerce-address-fields select:focus,
.woocommerce-cart-form input[type="number"]:focus,
.woocommerce-cart-form .quantity input.qty:focus,
#coupon_code:focus{
  border-color:var(--wmc-gold) !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(245,197,24,.12) !important;
}

/* Campo de quantidade no carrinho (menor, mas mesmo estilo) */
.woocommerce-cart-form .quantity input.qty{
  width:70px;
  text-align:center;
  padding:10px 8px !important;
}

/* Linha do cupom no carrinho */
.woocommerce-cart-form .coupon{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

#coupon_code{
  max-width:220px;
}

/* Select customizado (setinha visível em fundo escuro) */
.woocommerce form .form-row select{
  appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23f5c518'><path d='M2 4l5 5 5-5z'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px !important;
}

.woocommerce form .form-row input[type="checkbox"],
.woocommerce form .form-row input[type="radio"]{
  accent-color:var(--wmc-gold);
}

/* ============================================================
   5) TOTAIS DO CARRINHO (cart_totals)
   ============================================================ */
.cart_totals{
  background:var(--wmc-bg3) !important;
  border:1px solid rgba(245,197,24,.18) !important;
  border-radius:14px !important;
  padding:26px !important;
}

.cart_totals h2{
  color:#fff !important;
  font-size:18px !important;
  margin-bottom:16px !important;
}

.cart_totals table.shop_table{
  background:transparent !important;
  border:none !important;
}

.cart_totals table.shop_table th,
.cart_totals table.shop_table td{
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  padding:12px 0 !important;
}

.cart_totals .order-total td,
.cart_totals .order-total th{
  border-bottom:none !important;
  padding-top:16px !important;
}

.cart_totals .order-total .woocommerce-Price-amount{
  color:var(--wmc-gold) !important;
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:22px;
}

/* ============================================================
   6) BOTÕES PRIMÁRIOS — Acessar / Salvar / Finalizar compra
   ============================================================ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #submit,
.woocommerce-button,
.woocommerce-Button,
.checkout-button,
.wc-proceed-to-checkout a.checkout-button{
  background:linear-gradient(135deg,var(--wmc-gold),var(--wmc-gold2)) !important;
  color:#1a1400 !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:800 !important;
  border:none !important;
  border-radius:9px !important;
  padding:14px 28px !important;
  font-size:14.5px !important;
  letter-spacing:.3px;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
  box-shadow:0 6px 18px rgba(245,197,24,.25);
  text-align:center;
  display:inline-block;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #submit:hover,
.wc-proceed-to-checkout a.checkout-button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(245,197,24,.35);
  color:#1a1400 !important;
}

.wc-proceed-to-checkout a.checkout-button{
  width:100%;
  font-size:16px !important;
  padding:16px !important;
}

/* Botão de cancelar / remover — discreto em vermelho */
.woocommerce a.button.cancel,
.woocommerce a.button.woocommerce-button--cancel{
  background:transparent !important;
  color:#f87171 !important;
  border:1.5px solid rgba(248,113,113,.4) !important;
  box-shadow:none;
}

/* ============================================================
   7) BOTÃO SECUNDÁRIO — "Atualizar carrinho" e "Aplicar cupom"
   ============================================================ */
.woocommerce-cart-form button[name="update_cart"],
.woocommerce-cart-form button[name="apply_coupon"]{
  background:transparent !important;
  color:var(--wmc-gold) !important;
  border:1.5px solid rgba(245,197,24,.45) !important;
  border-radius:9px !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:700 !important;
  padding:12px 22px !important;
  font-size:13.5px !important;
  box-shadow:none !important;
  transition:all .2s ease;
}

.woocommerce-cart-form button[name="update_cart"]:hover,
.woocommerce-cart-form button[name="apply_coupon"]:hover{
  background:rgba(245,197,24,.08) !important;
  border-color:var(--wmc-gold) !important;
  transform:none;
}

/* ===== MENSAGENS (sucesso, erro, aviso) ===== */
.woocommerce-message,
.woocommerce-info{
  background:rgba(74,222,128,.08) !important;
  border-top-color:#4ade80 !important;
  color:#e8e8e8 !important;
  border-radius:10px;
}

.woocommerce-error{
  background:rgba(248,113,113,.08) !important;
  border-top-color:#f87171 !important;
  color:#e8e8e8 !important;
  border-radius:10px;
}

.woocommerce-message::before,
.woocommerce-info::before{
  color:#4ade80 !important;
}
.woocommerce-error::before{
  color:#f87171 !important;
}

/* ===== CARTÕES DE ENDEREÇO (Faturamento / Entrega) ===== */
.woocommerce-Address{
  background:var(--wmc-bg3);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:22px;
}

.woocommerce-Address-title{
  border-bottom:1px solid rgba(245,197,24,.15);
  padding-bottom:12px;
  margin-bottom:14px;
}

.woocommerce-Address-title h3{
  color:var(--wmc-gold) !important;
  font-size:15px !important;
}

/* ===== RESPONSIVO ===== */
@media(max-width:767px){
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    float:none;
    width:100%;
    margin:0 0 20px 0;
  }
  .woocommerce table.shop_table{
    font-size:12.5px;
  }
  .woocommerce-cart-form .coupon{
    flex-direction:column;
    align-items:stretch;
  }
  #coupon_code{
    max-width:100%;
  }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   WM COINS — Tema Dark/Dourado para "Minha Conta" + "Carrinho" (WooCommerce)
   Cole este CSS em: Aparência > Personalizar > CSS Adicional
   (ou no campo de CSS customizado do seu tema/Elementor)
   ============================================================ */

/* Fonte consistente com o resto do site (opcional) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Inter:wght@400;500;600&display=swap');

/* ===== VARIÁVEIS DE COR ===== */
/* ============================================================
   1) FUNDO E TEXTO GERAL — vale para Conta e Carrinho
   ============================================================ */
.woocommerce-account,
.woocommerce-cart,
body.woocommerce-account #content,
body.woocommerce-cart #content,
body.woocommerce-account .site-main,
body.woocommerce-cart .site-main,
body.woocommerce-account main,
body.woocommerce-cart main{
  background:#0a0a0a !important;
  color:#e8e8e8 !important;
}

.woocommerce{
  background:#0a0a0a !important;
  color:#e8e8e8 !important;
  font-family:'Inter',sans-serif !important;
  padding:40px 0;
}

.woocommerce p,
.woocommerce span,
.woocommerce label,
.woocommerce th,
.woocommerce td,
.woocommerce a:not(.button){
  color:#e8e8e8 !important;
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3{
  color:#fff !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:800 !important;
}

/* ===== LOGO NO TOPO DO PAINEL DA CONTA (sem mexer no HTML) ===== */
.woocommerce-MyAccount-navigation::before{
  content:'';
  display:block;
  width:110px;
  height:38px;
  margin:0 0 24px 4px;
  background-image:url('https://i.ibb.co/gMk8j35y/wmcoins-logo.png');
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
}

/* ============================================================
   2) MINHA CONTA — LAYOUT + MENU LATERAL EM BOTÕES
   ============================================================ */
.woocommerce-MyAccount-navigation{
  background:#141414;
  border:1px solid rgba(245,197,24,.16);
  border-radius:16px;
  padding:22px 16px;
}

.woocommerce-MyAccount-content{
  background:#141414;
  border:1px solid rgba(245,197,24,.16);
  border-radius:16px;
  padding:32px;
  margin-top:0;
}

@media(min-width:768px){
  .woocommerce-account .woocommerce-MyAccount-navigation{
    float:left;
    width:23%;
    margin-right:2%;
  }
  .woocommerce-account .woocommerce-MyAccount-content{
    float:left;
    width:75%;
  }
}

/* ===== LAYOUT DO CARRINHO — força largura total e organização em colunas ===== */
.woocommerce-cart .woocommerce{
  width:100% !important;
  max-width:1100px;
  margin:0 auto;
  padding:0 20px 60px;
}

.woocommerce-cart form.woocommerce-cart-form{
  width:100% !important;
  display:block;
  margin-bottom:24px;
}

.woocommerce-cart form.woocommerce-cart-form table.shop_table{
  width:100% !important;
  table-layout:auto;
}

.woocommerce-cart .cart-collaterals{
  display:flex !important;
  justify-content:flex-end;
  width:100% !important;
}

.woocommerce-cart .cart-collaterals .cart_totals{
  width:100%;
  max-width:380px;
}

/* Colunas da tabela do carrinho não ficarem espremidas */
.woocommerce-cart-form table.shop_table th,
.woocommerce-cart-form table.shop_table td{
  white-space:nowrap;
}
.woocommerce-cart-form table.shop_table td.product-name{
  white-space:normal;
  min-width:160px;
}

.woocommerce-MyAccount-navigation ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.woocommerce-MyAccount-navigation ul li{
  list-style:none !important;
  margin:0 0 8px 0 !important;
}

.woocommerce-MyAccount-navigation ul li a{
  display:block;
  background:#1a1a1a;
  border:1.5px solid rgba(255,255,255,.06);
  border-radius:10px;
  padding:12px 16px;
  color:#ccc !important;
  font-weight:600;
  font-size:14px;
  text-decoration:none !important;
  transition:all .2s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover{
  border-color:rgba(245,197,24,.55);
  color:#f5c518 !important;
  background:rgba(245,197,24,.06);
  transform:translateX(2px);
}

.woocommerce-MyAccount-navigation ul li.is-active a{
  border-color:#f5c518;
  color:#f5c518 !important;
  background:rgba(245,197,24,.1);
  font-weight:800;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a{
  border-color:rgba(248,113,113,.25);
  color:#f87171 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  border-color:rgba(248,113,113,.55);
  background:rgba(248,113,113,.08);
}

/* ============================================================
   3) TABELAS — pedidos (conta) E produtos (carrinho)
   ============================================================ */
.woocommerce table.shop_table{
  background:#1a1a1a !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px;
  overflow:hidden;
  border-collapse:separate !important;
  border-spacing:0;
  width:100%;
}

.woocommerce table.shop_table th{
  background:rgba(245,197,24,.08) !important;
  color:#f5c518 !important;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:12.5px;
  letter-spacing:.5px;
  text-transform:uppercase;
  padding:14px 16px;
  border-bottom:1px solid rgba(245,197,24,.15) !important;
}

.woocommerce table.shop_table td{
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  font-size:13.5px;
  background:transparent !important;
}

.woocommerce table.shop_table tr:last-child td{
  border-bottom:none !important;
}

.woocommerce table.shop_table tr:hover td{
  background:rgba(245,197,24,.03) !important;
}

.woocommerce table.shop_table .order-status{
  background:rgba(74,222,128,.12) !important;
  color:#4ade80 !important;
  border-radius:999px;
  padding:5px 14px;
  font-size:11.5px;
  font-weight:700;
  display:inline-block;
}

/* Tabela do carrinho especificamente */
.woocommerce-cart-form table.shop_table thead{
  display:table-header-group;
}

.woocommerce-cart-form .product-remove a{
  color:#f87171 !important;
  font-weight:800;
}
.woocommerce-cart-form .product-remove a:hover{
  color:#fff !important;
}

.woocommerce-cart-form .product-name a{
  color:#fff !important;
  font-weight:600;
}

.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal{
  color:#f5c518 !important;
  font-weight:700;
}

.woocommerce-cart-form .product-thumbnail img{
  border-radius:8px;
  border:1px solid rgba(255,255,255,.08);
}

/* ============================================================
   4) FORMULÁRIOS E CAMPO DE CUPOM
   ============================================================ */
.woocommerce form .form-row label{
  color:#bbb !important;
  font-size:12.5px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.4px;
  margin-bottom:6px;
  display:block;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"],
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.woocommerce-address-fields input,
.woocommerce-address-fields select,
.woocommerce-cart-form input[type="number"],
.woocommerce-cart-form .quantity input.qty,
#coupon_code{
  background:#1c1c1c !important;
  border:1.5px solid rgba(255,255,255,.1) !important;
  border-radius:9px !important;
  padding:12px 14px !important;
  color:#fff !important;
  font-size:14px !important;
  width:100%;
  transition:border-color .2s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-EditAccountForm input:focus,
.woocommerce-form-login input:focus,
.woocommerce-address-fields input:focus,
.woocommerce-address-fields select:focus,
.woocommerce-cart-form input[type="number"]:focus,
.woocommerce-cart-form .quantity input.qty:focus,
#coupon_code:focus{
  border-color:#f5c518 !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(245,197,24,.12) !important;
}

/* Campo de quantidade no carrinho (menor, mas mesmo estilo) */
.woocommerce-cart-form .quantity input.qty{
  width:70px;
  text-align:center;
  padding:10px 8px !important;
}

/* Linha do cupom no carrinho */
.woocommerce-cart-form .coupon{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

#coupon_code{
  max-width:220px;
}

/* Select customizado (setinha visível em fundo escuro) */
.woocommerce form .form-row select{
  appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23f5c518'><path d='M2 4l5 5 5-5z'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px !important;
}

.woocommerce form .form-row input[type="checkbox"],
.woocommerce form .form-row input[type="radio"]{
  accent-color:#f5c518;
}

/* ============================================================
   5) TOTAIS DO CARRINHO (cart_totals)
   ============================================================ */
.cart_totals{
  background:#1a1a1a !important;
  border:1px solid rgba(245,197,24,.18) !important;
  border-radius:14px !important;
  padding:26px !important;
}

.cart_totals h2{
  color:#fff !important;
  font-size:18px !important;
  margin-bottom:16px !important;
}

.cart_totals table.shop_table{
  background:transparent !important;
  border:none !important;
}

.cart_totals table.shop_table th,
.cart_totals table.shop_table td{
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  padding:12px 0 !important;
}

.cart_totals .order-total td,
.cart_totals .order-total th{
  border-bottom:none !important;
  padding-top:16px !important;
}

.cart_totals .order-total .woocommerce-Price-amount{
  color:#f5c518 !important;
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  font-size:22px;
}

/* ============================================================
   6) BOTÕES PRIMÁRIOS — Acessar / Salvar / Finalizar compra
   ============================================================ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #submit,
.woocommerce-button,
.woocommerce-Button,
.checkout-button,
.wc-proceed-to-checkout a.checkout-button{
  background:linear-gradient(135deg,#f5c518,#e0a800) !important;
  color:#1a1400 !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:800 !important;
  border:none !important;
  border-radius:9px !important;
  padding:14px 28px !important;
  font-size:14.5px !important;
  letter-spacing:.3px;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
  box-shadow:0 6px 18px rgba(245,197,24,.25);
  text-align:center;
  display:inline-block;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #submit:hover,
.wc-proceed-to-checkout a.checkout-button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(245,197,24,.35);
  color:#1a1400 !important;
}

.wc-proceed-to-checkout a.checkout-button{
  width:100%;
  font-size:16px !important;
  padding:16px !important;
}

/* Botão de cancelar / remover — discreto em vermelho */
.woocommerce a.button.cancel,
.woocommerce a.button.woocommerce-button--cancel{
  background:transparent !important;
  color:#f87171 !important;
  border:1.5px solid rgba(248,113,113,.4) !important;
  box-shadow:none;
}

/* ============================================================
   7) BOTÃO SECUNDÁRIO — "Atualizar carrinho" e "Aplicar cupom"
   ============================================================ */
.woocommerce-cart-form button[name="update_cart"],
.woocommerce-cart-form button[name="apply_coupon"]{
  background:transparent !important;
  color:#f5c518 !important;
  border:1.5px solid rgba(245,197,24,.45) !important;
  border-radius:9px !important;
  font-family:'Montserrat',sans-serif !important;
  font-weight:700 !important;
  padding:12px 22px !important;
  font-size:13.5px !important;
  box-shadow:none !important;
  transition:all .2s ease;
}

.woocommerce-cart-form button[name="update_cart"]:hover,
.woocommerce-cart-form button[name="apply_coupon"]:hover{
  background:rgba(245,197,24,.08) !important;
  border-color:#f5c518 !important;
  transform:none;
}

/* ===== MENSAGENS (sucesso, erro, aviso) ===== */
.woocommerce-message,
.woocommerce-info{
  background:rgba(74,222,128,.08) !important;
  border-top-color:#4ade80 !important;
  color:#e8e8e8 !important;
  border-radius:10px;
}

.woocommerce-error{
  background:rgba(248,113,113,.08) !important;
  border-top-color:#f87171 !important;
  color:#e8e8e8 !important;
  border-radius:10px;
}

.woocommerce-message::before,
.woocommerce-info::before{
  color:#4ade80 !important;
}
.woocommerce-error::before{
  color:#f87171 !important;
}

/* ===== CARTÕES DE ENDEREÇO (Faturamento / Entrega) ===== */
.woocommerce-Address{
  background:#1a1a1a;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:22px;
}

.woocommerce-Address-title{
  border-bottom:1px solid rgba(245,197,24,.15);
  padding-bottom:12px;
  margin-bottom:14px;
}

.woocommerce-Address-title h3{
  color:#f5c518 !important;
  font-size:15px !important;
}

/* ============================================================
   8) CHECKOUT — clássico + WooCommerce Blocks (finalizar-compra)
   ============================================================ */

/* Fundo geral da página de checkout */
body.woocommerce-checkout,
body.woocommerce-checkout #content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main,
.woocommerce-checkout,
.wc-block-checkout,
.wp-block-woocommerce-checkout{
  background:#0a0a0a !important;
  color:#e8e8e8 !important;
}

/* Área branca do topo (logo/selos de confiança) — deixa escura também */
.woocommerce-checkout .container,
.woocommerce-checkout header,
body.woocommerce-checkout > div:first-child{
  background:#0a0a0a !important;
}

/* ===== Checkout em blocos (Gutenberg / WooCommerce Blocks) ===== */
.wc-block-checkout,
.wp-block-woocommerce-checkout,
.wc-block-components-main,
.wc-block-components-sidebar{
  background:#0a0a0a !important;
}

.wc-block-components-checkout-step{
  background:#1a1a1a !important;
  border:1px solid rgba(245,197,24,.16) !important;
  border-radius:14px !important;
  padding:22px !important;
  margin-bottom:18px !important;
}

.wc-block-components-checkout-step__title,
.wc-block-components-checkout-step__description{
  color:#fff !important;
}

.wc-block-components-checkout-step__heading-icon,
.wc-block-components-checkout-step__title-icon{
  color:#f5c518 !important;
}

.wc-block-components-checkout-step hr,
.wc-block-checkout hr{
  border-color:rgba(255,255,255,.08) !important;
}

/* Inputs do checkout em blocos */
.wc-block-components-text-input input,
.wc-block-components-address-form input,
.wc-block-components-combobox input,
.wc-block-components-checkout-step input[type="text"],
.wc-block-components-checkout-step input[type="email"],
.wc-block-components-checkout-step input[type="tel"]{
  background:#1c1c1c !important;
  border:1.5px solid rgba(255,255,255,.1) !important;
  border-radius:9px !important;
  color:#fff !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-address-form input:focus{
  border-color:#f5c518 !important;
  box-shadow:0 0 0 3px rgba(245,197,24,.12) !important;
}

.wc-block-components-text-input label,
.wc-block-components-address-form label{
  color:#999 !important;
}

/* Dropdown de País (combobox) */
.wc-block-components-combobox .components-form-token-field__input,
.wc-block-components-dropdown-body.elementor-page-96__button{
  background:#1c1c1c !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.1) !important;
}

.wc-block-components-combobox .components-form-token-field__suggestions-list,
.components-popover__content{
  background:#1a1a1a !important;
  border:1px solid rgba(245,197,24,.2) !important;
  color:#fff !important;
}

.components-form-token-field__suggestion{
  color:#e8e8e8 !important;
}
.components-form-token-field__suggestion:hover,
.components-form-token-field__suggestion.is-active{
  background:rgba(245,197,24,.12) !important;
  color:#f5c518 !important;
}

/* Resumo do pedido (lado direito) — checkout em blocos */
.wc-block-components-order-summary,
.wp-block-woocommerce-checkout-order-summary-block{
  background:#1a1a1a !important;
  border:1px solid rgba(245,197,24,.18) !important;
  border-radius:14px !important;
  padding:22px !important;
}

.wc-block-components-order-summary-item__description,
.wc-block-components-order-summary-item__quantity,
.wc-block-components-totals-item__label{
  color:#e8e8e8 !important;
}

.wc-block-components-totals-item__value,
.wc-block-components-product-price,
.wc-block-components-formatted-money-amount{
  color:#f5c518 !important;
  font-weight:700 !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-size:22px !important;
  font-weight:900 !important;
}

.wc-block-components-order-summary-item__image img{
  border-radius:8px;
  border:1px solid rgba(255,255,255,.08);
}

/* Botão de finalizar pedido (checkout em blocos) */
.wc-block-components-checkout-place-order-button,
.wc-block-components-button{
  background:linear-gradient(135deg,#f5c518,#e0a800) !important;
  color:#1a1400 !important;
  font-weight:800 !important;
  border-radius:9px !important;
  border:none !important;
  box-shadow:0 6px 18px rgba(245,197,24,.25) !important;
}
.wc-block-components-checkout-place-order-button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(245,197,24,.35) !important;
}

/* Campo de cupom (checkout em blocos) */
.wc-block-components-totals-coupon input{
  background:#1c1c1c !important;
  border:1.5px solid rgba(255,255,255,.1) !important;
  color:#fff !important;
  border-radius:9px !important;
}
.wc-block-components-totals-coupon-link{
  color:#f5c518 !important;
}

/* ===== Checkout clássico (formulário tradicional) ===== */
.woocommerce-checkout #customer_details,
.woocommerce-checkout-review-order{
  background:#1a1a1a !important;
  border:1px solid rgba(245,197,24,.16) !important;
  border-radius:14px !important;
  padding:24px !important;
}

.woocommerce-checkout h3{
  color:#fff !important;
}

.woocommerce-checkout table.shop_table th{
  background:rgba(245,197,24,.08) !important;
  color:#f5c518 !important;
}

.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table th{
  border-color:rgba(255,255,255,.08) !important;
}

/* Select2 (usado no campo de País/Estado no checkout clássico) */
.select2-container .select2-selection--single{
  background:#1c1c1c !important;
  border:1.5px solid rgba(255,255,255,.1) !important;
  border-radius:9px !important;
  height:44px !important;
}
.select2-container .select2-selection__rendered{
  color:#fff !important;
  line-height:44px !important;
}
.select2-container .select2-selection__arrow{
  height:44px !important;
}
.select2-dropdown{
  background:#1a1a1a !important;
  border:1px solid rgba(245,197,24,.25) !important;
}
.select2-results__option{
  color:#e8e8e8 !important;
}
.select2-results__option--highlighted{
  background:rgba(245,197,24,.15) !important;
  color:#f5c518 !important;
}

/* ===== Aviso "produto adicionado ao carrinho" + botão "Ver carrinho" ===== */
.woocommerce-message{
  background:rgba(74,222,128,.08) !important;
  border-top-color:#4ade80 !important;
  color:#e8e8e8 !important;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding:16px 20px !important;
}

.woocommerce-message a.button.wc-forward{
  background:linear-gradient(135deg,#f5c518,#e0a800) !important;
  color:#1a1400 !important;
  font-weight:800 !important;
  border-radius:9px !important;
  padding:10px 20px !important;
  order:2;
}

/* Aviso de cupom disponível no topo do checkout */
.woocommerce-info{
  background:rgba(245,197,24,.06) !important;
  border-top-color:#f5c518 !important;
  color:#e8e8e8 !important;
  border-radius:10px;
}
.woocommerce-info a{
  color:#f5c518 !important;
  font-weight:700;
}

/* ===== CATCH-ALL: força TODO input/select/textarea do checkout a ficar escuro ===== */
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout input[type="number"],
body.woocommerce-checkout input[type="search"],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-shipping-fields input,
.woocommerce-shipping-fields select,
.woocommerce-billing-fields input,
.woocommerce-billing-fields select,
.woocommerce-additional-fields input,
.woocommerce-additional-fields select,
.woocommerce-additional-fields textarea,
#order_review input,
#order_review select,
.woocommerce-form-coupon input[type="text"],
.wc_payment_method input[type="text"]{
  background:#1c1c1c !important;
  border:1.5px solid rgba(255,255,255,.1) !important;
  border-radius:9px !important;
  color:#fff !important;
  padding:12px 14px !important;
}

body.woocommerce-checkout input[type="text"]:focus,
body.woocommerce-checkout input[type="email"]:focus,
body.woocommerce-checkout input[type="tel"]:focus,
body.woocommerce-checkout select:focus,
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus{
  border-color:#f5c518 !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(245,197,24,.12) !important;
}

/* Placeholder e texto dos selects */
body.woocommerce-checkout input::placeholder,
.woocommerce-checkout input::placeholder{
  color:#777 !important;
}

body.woocommerce-checkout select option,
.woocommerce-checkout select option{
  background:#1c1c1c !important;
  color:#fff !important;
}

/* Labels do checkout (Endereço de envio, Empresa (opcional), etc.) */
body.woocommerce-checkout label,
.woocommerce-checkout label,
.woocommerce-shipping-fields label,
.woocommerce-billing-fields label,
.woocommerce-additional-fields label{
  color:#bbb !important;
}

/* Bloco "Ship to a different address?" / Endereço de entrega */
.woocommerce-shipping-fields,
#ship-to-different-address,
.shipping_address{
  background:transparent !important;
  color:#e8e8e8 !important;
}

.woocommerce-shipping-fields label span,
#ship-to-different-address label{
  color:#e8e8e8 !important;
}

/* Caixa "Tem um cupom? / Have a coupon?" */
.woocommerce-checkout .woocommerce-info,
.woocommerce-form-coupon-toggle{
  background:rgba(245,197,24,.06) !important;
  border-top-color:#f5c518 !important;
  color:#e8e8e8 !important;
}
.woocommerce-checkout .woocommerce-info a,
.woocommerce-form-coupon-toggle a{
  color:#f5c518 !important;
  font-weight:700;
}

/* Formulário de cupom expandido */
.woocommerce-form-coupon{
  background:#1a1a1a !important;
  border:1px solid rgba(245,197,24,.16) !important;
  border-radius:12px !important;
  padding:16px !important;
}

/* Aviso de "nenhum método de pagamento disponível" */
.woocommerce-checkout .woocommerce-NoticeGroup,
.woocommerce-checkout .woocommerce-error{
  background:rgba(248,113,113,.08) !important;
  border-top-color:#f87171 !important;
  color:#e8e8e8 !important;
  border-radius:10px;
}

/* ===== CONTAINERS/CARDS que envolvem o formulário (o "fundo branco por trás") ===== */
.woocommerce-checkout #customer_details,
.woocommerce-checkout .col2-set,
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout-review-order,
.woocommerce-checkout-payment,
.elementor-widget-shortcode .elementor-widget-container,
.elementor-widget-woocommerce-checkout-page .elementor-widget-container,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout article{
  background:#0a0a0a !important;
}

/* Caixa "Have a coupon? / Tem um cupom?" — cobre qualquer variação de wrapper */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle p,
.woocommerce-checkout p.woocommerce-info,
.woocommerce-checkout div.woocommerce-info,
.checkout_coupon,
.woocommerce-form-coupon{
  background:#1a1a1a !important;
  border-color:#f5c518 !important;
  color:#e8e8e8 !important;
}


.woocommerce-checkout .woocommerce-invalid input{
  border-color:#f87171 !important;
}
.woocommerce-checkout label.woocommerce-invalid-required-field,
.woocommerce-checkout .form-row .error{
  color:#f87171 !important;
}


@media(max-width:767px){
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    float:none;
    width:100%;
    margin:0 0 20px 0;
  }
  .woocommerce table.shop_table{
    font-size:12.5px;
  }
  .woocommerce-cart-form .coupon{
    flex-direction:column;
    align-items:stretch;
  }
  #coupon_code{
    max-width:100%;
  }
}/* End custom CSS */