/* Manto Supply — base e componentes (v0.1)
   Escopo: sobrescreve só o essencial do Natsy/WooCommerce. */

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: var(--fs-base);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .entry-title, .product_title {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
  line-height: var(--lh-snug);
  color: var(--text);
}
h1, .product_title { font-size: var(--fs-2xl); line-height: var(--lh-tight); }
h2 { font-size: var(--fs-xl); }

a { color: var(--accent); text-underline-offset: 3px; }
a:hover { color: var(--manto-navy-soft); }

/* Etiquetas de coleção e números */
.manto-label, .onsale, .badge {
  font-family: var(--font-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

/* Botões / CTA */
.button, button.button, .single_add_to_cart_button, .checkout-button,
.wc-block-components-button, input[type="submit"] {
  background: var(--cta-bg) !important;
  color: var(--cta-text) !important;
  border: 0 !important;
  border-radius: var(--radius-pill) !important;
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 14px 28px !important;
  height: auto !important;
  min-height: 48px;
  line-height: 1.2 !important;
  text-transform: none;
  box-shadow: none !important;
  background-image: none !important;
  transition: transform var(--dur-fast) var(--ease-out), background-color var(--dur-base) var(--ease-out);
}
.button:hover, .single_add_to_cart_button:hover, .checkout-button:hover {
  background: var(--manto-black) !important;
}
.button:active, .single_add_to_cart_button:active { transform: scale(0.97); }
.single_add_to_cart_button, .checkout-button {
  box-shadow: inset 0 -2px 0 var(--cta-accent) !important; /* fio dourado: assinatura do CTA */
}
:focus-visible { outline: 2px solid var(--manto-gold-ink); outline-offset: 2px; }

/* Seções de destaque (navy) */
.manto-section--navy {
  background: var(--manto-navy);
  color: var(--manto-offwhite);
}
.manto-section--navy h1, .manto-section--navy h2, .manto-section--navy h3 { color: var(--manto-offwhite); }

/* Cards de produto */
ul.products li.product {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: none;
  transition: border-color var(--dur-base) var(--ease-out);
}
@media (hover: hover) {
  ul.products li.product:hover { border-color: var(--manto-stone); }
}
ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--fs-base);
}
.price, .woocommerce-Price-amount { color: var(--text); font-weight: 600; }
del .woocommerce-Price-amount { color: var(--manto-stone); font-weight: 400; }

/* Formulários */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
input[type="password"], select, textarea {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text);
  font-family: var(--font-body);
  min-height: 48px;
}
input:focus, select:focus, textarea:focus { border-color: var(--manto-navy); outline: none; }

/* Mobile: alvos de toque */
@media (max-width: 767px) {
  .button, .single_add_to_cart_button { width: 100%; min-height: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0ms !important; animation-duration: 0ms !important; }
}