/* ============================================================
   ANNY — GRID
   ============================================================
   Sistema estructural de columnas del catálogo.

   RESPONSABILIDADES:
   - Grid principal
   - Columnas
   - Separación entre productos
   - Tamaño de las celdas
   - Neutralización de layout WooCommerce

   NO INCLUIR AQUÍ:
   - Diseño tarjeta      → anny-catalog.css
   - Galería             → anny-catalog.css
   - Botones             → anny-buttons.css
   - Colores             → anny-colors.css
   - Responsive          → anny-responsive.css
   ============================================================ */


/* ============================================================
   01 — GRID PRINCIPAL
   ============================================================ */

.woocommerce .anny-catalog ul.anny-grid.products {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        2.5rem 1.5rem;

    width: 100%;

    max-width: 100%;

    margin: 0;

    padding: 0;

    list-style: none;

    align-items: stretch;

}


/* ============================================================
   02 — CELDA DEL GRID
   ============================================================ */

.woocommerce .anny-catalog ul.anny-grid.products > li.anny-card.product {

    min-width: 0;

    width: auto;

    margin: 0;

    padding: 0;

    float: none;

    clear: none;

    list-style: none;

}


/* ============================================================
   03 — NEUTRALIZACIÓN WOOCOMMERCE
   ============================================================ */

.woocommerce .anny-catalog ul.anny-grid.products > li.anny-card.product {

    float: none;

    clear: none;

    width: auto;

    margin: 0;

    padding: 0;

}


/* ============================================================
   04 — FLEX DE LA CELDA
   ============================================================ */

.woocommerce .anny-catalog ul.anny-grid.products > li.anny-card.product {

    display: flex;

    flex-direction: column;

    align-items: stretch;

}


/* ============================================================
   05 — TARJETA INTERNA
   ============================================================ */

.woocommerce .anny-catalog ul.anny-grid.products > li.anny-card.product .anny-card__inner {

    display: flex;

    flex-direction: column;

    flex: 1 1 auto;

    width: 100%;

    min-width: 0;

}


/* ============================================================
   06 — CLEARFIX WOOCOMMERCE
   ============================================================ */

.woocommerce .anny-catalog ul.anny-grid.products > li.anny-card.product::before, .anny-catalog ul.anny-grid.products > li.anny-card.product::after {

    content: none;

    display: none;

}


/* ============================================================
   07 — LIMPIEZA DEL GRID
   ============================================================ */

.woocommerce .anny-catalog
ul.anny-grid.products::before,

.woocommerce .anny-catalog
ul.anny-grid.products::after {

    content: none;

    display: none;

}


/* ============================================================
   08 — INFORMACIÓN FLEXIBLE
   ============================================================ */

.woocommerce .anny-catalog
ul.anny-grid.products
.anny-card__information {

    min-width: 0;

}


/* ============================================================
   09 — FOOTER ALINEADO
   ============================================================ */

.woocommerce .anny-catalog
ul.anny-grid.products
.anny-card__footer {

    margin-top: auto;

}


/* ============================================================
   10 — ELEMENTOS OCULTOS
   ============================================================ */

.woocommerce .anny-catalog
ul.anny-grid.products > li[hidden],

.woocommerce .anny-catalog
ul.anny-grid.products > li.is-hidden {

    display: none;

}


/* ============================================================
   11 — GRID VACÍO
   ============================================================ */

.woocommerce .anny-catalog
ul.anny-grid.products:empty {

    display: none;

}


/* ============================================================
   12 — LISTA WOOCOMMERCE
   ============================================================ */

.woocommerce
.anny-catalog
ul.anny-grid.products {

    list-style: none;

}