/* ==========================================================================
   ROSARIZZO — WooCommerce skin (loja, produto, carrinho, checkout, conta)
   Usa as variáveis do style.css (carregado antes).
   ========================================================================== */
.woocommerce, .woocommerce-page{ font-family: var(--font-body); color: var(--gray-700); }
.woocommerce .site-main, .woocommerce-page .site-main{ max-width:1300px; margin:0 auto; padding:46px 24px 80px; }

/* Breadcrumb + título */
.woocommerce .woocommerce-breadcrumb{ font-size:12px; letter-spacing:.5px; color:var(--gray-500); margin-bottom:14px; }
.woocommerce .woocommerce-breadcrumb a{ color:var(--gray-700); }
.woocommerce .woocommerce-breadcrumb a:hover{ color:var(--gold-1); }
.woocommerce-products-header__title, .woocommerce .product_title, .woocommerce h1.entry-title,
.woocommerce-account h1, .woocommerce-cart h1, .woocommerce-checkout h1{
  font-family:var(--font-display)!important; font-weight:600!important; color:var(--black)!important;
  font-size:clamp(28px,4vw,42px)!important; margin-bottom:22px!important;
}

/* Barra: contagem + ordenação */
.woocommerce .woocommerce-result-count{ font-size:13px; color:var(--gray-500); margin-bottom:26px; }
.woocommerce .woocommerce-ordering select{
  border:1px solid var(--gray-300); padding:11px 16px; font-size:13px; border-radius:var(--radius);
  background:var(--white); color:var(--black); outline:none;
}

/* ---------- Grade de produtos ---------- */
.woocommerce ul.products{ display:grid!important; gap:34px 24px!important; margin:0!important; }
.woocommerce ul.products.columns-4{ grid-template-columns:repeat(4,1fr); }
.woocommerce ul.products.columns-3{ grid-template-columns:repeat(3,1fr); }
.woocommerce ul.products li.product{ width:auto!important; margin:0!important; text-align:left!important; float:none!important; position:relative; }
.woocommerce ul.products li.product a img{ margin:0 0 16px!important; border-radius:var(--radius); background:var(--off-white); aspect-ratio:3/4; object-fit:cover; transition:var(--transition); }
.woocommerce ul.products li.product:hover a img{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(0,0,0,.12); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--font-body)!important; font-size:15px!important; font-weight:500!important;
  color:var(--black)!important; padding:0 0 6px!important; line-height:1.35;
}
.woocommerce ul.products li.product .price{ color:var(--black)!important; font-weight:600!important; font-size:16px!important; }
.woocommerce ul.products li.product .price del{ color:var(--gray-500)!important; font-weight:400!important; font-size:13px; opacity:.8; }
.woocommerce ul.products li.product .price ins{ color:var(--gold-4)!important; text-decoration:none!important; }
.woocommerce .star-rating{ color:var(--gold-1); font-size:13px; margin-bottom:8px; }

/* Selo de oferta */
.woocommerce span.onsale{
  background:var(--gold-metal)!important; color:var(--black)!important; font-family:var(--font-body);
  font-weight:600; font-size:11px; letter-spacing:.5px; min-height:auto; min-width:auto;
  padding:7px 14px; border-radius:2px; top:12px; left:12px; right:auto; margin:0; line-height:1;
}

/* ---------- Botões (global dourado) ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce .button.alt, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce ul.products li.product .button, .woocommerce #place_order, .woocommerce button.single_add_to_cart_button{
  background:var(--gold-metal)!important; color:var(--black)!important; font-family:var(--font-body)!important;
  font-weight:600!important; letter-spacing:1px!important; text-transform:uppercase!important; font-size:12px!important;
  border:none!important; border-radius:var(--radius)!important; padding:14px 26px!important; transition:var(--transition)!important;
  box-shadow:0 6px 20px rgba(169,128,63,.25)!important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button.alt:hover,
.woocommerce #place_order:hover, .woocommerce button.single_add_to_cart_button:hover{ filter:brightness(1.06); transform:translateY(-1px); }
.woocommerce ul.products li.product .button{ display:inline-block; margin-top:14px; width:100%; text-align:center; }
/* Botão secundário (contorno) */
.woocommerce a.button.wc-backward, .woocommerce .cart .button:not(.alt), .woocommerce-cart .wc-proceed-to-checkout .checkout-button{ }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ background:var(--gold-metal)!important; }

/* Paginação */
.woocommerce nav.woocommerce-pagination ul{ border:none; gap:8px; display:flex; justify-content:center; }
.woocommerce nav.woocommerce-pagination ul li{ border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--gray-300); border-radius:var(--radius); padding:10px 16px; color:var(--black);
}
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--gold-metal); border-color:transparent; color:var(--black); }

/* ---------- Produto único ---------- */
.woocommerce div.product{ display:grid; grid-template-columns:1.1fr 1fr; gap:56px; }
.woocommerce div.product .woocommerce-product-gallery{ margin:0; }
.woocommerce div.product .woocommerce-product-gallery img{ border-radius:var(--radius); }
.woocommerce div.product .summary{ margin:0; }
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--black)!important; font-size:28px!important; font-weight:700!important; }
.woocommerce div.product p.price del{ color:var(--gray-500)!important; font-size:18px; font-weight:400; }
.woocommerce div.product p.price ins{ color:var(--gold-4)!important; text-decoration:none; }
.woocommerce div.product .woocommerce-product-details__short-description{ color:var(--gray-700); margin:18px 0; }
.woocommerce .quantity .qty{ border:1px solid var(--gray-300); padding:12px; width:70px; border-radius:var(--radius); }
.woocommerce div.product form.cart{ margin-top:22px; }
.woocommerce div.product .single_add_to_cart_button{ height:auto; }
/* Abas */
.woocommerce div.product .woocommerce-tabs{ grid-column:1/-1; margin-top:60px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ padding:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border-color:var(--gray-100); }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ background:transparent; border:none; border-radius:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:transparent; border-bottom:2px solid var(--gold-1); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:var(--gray-500); font-weight:600; text-transform:uppercase; font-size:13px; letter-spacing:1px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--black); }
.woocommerce #reviews .comment-form-rating .stars a{ color:var(--gold-1); }
/* Relacionados */
.woocommerce .related.products, .woocommerce .up-sells{ grid-column:1/-1; margin-top:70px; }
.woocommerce .related.products > h2, .woocommerce .up-sells > h2{ font-family:var(--font-display); font-size:26px; margin-bottom:26px; }

/* ---------- Carrinho ---------- */
.woocommerce table.shop_table{ border:1px solid var(--gray-100); border-radius:var(--radius); border-collapse:separate; }
.woocommerce table.shop_table th{ font-family:var(--font-body); text-transform:uppercase; letter-spacing:1px; font-size:11px; color:var(--gray-500); padding:18px 12px; }
.woocommerce table.shop_table td{ padding:18px 12px; border-top:1px solid var(--gray-100); }
.woocommerce table.cart img{ width:80px; border-radius:var(--radius); }
.woocommerce .cart_totals h2, .woocommerce .cross-sells h2{ font-family:var(--font-display); font-size:24px; }
.woocommerce-cart .cart-collaterals .cart_totals{ background:var(--off-white); padding:30px; border-radius:var(--radius); }
.woocommerce .coupon .input-text{ border:1px solid var(--gray-300); padding:12px 14px; border-radius:var(--radius); }

/* ---------- Checkout ---------- */
.woocommerce-checkout .col2-set, .woocommerce-checkout #customer_details{ }
.woocommerce form .form-row label{ font-size:13px; color:var(--gray-700); font-weight:500; margin-bottom:6px; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce-checkout .select2-container .select2-selection{ border:1px solid var(--gray-300)!important; padding:13px 15px!important; border-radius:var(--radius)!important; font-size:14px; min-height:auto; }
.woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading{ }
.woocommerce-checkout #payment{ background:var(--off-white)!important; border-radius:var(--radius); }
.woocommerce-checkout #payment ul.payment_methods{ border-color:var(--gray-100); }
.woocommerce-checkout table.shop_table{ background:var(--white); }
#add_payment_method .wc-proceed-to-checkout, .woocommerce-checkout #payment div.place-order{ padding-top:14px; }

/* ---------- Minha conta ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; border:1px solid var(--gray-100); border-radius:var(--radius); overflow:hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--gray-100); }
.woocommerce-account .woocommerce-MyAccount-navigation li a{ display:block; padding:14px 20px; color:var(--gray-700); font-size:14px; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ background:var(--off-white); color:var(--gold-1); }
.woocommerce-account .woocommerce-MyAccount-content{ }
.woocommerce-account .u-columns .col-1, .woocommerce-account .u-columns .col-2{ background:var(--off-white); padding:30px; border-radius:var(--radius); }
.woocommerce-account h2{ font-family:var(--font-display); font-size:22px; margin-bottom:16px; }

/* ---------- Notices ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews{
  border-top-color:var(--gold-1)!important; background:var(--off-white); border-radius:var(--radius);
}
.woocommerce-message::before, .woocommerce-info::before{ color:var(--gold-1); }

/* ---------- Responsivo ---------- */
@media(max-width:1080px){
  .woocommerce ul.products.columns-4{ grid-template-columns:repeat(3,1fr); }
  .woocommerce div.product{ grid-template-columns:1fr; gap:34px; }
}
@media(max-width:640px){
  .woocommerce ul.products.columns-4, .woocommerce ul.products.columns-3{ grid-template-columns:repeat(2,1fr); gap:22px 14px; }
  .woocommerce .site-main, .woocommerce-page .site-main{ padding:30px 18px 60px; }
}

.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}