/* ============================================================
   COMPONENT: WINE CAROUSEL

   Product cards, slider controls and the core carousel geometry are inherited
   from the existing single-product carousel. This file only owns component
   layout, responsive ordering and the requested product-card hover state.
============================================================ */

.vw-wine-carousel {
	--vw-brand-carousel-columns: 4;
	overflow: hidden;
}

.vw-wine-carousel.vw-product-upsells {
	padding-block:0;
}

.vw-wine-carousel .vw-product-slider-controls {
	margin-block-start: 50px;
	padding-block-end: 0;
}

.vw-wine-carousel .vw-product-upsells-intro {
	min-height:0;
}



.vw-wine-carousel__content-column,
.vw-wine-carousel__wines-column {
	min-width: 0;
}

.vw-wine-carousel__content-column {
	display: flex;
}

.vw-wine-carousel__intro,
.vw-wine-carousel__content {
	width: 100%;
}



.vw-wine-carousel__content > :first-child {
	margin-top: 0;
}

.vw-wine-carousel__content > :last-child {
	margin-bottom: 0;
}

.vw-wine-carousel__content a {
	font-family: var(--font-family-heading);
}

/* Desktop: Wines Right is the ACF default. */
.vw-wine-carousel--wines-right .vw-wine-carousel__content-column {
	order: 1;
	padding-right: 2.5rem;
}

.vw-wine-carousel--wines-right .vw-wine-carousel__wines-column {
	order: 2;
}

.vw-wine-carousel--wines-left .vw-wine-carousel__wines-column {
	order: 1;
}

.vw-wine-carousel--wines-left .vw-wine-carousel__content-column {
	order: 2;
	padding-left: 2.5rem;
}

/* Explicit requested rollover colour while retaining the universal card. */
.vw-wine-carousel .our-wines-product:hover,
.vw-wine-carousel .our-wines-product:focus-within {
	background: var(--color-background-hover, #e9e4d3);
}

/* Large tablet / small desktop: three wines visible. */
@media only screen and (max-width: 74.999em) {
	.vw-wine-carousel {
		--vw-brand-carousel-columns: 3;
	}

	.vw-wine-carousel--wines-right .vw-wine-carousel__content-column {
		padding-right: 2rem;
	}

	.vw-wine-carousel--wines-left .vw-wine-carousel__content-column {
		padding-left: 2rem;
	}
}

/* Tablet: wines first, then the animated copy/navigation block. */
@media only screen and (max-width: 61.999em) {
	.vw-wine-carousel {
		--vw-brand-carousel-columns: 3;
	}
	

	
	
	.vw-product-upsells .vw-product-upsells-intro :where(h1, h2, h3, h4, h5, h6) {
		margin-bottom: 1rem!important;
	}
	

	.vw-wine-carousel--wines-right .vw-wine-carousel__wines-column,
	.vw-wine-carousel--wines-left .vw-wine-carousel__wines-column {
		order: 1;
	}

	.vw-wine-carousel--wines-right .vw-wine-carousel__content-column,
	.vw-wine-carousel--wines-left .vw-wine-carousel__content-column {
		order: 2;
		padding-right: 0;
		padding-left: 0;
	}


	.vw-wine-carousel__intro {
		display: flex;
		min-height: 0;
		flex-direction: column;
	}

	.vw-wine-carousel .vw-product-slider-controls {
		display: flex;
		justify-content: flex-start;
		margin: 0 0 40px 0;
		padding-bottom: 0;
	}
	
	
	.vw-wine-carousel__content {
		order: 2;
	}
	
}

/* Mobile: two wines visible and the arrows sit above the WYSIWYG copy. */
@media only screen and (max-width: 47.999em) {
	.vw-wine-carousel {
		--vw-brand-carousel-columns: 2;
	}
	
	.vw-product-upsells .vw-product-upsells-intro :where(h1, h2, h3, h4, h5, h6) {
		margin-bottom: 1rem!important;
	}



	.vw-wine-carousel__controls {
		order: 1;
		display: flex !important;
		margin: 0 0 3rem;
		padding: 0;
	}

}