/**
 * Colunas do catálogo – grid CSS (independente do float one-third do Betheme).
 */

/* Produtos – WooCommerce ul.products (archives e single product) */
body.oc-catalog-prod-columns-2 .woocommerce ul.products,
body.oc-catalog-prod-columns-2 .woocommerce-content ul.products,
body.oc-catalog-prod-columns-3 .woocommerce ul.products,
body.oc-catalog-prod-columns-3 .woocommerce-content ul.products,
body.oc-catalog-prod-columns-4 .woocommerce ul.products,
body.oc-catalog-prod-columns-4 .woocommerce-content ul.products {
	display: grid !important;
	width: 100%;
	margin: 0 0 20px !important;
	padding: 0;
	list-style: none;
	gap: 20px 2%;
	float: none !important;
}

body.oc-catalog-prod-columns-2 .woocommerce ul.products::before,
body.oc-catalog-prod-columns-2 .woocommerce ul.products::after,
body.oc-catalog-prod-columns-2 .woocommerce-content ul.products::before,
body.oc-catalog-prod-columns-2 .woocommerce-content ul.products::after,
body.oc-catalog-prod-columns-3 .woocommerce ul.products::before,
body.oc-catalog-prod-columns-3 .woocommerce ul.products::after,
body.oc-catalog-prod-columns-3 .woocommerce-content ul.products::before,
body.oc-catalog-prod-columns-3 .woocommerce-content ul.products::after,
body.oc-catalog-prod-columns-4 .woocommerce ul.products::before,
body.oc-catalog-prod-columns-4 .woocommerce ul.products::after,
body.oc-catalog-prod-columns-4 .woocommerce-content ul.products::before,
body.oc-catalog-prod-columns-4 .woocommerce-content ul.products::after {
	display: none !important;
	content: none !important;
}

body.oc-catalog-prod-columns-2 .woocommerce ul.products,
body.oc-catalog-prod-columns-2 .woocommerce-content ul.products {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.oc-catalog-prod-columns-3 .woocommerce ul.products,
body.oc-catalog-prod-columns-3 .woocommerce-content ul.products {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.oc-catalog-prod-columns-4 .woocommerce ul.products,
body.oc-catalog-prod-columns-4 .woocommerce-content ul.products {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.oc-catalog-prod-columns-2 .woocommerce ul.products li.product,
body.oc-catalog-prod-columns-2 .woocommerce-content ul.products li.product,
body.oc-catalog-prod-columns-3 .woocommerce ul.products li.product,
body.oc-catalog-prod-columns-3 .woocommerce-content ul.products li.product,
body.oc-catalog-prod-columns-4 .woocommerce ul.products li.product,
body.oc-catalog-prod-columns-4 .woocommerce-content ul.products li.product {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
}

/* Categorias – grid dentro do section_wrapper do Betheme */
.section .section_wrapper .oc-catalog-category-grid,
.section .mcb-section-inner .oc-catalog-category-grid,
.oc-catalog-category-grid {
	display: grid;
	width: 100%;
	margin: 0 0 30px;
	gap: 20px 2%;
	box-sizing: border-box;
}

body.oc-catalog-cat-columns-2 .oc-catalog-category-grid,
.oc-catalog-category-grid[data-oc-columns="2"] {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.oc-catalog-cat-columns-3 .oc-catalog-category-grid,
.oc-catalog-category-grid[data-oc-columns="3"] {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.oc-catalog-cat-columns-4 .oc-catalog-category-grid,
.oc-catalog-category-grid[data-oc-columns="4"] {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.oc-catalog-category-grid .oc-catalog-category-item,
.oc-catalog-category-grid .column.mcb-column,
.oc-catalog-category-grid .column {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
}

.oc-catalog-category-grid .oc-catalog-category-item .column_attr,
.oc-catalog-category-grid .oc-catalog-category-item .animate {
	width: 100%;
}

.section.oc-catalog-section-empty {
	display: none !important;
}

@media only screen and (max-width: 959px) {
	body.oc-catalog-prod-columns-3 .woocommerce ul.products,
	body.oc-catalog-prod-columns-3 .woocommerce-content ul.products,
	body.oc-catalog-prod-columns-4 .woocommerce ul.products,
	body.oc-catalog-prod-columns-4 .woocommerce-content ul.products,
	body.oc-catalog-cat-columns-3 .oc-catalog-category-grid,
	body.oc-catalog-cat-columns-4 .oc-catalog-category-grid,
	.oc-catalog-category-grid[data-oc-columns="3"],
	.oc-catalog-category-grid[data-oc-columns="4"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media only screen and (max-width: 767px) {
	body.oc-catalog-prod-columns-2 .woocommerce ul.products,
	body.oc-catalog-prod-columns-2 .woocommerce-content ul.products,
	body.oc-catalog-prod-columns-3 .woocommerce ul.products,
	body.oc-catalog-prod-columns-3 .woocommerce-content ul.products,
	body.oc-catalog-prod-columns-4 .woocommerce ul.products,
	body.oc-catalog-prod-columns-4 .woocommerce-content ul.products,
	body.oc-catalog-cat-columns-2 .oc-catalog-category-grid,
	body.oc-catalog-cat-columns-3 .oc-catalog-category-grid,
	body.oc-catalog-cat-columns-4 .oc-catalog-category-grid,
	.oc-catalog-category-grid[data-oc-columns="2"],
	.oc-catalog-category-grid[data-oc-columns="3"],
	.oc-catalog-category-grid[data-oc-columns="4"] {
		grid-template-columns: 1fr !important;
	}
}