/* 1R Reactor — frontend-categories.css
 * Canonical structure: foundations → layout/components → context UI → states → responsive.
 */

/* === Foundations & Base === */
.categories__content-item .image-overlay,
.categories__content-item .image-overlay-inside,
.categories__content-item::before{display:none;content:none;}
ul.products.reactor-category-grid::before,
ul.products.reactor-category-grid::after{display:none;content:none;}
/* Theme-styled Reactor categories still use WooCommerce ul.products. Normalize only the list indentation. */
.woocommerce.r1-reactor-theme-categories > ul.products{padding-inline:0;margin-inline:0;list-style:none;}

/* === Layout & Components === */
.categories__item-price{display:none;}
.categories__content-item{position: relative;display: flex;flex-direction: column;width: 100%;min-height: 100%;box-sizing: border-box;}
.categories__content-item > img{order: 1;}
.categories__item-head{order: 2;}
.categories__item-btn{position: absolute;z-index: 10;pointer-events: none;}

/* === Commerce & Content Components === */
.categories__content-item.reactor-category-thumbnail--contain > img{object-fit: contain;}
.categories__content-item.reactor-category-thumbnail--cover > img{object-fit: cover;}
ul.products.reactor-category-grid{display:grid;grid-template-columns:repeat(var(--reactor-category-columns,4),minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;}
ul.products.reactor-category-grid>li.product-category,
ul.products.reactor-category-grid>li.reactor-category-card{float:none;width:auto;max-width:none;min-width:0;margin:0;clear:none;}
ul.products.reactor-category-grid>li.first,
ul.products.reactor-category-grid>li.last{clear:none;margin-left:0;margin-right:0;}
ul.products.reactor-category-grid{gap:var(--r1-column-gap,24px);}

/* === Responsive & Conditional === */
@media (max-width: 900px){ul.products.reactor-category-grid{grid-template-columns:repeat(min(var(--reactor-category-columns,4),2),minmax(0,1fr));}}
@media (max-width: 560px){ul.products.reactor-category-grid{grid-template-columns:1fr;}}
