/* Ink & Aura Theme - Shop: Card Skin
   Purpose: Product card visuals only (image ratio, overlay, title, price)
   Note: Scaffold only. No styles yet.
   Scope: Card-specific classes, avoid page layout.
*/

/* Product card container */
body.woocommerce.archive ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product,
.ia-shop-skin .woocommerce ul.products li.product,
.ia-shop-skin .wc-block-grid__product {
  background: #fff;
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

body.woocommerce.archive ul.products li.product:hover,
body.tax-product_cat ul.products li.product:hover,
body.tax-product_tag ul.products li.product:hover,
.ia-shop-skin .woocommerce ul.products li.product:hover,
.ia-shop-skin .wc-block-grid__product:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}

/* Product image ratio */
body.woocommerce.archive ul.products li.product a img,
body.tax-product_cat ul.products li.product a img,
body.tax-product_tag ul.products li.product a img,
.ia-shop-skin .woocommerce ul.products li.product a img,
.ia-shop-skin .wc-block-grid__product img {
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Title clamp */
body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title,
.ia-shop-skin .woocommerce ul.products li.product .woocommerce-loop-product__title,
.ia-shop-skin .wc-block-grid__product .wc-block-grid__product-title {
  font-family: var(--font-serif);
  font-size: 1.05rem;
  line-height: 1.25;
  color: var(--color-ink);
  padding: var(--space-m) var(--space-m) 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 3.2em;
}

/* Price */
body.woocommerce.archive ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.tax-product_tag ul.products li.product .price,
.ia-shop-skin .woocommerce ul.products li.product .price,
.ia-shop-skin .wc-block-grid__product .wc-block-grid__product-price {
  color: var(--color-ink);
  font-weight: 600;
  padding: var(--space-xs) var(--space-m);
}

/* Add to cart */
body.woocommerce.archive ul.products li.product a.button,
body.tax-product_cat ul.products li.product a.button,
body.tax-product_tag ul.products li.product a.button,
.ia-shop-skin .woocommerce ul.products li.product a.button,
.ia-shop-skin .wc-block-grid__product .wp-block-button__link {
  margin: var(--space-s) var(--space-m) var(--space-m);
  display: inline-block;
  background: var(--color-ink);
  color: var(--color-ivory);
  border-radius: var(--radius-s);
  padding: 10px 14px;
  border: 1px solid var(--color-ink);
}

body.woocommerce.archive ul.products li.product a.button:hover,
body.tax-product_cat ul.products li.product a.button:hover,
body.tax-product_tag ul.products li.product a.button:hover,
.ia-shop-skin .woocommerce ul.products li.product a.button:hover,
.ia-shop-skin .wc-block-grid__product .wp-block-button__link:hover {
  background: transparent;
  color: var(--color-ink);
}

/* Global product card fixes: apply to classic and block cards site-wide */

/* Classic WooCommerce product card */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link { display: block; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  margin: 0.5rem 0 0.25rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.woocommerce ul.products li.product .price {
  margin-top: 0.25rem;
  font-weight: 600;
}
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button {
  margin-top: 0.5rem;
  width: 100%;
}

/* WooCommerce Blocks card */
.wc-block-grid__product {
  display: flex;
  flex-direction: column;
}
.wc-block-grid__product .wc-block-grid__product-title {
  margin: 0.5rem 0 0.25rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wc-block-grid__product .wc-block-grid__product-price { margin-top: 0.25rem; font-weight: 600; }
.wc-block-grid__product .wp-block-button__link { margin-top: 0.5rem; width: 100%; }