/* =========================================================
   Pyros Joias — reskin do WooCommerce nativo
   Reaproveita os tokens definidos em assets/site.css
   ========================================================= */

.woocommerce, .woocommerce-page {
  font-family: var(--sans);
  color: var(--grafite);
  background: var(--marmore);
}

.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-page h1, .woocommerce-page h2 {
  font-family: var(--serif);
  color: var(--preto);
  font-weight: 500;
}

.woocommerce a { color: var(--preto); }
.woocommerce a:hover { color: var(--bordo); }

/* ---- Botões ---- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce-page a.button,
.wp-block-button__link {
  background: var(--ambar) !important;
  color: var(--preto) !important;
  border: 1px solid var(--ambar) !important;
  border-radius: 2px;
  font-family: var(--caps);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .78rem;
  padding: 13px 26px !important;
  transition: all .25s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--bordo) !important;
  border-color: var(--bordo) !important;
  color: var(--marmore) !important;
}
.woocommerce a.added_to_cart { color: var(--bordo); font-family: var(--caps); font-size: .78rem; }

/* ---- Grid de produtos (Loja / Categoria) ---- */
.woocommerce ul.products li.product {
  border: 1px solid var(--linha);
  padding: 0 0 18px;
  background: var(--marmore);
  transition: box-shadow .3s ease;
}
.woocommerce ul.products li.product:hover { box-shadow: 0 18px 40px rgba(20,17,15,.10); }
.woocommerce ul.products li.product img { border-radius: 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--serif);
  color: var(--preto);
  font-size: 1.05rem;
  padding: 0 14px;
}
.woocommerce ul.products li.product .price {
  color: var(--bordo);
  font-family: var(--caps);
  padding: 0 14px;
}
.woocommerce ul.products li.product .price ins { color: var(--bordo); text-decoration: none; }
.woocommerce span.onsale {
  background: var(--bordo);
  font-family: var(--caps);
  letter-spacing: .06em;
  border-radius: 0;
}

/* ---- Página de produto único ---- */
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--bordo); font-family: var(--caps); font-size: 1.3rem; }
.woocommerce div.product .product_title { font-family: var(--serif); color: var(--preto); }
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--grafite); }
.woocommerce div.product form.cart .quantity input.qty {
  border: 1px solid var(--prata-esc);
  background: var(--marmore);
  color: var(--preto);
  height: 48px;
}
.woocommerce-tabs ul.tabs li { font-family: var(--caps); letter-spacing: .04em; }
.woocommerce-tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li a { color: var(--preto); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: var(--linha); }

/* ---- Breadcrumbs ---- */
.woocommerce-breadcrumb { color: var(--taupe); font-size: .85rem; }
.woocommerce-breadcrumb a { color: var(--taupe); }

/* ---- Carrinho ---- */
.woocommerce-cart table.cart, .woocommerce table.shop_table {
  border: 1px solid var(--linha);
  border-radius: 0;
}
.woocommerce table.shop_table th { font-family: var(--caps); color: var(--preto); border-bottom: 1px solid var(--linha); }
.woocommerce table.shop_table td { border-top: 1px solid var(--linha-2); }
.woocommerce-cart-form .product-name a { color: var(--preto); font-family: var(--serif); }
.woocommerce .cart-collaterals .cart_totals { background: var(--champagne); border: 1px solid var(--linha); padding: 20px; }
.woocommerce .cart_totals table { color: var(--grafite); }
.woocommerce .cart_totals .order-total .amount { color: var(--bordo); font-family: var(--caps); }

/* ---- Checkout ---- */
.woocommerce-checkout #payment { background: var(--champagne); border-radius: 0; border: 1px solid var(--linha); }
.woocommerce-checkout #payment div.payment_box { background: var(--champagne-2); color: var(--grafite); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-checkout select {
  border: 1px solid var(--prata-esc);
  background: var(--marmore);
  color: var(--preto);
  border-radius: 2px;
}
.woocommerce form .form-row label { color: var(--grafite); font-size: .88rem; }
#order_review_heading, #order_review { font-family: var(--serif); }
.woocommerce-checkout-review-order-table { background: var(--marmore); }

/* ---- Minha Conta ---- */
.woocommerce-MyAccount-navigation ul { border: 1px solid var(--linha); }
.woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid var(--linha-2); }
.woocommerce-MyAccount-navigation ul li a { color: var(--grafite); font-family: var(--caps); font-size: .8rem; letter-spacing: .04em; padding: 12px 16px; display:block; }
.woocommerce-MyAccount-navigation ul li.is-active a { color: var(--bordo); }
.woocommerce-account .addresses .title h3 { font-family: var(--serif); }

/* ---- Mensagens / notices ---- */
.woocommerce-message, .woocommerce-info {
  border-top-color: var(--ambar);
  background: var(--champagne);
  color: var(--grafite);
}
.woocommerce-error { border-top-color: var(--bordo); background: #FBEAEA; color: var(--grafite); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--ambar); }

/* ---- Página de loja: header/hero da página (título arquivo/categoria) ---- */
.woocommerce-products-header__title, .page-title {
  font-family: var(--serif);
  color: var(--preto);
  font-size: clamp(2rem, 4vw, 2.8rem);
}

/* ---- Star ratings ---- */
.woocommerce .star-rating span::before, .star-rating::before { color: var(--ambar); }

/* ---- Área geral do conteúdo Woo dentro do tema (respiro/marcas) ---- */
.woocommerce-notices-wrapper, .woocommerce-page .site-main {
  max-width: 1240px;
  margin: 0 auto;
  padding: 40px 24px 80px;
}
@media (max-width: 780px){
  .woocommerce-notices-wrapper, .woocommerce-page .site-main{ padding: 24px 16px 56px; }
}