/* WooCommerce styles for NRDS theme
 * Small, focused rules to style WooCommerce pages and elements.
 * Add or extend this file as needed.
 */

/* Layout adjustments */
.woocommerce .site-main {
  max-width: var(--content-max-width, 1000px);
  margin: 0 auto;
  padding: 24px;
}

/* Product grid */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  list-style: none;
  margin: 0 -12px;
  padding: 0;
}
.woocommerce ul.products li.product {
  width: calc(33.333% - 24px);
  box-sizing: border-box;
  padding: 12px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  transition: box-shadow .2s ease, transform .15s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transform: translateY(-4px);
}

/* Single product image */
.woocommerce .product .woocommerce-product-gallery__wrapper {
  margin-bottom: 20px;
}
.woocommerce .product .woocommerce-product-gallery__image img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Cart & checkout tweaks */
.woocommerce .woocommerce-cart-form, .woocommerce .checkout {
  background: #fff;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 6px;
}

/* Buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background: #0073aa;
  color: #fff;
  border: none;
  padding: 10px 16px;
  border-radius: 4px;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background: #006799;
}