/* WooCommerce Archive (Shop/Category/Tag)
   Scope: body.woocommerce.archive or body.tax-product_cat|product_tag
*/

body.woocommerce.archive .content-area,
body.tax-product_cat .content-area,
body.tax-product_tag .content-area {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--space-l) var(--space-m);
}

/* Breadcrumbs & toolbar */
body.woocommerce.archive .woocommerce-breadcrumb,
body.tax-product_cat .woocommerce-breadcrumb,
body.tax-product_tag .woocommerce-breadcrumb {
  color: var(--color-muted);
  font-size: 0.9rem;
  margin-bottom: var(--space-m);
}

/* Products grid */
body.woocommerce.archive ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-l);
}

@media (max-width: 1024px) {
  body.woocommerce.archive ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  body.woocommerce.archive ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-m);
  }
}

@media (max-width: 480px) {
  body.woocommerce.archive ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products {
    grid-template-columns: 1fr;
  }
}

/* Fallback: ensure IA shop skin and Woo Blocks grids also render correctly */
.ia-shop-skin .woocommerce ul.products,
.ia-shop-skin .wc-block-grid__products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-l);
}

@media (max-width: 1024px) {
  .ia-shop-skin .woocommerce ul.products,
  .ia-shop-skin .wc-block-grid__products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .ia-shop-skin .woocommerce ul.products,
  .ia-shop-skin .wc-block-grid__products {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-m);
  }
}

@media (max-width: 480px) {
  .ia-shop-skin .woocommerce ul.products,
  .ia-shop-skin .wc-block-grid__products {
    grid-template-columns: 1fr;
  }
}

/* Homepage + global product grids: ensure proper multi-column layout for both classic and block grids */

/* Classic WooCommerce product grid */
.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.25rem;
}

@media (min-width: 480px) {
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
  .woocommerce ul.products { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  .woocommerce ul.products { grid-template-columns: repeat(4, 1fr); }
}

/* WooCommerce Blocks product grid (Featured Products, Products block, etc.) */
.wc-block-grid__products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.25rem;
}

@media (min-width: 480px) {
  .wc-block-grid__products { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
  .wc-block-grid__products { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  .wc-block-grid__products { grid-template-columns: repeat(4, 1fr); }
}

/* Featured Categories grid: desktop 4, tablet 2, mobile 1 */
.featured-categories {
  padding: var(--space-xl) var(--space-l);
  background: var(--ia-bg-white);
}
.featured-categories .section-title {
  font-family: var(--font-heading, "Cormorant Garamond", serif);
  font-size: 2rem;
  color: var(--ia-secondary);
  text-align: center;
  margin-bottom: var(--space-l);
}
.categories-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-l);
}
@media (max-width: 1024px) {
  .categories-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .categories-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-m); }
}
@media (max-width: 480px) {
  .categories-grid { grid-template-columns: 1fr; }
}
.category-card {
  border: 1px solid var(--ia-border-light);
  border-radius: 10px;
  overflow: hidden;
  background: var(--ia-bg-white);
  box-shadow: 0 6px 18px var(--ia-shadow-light);
  transition: transform 150ms ease, box-shadow 150ms ease;
}
.category-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px var(--ia-shadow-medium);
}
.category-image img { width: 100%; display: block; }
.category-info {
  padding: var(--space-m);
}
.category-info h3 {
  font-family: var(--font-heading, "Cormorant Garamond", serif);
  font-size: 1.25rem;
  color: var(--ia-secondary);
}
.category-info p {
  font-size: 0.95rem;
  color: var(--ia-text-secondary);
}
.category-link { text-decoration: none; display: block; }