/**
 * Jovino Addons frontend fixes.
 * Scope: product detail widget and home news widget only.
 */

:root {
	--jovino-addons-yellow: #cab347;
	--jovino-addons-yellow-dark: #9d8929;
	--jovino-addons-grey-darker: #121212;
}

.jovino-addons-news-home {
	overflow-x: clip;
}

.jovino-addons-news-inner {
	min-width: 0;
}

.jovino-addons-news-carousel-wrap,
.jovino-addons-news-carousel {
	min-width: 0;
	overflow: visible;
}

.jovino-addons-news-carousel:not(.slick-initialized) {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
}

.jovino-addons-news-card {
	box-sizing: border-box;
	min-height: 100%;
}

.jovino-addons-news-card-media img {
	object-fit: cover;
	width: 100%;
}

.jovino-addons-news-carousel.slick-initialized .slick-list {
	overflow: hidden;
}

.jovino-addons-news-carousel.slick-initialized .slick-track {
	align-items: stretch;
	display: flex !important;
}

.jovino-addons-news-carousel.slick-initialized .slick-slide {
	box-sizing: border-box;
	display: flex !important;
	height: auto !important;
}

.jovino-addons-news-carousel.slick-initialized .slick-slide > div,
.jovino-addons-news-carousel.slick-initialized .jovino-addons-news-card {
	display: flex !important;
	height: auto;
}

.jovino-addons-news-carousel .slick-dots {
	bottom: -2.25rem;
	display: flex !important;
	justify-content: flex-start;
	left: 0.5rem;
	width: auto;
}

.jovino-addons-news-carousel .slick-dots li button::before {
	color: var(--jovino-addons-yellow);
	opacity: 1;
}

.jovino-addons-product-detail {
	background-color: var(--jovino-addons-grey-darker);
}

.jovino-addons-product-visual {
	overflow: visible;
}

.jovino-addons-product-parallax,
.jovino-addons-product-parallax [data-depth] {
	height: 100%;
	position: relative;
	width: 100%;
}

.jovino-addons-product-bottle,
.jovino-addons-product-visual .parallax img.jovino-addons-product-bottle {
	height: var(--jovino-product-image-height-mobile, auto) !important;
	left: var(--jovino-product-image-left-mobile, 0) !important;
	margin: 0 auto !important;
	max-width: var(--jovino-product-image-width-mobile, 270px) !important;
	position: relative !important;
	top: var(--jovino-product-image-top-mobile, 0) !important;
	transform: none !important;
	width: var(--jovino-product-image-width-mobile, 100%) !important;
}

@media (max-width: 767px) {
	.jovino-addons-news-carousel-wrap {
		margin-top: 1.5rem;
	}

	.jovino-addons-news-carousel {
		overflow: visible;
		padding-bottom: 3rem;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.jovino-addons-news-carousel .slick-dots {
		bottom: 0;
		left: 1rem;
	}

	.jovino-addons-news-card {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: calc(100vw - 2rem);
	}

	.jovino-addons-news-carousel.slick-initialized .slick-slide {
		padding-left: 0;
		padding-right: 0;
	}

	.jovino-addons-news-carousel.slick-initialized .slick-slide > div {
		width: 100%;
	}

	.jovino-addons-news-card-media img {
		aspect-ratio: 1.55 / 1;
		height: auto;
		min-height: 190px;
	}

}

@media (min-width: 768px) and (max-width: 1023px) {
	.jovino-addons-product-bottle,
	.jovino-addons-product-visual .parallax img.jovino-addons-product-bottle {
		height: var(--jovino-product-image-height-tablet, auto) !important;
		left: var(--jovino-product-image-left-tablet, 0) !important;
		max-width: var(--jovino-product-image-width-tablet, 340px) !important;
		top: var(--jovino-product-image-top-tablet, 0) !important;
		width: var(--jovino-product-image-width-tablet, 78%) !important;
	}
}

@media (min-width: 1024px) {
	.jovino-addons-news-card {
		max-width: 536px;
	}

	.jovino-addons-product-bottle,
	.jovino-addons-product-visual .parallax img.jovino-addons-product-bottle {
		height: var(--jovino-product-image-height-desktop, auto) !important;
		left: var(--jovino-product-image-left-desktop, -20%) !important;
		margin: 0 !important;
		max-width: none !important;
		position: absolute !important;
		top: var(--jovino-product-image-top-desktop, -8rem) !important;
		width: var(--jovino-product-image-width-desktop, 180%) !important;
	}
}

@supports not (overflow: clip) {
	.jovino-addons-news-home {
		overflow-x: hidden;
	}
}