/* ============================================================
   ONDACOR · GLOBALS (v1.0)

   - Tokens editoriais expostos em :root para uso em qualquer página
   - Normalização de botões de loja (Personalizar, Cart, Checkout, etc.)
     para a paleta editorial:
       • Caramelo (--ond-accent): CTAs de venda (alta conversão)
       • Preto (--ond-ink): acções secundárias
       • Off-white com border: navegação passiva

   Carrega DEPOIS dos plugins (priority 100) para sobrepor regras
   default de WooCommerce, Elementor, Lumise, XOO, etc.

   Princípio: menos !important do que parece. Selectors específicos
   primeiro, !important só onde plugins usam inline styles.
   ============================================================ */

/* ── Tokens globais — disponíveis em todo o site ──────────── */
:root {
  --ond-ink: #0A0A0A;
  --ond-paper: #FFFFFF;
  --ond-rule: #E8E4DC;
  --ond-rule-strong: #D4CFC4;
  --ond-muted: #8A857C;
  --ond-muted-soft: #B8B3A8;
  --ond-accent: #B8956A;
  --ond-accent-dark: #8E6F4E;
  --ond-warm: #FAF8F4;
  --ond-serif: 'Cormorant Garamond', Georgia, serif;
  --ond-sans: 'Manrope', system-ui, sans-serif;
}

/* ============================================================
   BOTÕES DE LOJA — normalização completa
   ============================================================ */

/* ── PRIMÁRIO (caramelo): CTAs de conversão ──────────────────
   Inclui: Personalizar (Lumise), Update Cart, Apply coupon,
   Seguir para pagamento, Finalizar encomenda, Adicionar ao Carrinho
   ─────────────────────────────────────────────────────────── */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #place_order,
button.single_add_to_cart_button,
.lumise-pcb-button,
a.lumise-pcb-button,
button.lumise-pcb-button,
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce .product .add_to_cart_button,
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart .actions button[name="apply_coupon"] {
  background-color: var(--ond-accent) !important;
  color: var(--ond-paper) !important;
  border: 1px solid var(--ond-accent) !important;
  font-family: var(--ond-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
  box-shadow: none !important;
  text-shadow: none !important;
  line-height: 1.2 !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce .checkout-button:hover,
.woocommerce-checkout #place_order:hover,
button.single_add_to_cart_button:hover,
.lumise-pcb-button:hover,
a.lumise-pcb-button:hover,
button.lumise-pcb-button:hover,
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce .product .add_to_cart_button:hover,
.woocommerce-cart button[name="update_cart"]:hover,
.woocommerce-cart .actions button[name="apply_coupon"]:hover {
  background-color: var(--ond-accent-dark) !important;
  border-color: var(--ond-accent-dark) !important;
  color: var(--ond-paper) !important;
}

/* ── SECUNDÁRIO (preto): acções não-conversão ─────────────────
   Inclui: Edit Design (Lumise), Form Enviar, XOO já é preto ✓
   ─────────────────────────────────────────────────────────── */
.lumise-edit-design,
a.lumise-edit-design,
button.lumise-edit-design,
.elementor-button.elementor-size-sm,
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"] {
  background-color: var(--ond-ink) !important;
  color: var(--ond-paper) !important;
  border: 1px solid var(--ond-ink) !important;
  font-family: var(--ond-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
  box-shadow: none !important;
  text-shadow: none !important;
  line-height: 1.2 !important;
}

.lumise-edit-design:hover,
a.lumise-edit-design:hover,
button.lumise-edit-design:hover,
.elementor-button.elementor-size-sm:hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover {
  background-color: var(--ond-accent) !important;
  border-color: var(--ond-accent) !important;
  color: var(--ond-paper) !important;
}

/* XOO Login modal — já é preto, só normalizar tipografia/forma */
.xoo-el-action-btn,
button.xoo-el-action-btn {
  background-color: var(--ond-ink) !important;
  color: var(--ond-paper) !important;
  border: 1px solid var(--ond-ink) !important;
  font-family: var(--ond-sans) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  transition: background-color 0.25s ease !important;
}
.xoo-el-action-btn:hover,
button.xoo-el-action-btn:hover {
  background-color: var(--ond-accent) !important;
  border-color: var(--ond-accent) !important;
}

/* ── PASSIVO (off-white com border): navegação ────────────────
   Inclui: Continuar compras, Continue a comprar, OK
   ─────────────────────────────────────────────────────────── */
.woocommerce a.button.wc-forward:not(.checkout-button):not(.alt),
.woocommerce-message a.button.wc-forward,
.flexible-shipping-free-shipping-button,
a.flexible-shipping-free-shipping-button,
.woocommerce-info a.button {
  background-color: var(--ond-warm) !important;
  color: var(--ond-ink) !important;
  border: 1px solid var(--ond-rule-strong) !important;
  font-family: var(--ond-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  transition: border-color 0.25s ease, color 0.25s ease !important;
  box-shadow: none !important;
}

.woocommerce a.button.wc-forward:not(.checkout-button):not(.alt):hover,
.woocommerce-message a.button.wc-forward:hover,
.flexible-shipping-free-shipping-button:hover,
a.flexible-shipping-free-shipping-button:hover,
.woocommerce-info a.button:hover {
  background-color: var(--ond-paper) !important;
  border-color: var(--ond-ink) !important;
  color: var(--ond-ink) !important;
}

/* ── BOTÃO STANDARD WC ".button" (genérico, sem .alt) ─────────
   Tipicamente botões em mensagens, alertas, ou contextos diversos.
   Versão neutra — fica off-white com border, fica subtil mas legível.
   ─────────────────────────────────────────────────────────── */
.woocommerce a.button:not(.alt):not(.checkout-button):not(.wc-forward):not(.add_to_cart_button):not(.single_add_to_cart_button),
.woocommerce button.button:not(.alt):not([name="update_cart"]):not([name="apply_coupon"]):not(.single_add_to_cart_button),
.woocommerce input.button:not(.alt) {
  background-color: var(--ond-warm) !important;
  color: var(--ond-ink) !important;
  border: 1px solid var(--ond-rule-strong) !important;
  font-family: var(--ond-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border-radius: 0 !important;
  transition: border-color 0.25s ease !important;
  box-shadow: none !important;
}

.woocommerce a.button:not(.alt):not(.checkout-button):not(.wc-forward):not(.add_to_cart_button):not(.single_add_to_cart_button):hover,
.woocommerce button.button:not(.alt):not([name="update_cart"]):not([name="apply_coupon"]):not(.single_add_to_cart_button):hover,
.woocommerce input.button:not(.alt):hover {
  border-color: var(--ond-ink) !important;
}