/* =====================================================================
   SHOW GLASS — LOJA · Skin "Ateliê" (base v1.0)
   Botões dourados, Box consultivo, avisos e conta. Os TEMPLATES completos
   de categoria/produto vêm nas Etapas 3-4. Tokens do showglass-styles.
   ===================================================================== */

:root{
  --sgl-grad: var(--sg-grad-gold, linear-gradient(135deg,#E7CE8C 0%,#C6A053 50%,#9C7A2E 100%));
  --sgl-gold: var(--sg-gold, #C6A053);
  --sgl-goldd:var(--sg-gold-d, #9C7A2E);
  --sgl-ink:  var(--sg-ink, #0A1521);
  --sgl-ui:   var(--sg-ui, 'Inter', system-ui, sans-serif);
}

/* ---------------- BOTÕES "joia" dourados ---------------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.wc-proceed-to-checkout a.checkout-button, #place_order,
.single_add_to_cart_button, .woocommerce-account .btn-primary,
.fc-checkout .fc-step__substep-edit, button#place_order{
  background: var(--sgl-grad) !important;
  color:#3A2C0E !important; border:none !important; border-radius:6px !important;
  font-family:var(--sgl-ui) !important; font-weight:600 !important; letter-spacing:.02em !important;
  box-shadow:0 4px 14px rgba(198,160,83,.28); text-shadow:none !important;
  transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.wc-proceed-to-checkout a.checkout-button:hover, #place_order:hover,
.single_add_to_cart_button:hover, .woocommerce-account .btn-primary:hover{
  filter:brightness(1.05); transform:translateY(-1px);
  box-shadow:0 7px 20px rgba(198,160,83,.4) !important;
}
/* avatar redondo do Account Genius (era azul) */
.woocommerce-account #upload-avatar.rounded-circle{ background:var(--sgl-grad) !important; color:#3A2C0E !important; }

/* botão "fantasma" secundário (ex.: atualizar carrinho) */
.woocommerce button[name="update_cart"], .woocommerce .cart button.button:not(.checkout-button){
  background:transparent !important; color:var(--sgl-goldd) !important;
  border:1px solid rgba(198,160,83,.4) !important; box-shadow:none !important;
}

/* links de conta / navegação */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ color:var(--sgl-goldd); font-weight:600; }
.woocommerce-account a{ color:var(--sgl-goldd); }

/* ---------------- AVISOS (Ateliê) ---------------- */
.woocommerce-info, .woocommerce-message, .woocommerce-noreviews{
  border-top-color:var(--sgl-gold) !important;
  font-family:var(--sgl-ui);
}
.woocommerce-message::before, .woocommerce-info::before{ color:var(--sgl-gold) !important; }

/* ---------------- BOX CONSULTIVO ---------------- */
/* esconde preço + compra dos produtos de Box (nativo e widgets Elementor) */
.sgl-box .price,
.sgl-box p.price,
.sgl-box form.cart,
.sgl-box .cart .quantity,
.sgl-box .elementor-widget-woocommerce-product-price,
.sgl-box .elementor-widget-woocommerce-product-add-to-cart,
.sgl-box .elementor-widget-wc-add-to-cart,
.sgl-box .woocommerce-variation-add-to-cart,
.sgl-box .stock{ display:none !important; }

/* CTA "Falar com especialista" */
.sgl-box-cta-wrap{ margin:20px 0 6px; }
.sgl-box-cta{
  display:inline-flex; align-items:center; gap:11px;
  background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);
  color:#fff !important; text-decoration:none !important;
  font-family:var(--sgl-ui); font-weight:700; font-size:15px; letter-spacing:.01em;
  padding:14px 26px; border-radius:8px; box-shadow:0 6px 20px rgba(37,211,102,.32);
  transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.sgl-box-cta:hover{ filter:brightness(1.04); transform:translateY(-1px); box-shadow:0 9px 26px rgba(37,211,102,.42); }
.sgl-box-cta svg{ fill:#fff; }
.sgl-box-note{ margin:9px 0 0; font-family:var(--sgl-ui); font-size:12.5px; color:var(--sg-text-3,#7E8794); }

/* botão "Consultar" no catálogo (Box): SEM regra própria — herda 100% do
   .button oficial do loop.css (mesmo visual do "Ver opções"; decisão 10/07). */

/* ---------------- MINHA CONTA — mata o painel AZUL VIVO (10/07) ----------------
   O azul #008AFF vem dos ::before/::after do PRÓPRIO Account Genius
   (não do template Elementor, como se suspeitava). Vira banda ink Ateliê. */
body .wc-account-genius-my-account::before,
body .wc-account-genius-my-account::after,
.woocommerce-account .wc-account-genius-my-account::before,
.woocommerce-account .wc-account-genius-my-account::after{ background:#0A1521 !important; }
.woocommerce-account .wc-account-genius-my-account a:not(.button):not(.btn){ color:#9C7A2E; }
.woocommerce-account .wc-account-genius-my-account a:not(.button):not(.btn):hover{ color:#C6A053; }

/* ---------------- CARRINHO — polish Ateliê (10/07) ---------------- */
.woocommerce-cart .shop_table th{ font-family:var(--sgl-ui,Inter,sans-serif); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:rgba(10,21,33,.5); font-weight:600; }
.woocommerce-cart .cart_item td.product-name a:not(.button){ color:#0A1521 !important; font-weight:600; text-decoration:none; }
.woocommerce-cart .cart_item td.product-name a:not(.button):hover{ color:#9C7A2E !important; }
.woocommerce-cart .cart-collaterals a:not(.button){ color:#9C7A2E !important; }
.woocommerce-cart td.product-thumbnail{ display:table-cell !important; }
.woocommerce-cart td.product-thumbnail img{ width:72px !important; max-width:72px; height:90px; object-fit:cover; border-radius:3px; border:1px solid rgba(10,21,33,.08); display:block; }
.woocommerce-cart .cart-collaterals a:not(.button){ color:#9C7A2E; }
.woocommerce-cart .product-remove a{ color:#B4483E !important; font-weight:400; }

/* ---------------- FLUID CHECKOUT — Ateliê (verde → dourado; CTAs sólidos) ----------------
   Especificidade alta de propósito: o Fluid usa seletores longos. Validado 10/07
   (barra e botão ao vivo; o checkmark do frete resiste SÓ em browsers com
   Kaspersky, que injeta user-styles — em browsers limpos a regra vale). */
.fc-progress-bar__step.is-complete,
.fc-progress-bar__step.is-current{ background:#C6A053 !important; }
body .fc-wrapper .fc-step__next-step.button,
html body .fc-step__next-step.button,
html body button#place_order,
html body form.checkout #place_order{
  background:#C6A053 !important; border-color:#C6A053 !important; color:#fff !important;
  font-weight:600 !important; border-radius:3px;
}
html body .fc-step__next-step.button:hover,
html body button#place_order:hover{ background:#9C7A2E !important; border-color:#9C7A2E !important; }
.shipping-method__option-label.shipping-method__option-label::before,
html body .woocommerce-shipping-methods li::before{ background-color:#C6A053 !important; border-color:#C6A053 !important; }

/* ---------------- Higiene visual: estoque sob encomenda ---------------- */
.woocommerce .stock.sgl-on-order, p.stock.sgl-on-order{
  color:var(--sgl-goldd) !important; font-family:var(--sgl-ui); font-weight:600;
  background:none; padding:0;
}

/* ---------------- Filtro WBW (woofilters) — toque Ateliê ----------------
   Tipografia e acentos. A COR DA BORDA dos blocos (teal) vem da própria
   configuração do plugin WBW (admin) — trocar lá para rgba(198,160,83,.35). */
.wpfMainWrapper{ font-family:var(--sgl-ui); }
.wpfMainWrapper .wpfFilterTitle{
  color:var(--sgl-ink) !important; font-family:var(--sg-display,'Cormorant Garamond',serif) !important;
  font-size:17px !important; font-weight:600 !important; letter-spacing:.02em;
}
.wpfMainWrapper .wpfLiLabel, .wpfMainWrapper label, .wpfMainWrapper .wpfValue{
  color:var(--sg-text-5,#5F6772) !important; font-size:13px !important;
}
.wpfMainWrapper input[type=text], .wpfMainWrapper select{
  border:1px solid rgba(10,21,33,.18) !important; border-radius:6px !important;
  background:#fff !important; color:var(--sgl-ink) !important;
}
.wpfMainWrapper input[type=checkbox], .wpfMainWrapper input[type=radio]{ accent-color:var(--sgl-gold); }

/* ---------------- Catálogo: leve respiro editorial ---------------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--sg-display, 'Cormorant Garamond', serif); font-weight:500;
  color:var(--sgl-ink); line-height:1.2;
}