/**
 * Stile "Carosello" dei blocchi griglia prodotti WooCommerce (bonvini-core, 2026-10-05).
 * Markup WooCommerce invariato: .wc-block-grid.is-style-carosello > ul.wc-block-grid__products > li.
 * Colonne visibili: quelle impostate nel blocco da desktop (default 4), 2,2 tablet, 1,2 mobile:
 * la card tagliata a destra fa capire che si può scorrere.
 */
.wc-block-grid.is-style-carosello {
	--bv-car-cols: 4;
	position: relative;
}
.wc-block-grid.is-style-carosello.has-2-columns { --bv-car-cols: 2; }
.wc-block-grid.is-style-carosello.has-3-columns { --bv-car-cols: 3; }
.wc-block-grid.is-style-carosello.has-5-columns { --bv-car-cols: 5; }
.wc-block-grid.is-style-carosello.has-6-columns { --bv-car-cols: 6; }

.wc-block-grid.is-style-carosello .wc-block-grid__products {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	row-gap: 0;
	padding-bottom: 1.5rem; /* spazio per l'ombra hover delle card */
}
.wc-block-grid.is-style-carosello .wc-block-grid__products::-webkit-scrollbar {
	display: none;
}

.wc-block-grid.is-style-carosello .wc-block-grid__products .wc-block-grid__product {
	flex: 0 0 calc(100% / var(--bv-car-cols));
	max-width: none;
	width: auto;
	margin-bottom: 0;
	scroll-snap-align: start;
}

@media (max-width: 991.98px) {
	.wc-block-grid.is-style-carosello[class] { --bv-car-cols: 2.2; }
}
@media (max-width: 575.98px) {
	.wc-block-grid.is-style-carosello[class] { --bv-car-cols: 1.2; }
}

/* Frecce (aggiunte da assets/js/carousel.js), solo con overflow e da tablet in su. */
.wc-block-grid.is-style-carosello .bv-carousel__nav {
	display: none;
}
@media (min-width: 768px) {
	.wc-block-grid.is-style-carosello.bv-carousel--overflow .bv-carousel__nav {
		display: flex;
		justify-content: flex-end;
		gap: 0.5rem;
		margin-top: 1rem;
	}
}
.wc-block-grid.is-style-carosello .bv-carousel__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 1px solid #3b3b3b;
	border-radius: 50%;
	background: #fff;
	color: #3b3b3b;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s, opacity 0.2s;
}
.wc-block-grid.is-style-carosello .bv-carousel__btn:hover:not(:disabled),
.wc-block-grid.is-style-carosello .bv-carousel__btn:focus-visible {
	background: #3b3b3b;
	color: #fff;
}
.wc-block-grid.is-style-carosello .bv-carousel__btn:disabled {
	opacity: 0.3;
	cursor: default;
}
.wc-block-grid.is-style-carosello .bv-carousel__btn span {
	margin-top: -0.15em;
}

@media (prefers-reduced-motion: reduce) {
	.wc-block-grid.is-style-carosello .wc-block-grid__products {
		scroll-behavior: auto;
	}
}