/**
 * Ainbae Collections — Collections Landing Page Styles
 *
 * Intentionally minimal: WooCommerce's native .products / .product-category
 * markup already carries full grid layout from woocommerce.css and the active
 * theme. We only add the small extras that don't exist in WooCommerce core.
 *
 * DO NOT redeclare flex/width rules here — they fight the theme's .products
 * grid and produce misaligned / undersized cards compared to product categories.
 */

/* ── Columns helper — sets the WooCommerce columns CSS variable only.
      WooCommerce and themes use --wc-columns (or the .columns-N class we
      already output on the <ul>) to drive their own grid. We must NOT add
      competing flex/width rules on top of that. ─────────────────────────── */
.ainbaecfwoo-col-grid-1 .products { --wc-columns: 1; }
.ainbaecfwoo-col-grid-2 .products { --wc-columns: 2; }
.ainbaecfwoo-col-grid-3 .products { --wc-columns: 3; }
.ainbaecfwoo-col-grid-4 .products { --wc-columns: 4; }
.ainbaecfwoo-col-grid-5 .products { --wc-columns: 5; }
.ainbaecfwoo-col-grid-6 .products { --wc-columns: 6; }

/* ── Card link — mirrors WooCommerce's .woocommerce-loop-category__link ──── */
.ainbaecfwoo-col-card { display: block; text-decoration: none; color: inherit; }
.ainbaecfwoo-col-card:hover { text-decoration: none; color: inherit; }

/* ── Optional description line below the title ───────────────────────────── */
.ainbaecfwoo-col-card-desc { font-size: .9em; color: #555; margin: .25em 0 0; }

/* ── Empty state ─────────────────────────────────────────────────────────── */
.ainbaecfwoo-col-empty { text-align: center; padding: 2em; color: #555; }