/* Mansano Store — WooCommerce extras */

/* Remove estilos padrão do WooCommerce que conflitam */
.woocommerce ul.products { margin: 0 !important; padding: 0 !important; }
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { float: none !important; width: 100% !important; margin: 0 !important; clear: none !important; }

/* Adapta grid do WooCommerce */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 1.5rem !important;
}

/* Produto individual */
.woocommerce div.product {
  color: var(--color-text);
}

.woocommerce div.product .product_title {
  font-family: var(--font-heading);
  font-size: 2.2rem;
  color: var(--color-white);
  margin-bottom: 0.6rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: var(--font-heading);
  font-size: 1.8rem !important;
  color: var(--color-gold) !important;
  margin-bottom: 1.5rem;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  font-size: 1.1rem !important;
  color: var(--color-gray-500) !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--color-gray-300);
  font-size: 0.95rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

/* Galeria */
.woocommerce-product-gallery { margin-bottom: 0 !important; }
.woocommerce-product-gallery__image { border-radius: var(--radius-md) !important; overflow: hidden !important; }
.woocommerce-product-gallery .flex-viewport { border-radius: var(--radius-md); }
.woocommerce-product-gallery ol.flex-control-thumbs li img { border-radius: var(--radius-sm); opacity: 0.5; transition: opacity 0.2s; }
.woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery ol.flex-control-thumbs li img:hover { opacity: 1; }

/* Abas do produto */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  background: transparent;
  border-bottom: 1px solid var(--color-border);
  padding: 0;
  margin-bottom: 2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--color-gray-500);
  padding: 0.8rem 1.2rem;
  display: block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: var(--color-gold);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--color-gold);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }

.woocommerce div.product .woocommerce-tabs .panel {
  color: var(--color-gray-300);
  line-height: 1.9;
}

/* Quantidade */
.woocommerce div.product form.cart .quantity {
  display: flex;
  align-items: center;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.woocommerce div.product form.cart .quantity input.qty {
  background: transparent;
  border: none !important;
  color: var(--color-white);
  text-align: center;
  width: 60px;
  padding: 0.7rem 0;
  font-size: 1rem;
}

/* Paginação */
.woocommerce nav.woocommerce-pagination ul {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--color-bg-card) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-gray-300) !important;
  border-radius: var(--radius-sm) !important;
  padding: 0.5rem 1rem !important;
  display: inline-block !important;
  transition: all 0.2s !important;
  font-size: 0.85rem !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--color-gold) !important;
  border-color: var(--color-gold) !important;
  color: var(--color-bg) !important;
}

/* Checkout */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading {
  margin-top: 0;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--color-bg-card);
  padding: 2rem !important;
}

/* Tabela do carrinho */
.woocommerce-cart-form {
  overflow-x: auto;
}

/* Resumo do pedido */
#order_review .shop_table {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
}

#order_review .shop_table th,
#order_review .shop_table td {
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  padding: 0.9rem 1rem !important;
}

/* Métodos de pagamento */
#payment {
  background: var(--color-bg-card) !important;
  border-radius: var(--radius-md);
}

#payment .payment_methods {
  border-bottom: 1px solid var(--color-border) !important;
}

#payment .payment_methods li {
  color: var(--color-text) !important;
}

/* Minha conta */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 0.6rem 0.8rem;
  font-size: 0.85rem;
  color: var(--color-gray-300);
  border-radius: var(--radius-sm);
  transition: all 0.2s;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: rgba(201, 169, 110, 0.1);
  color: var(--color-gold);
}

/* Ratings */
.star-rating span::before,
.woocommerce .star-rating span::before {
  color: var(--color-gold) !important;
}