/*
Theme Name: VOSCA Store Child
Theme URI: https://wpastra.com/
Description: A clean WooCommerce child theme for Astra, designed as a Cartzilla-inspired ecommerce storefront.
Author: VOSCA
Template: astra
Version: 1.0.0
Text Domain: vosca-store
*/

/* Store-wide */
:root {
  --vosca-radius: 12px;
  --vosca-gap: 24px;
}

body {
  background: #fff;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  border: 1px solid #e9ecef;
  border-radius: var(--vosca-radius);
  padding: 14px;
  transition: transform .18s ease, box-shadow .18s ease;
  background: #fff;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  border-radius: 8px;
  font-weight: 600;
  padding: 11px 18px;
}

.woocommerce div.product div.images img {
  border-radius: var(--vosca-radius);
}

.woocommerce div.product .product_title {
  font-weight: 700;
}

.woocommerce span.onsale {
  border-radius: 999px;
  min-height: auto;
  min-width: auto;
  line-height: 1.2;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
}

.woocommerce .quantity .qty {
  min-height: 44px;
  border-radius: 8px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border-radius: var(--vosca-radius);
  border-color: #e9ecef;
}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
  border: 1px solid #e9ecef;
  border-radius: var(--vosca-radius);
  padding: 20px;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 8px;
}

/* Header helpers */
.vosca-topbar {
  font-size: 13px;
}

.vosca-promo-strip {
  text-align: center;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
}

/* Mobile */
@media (max-width: 767px) {
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: 48%;
    margin-right: 4%;
  }

  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
  .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
    margin-right: 0;
  }
}