/**
 * Alleen voorpagina (body.vineta-is-front-page) + Vineta Elementor-productwidgets:
 * — titel + prijs direct onder de foto (infoblok groeit niet; geen prijs naar onder duwen)
 * — foto: **contain** (nooit afsnijden); beeldvak **hoger (2:3)** i.p.v. vierkant → minder wit links/rechts bij portretfoto’s
 * — kaart + beeldvak: transparante achtergrond (pagina-sectie zichtbaar)
 */

/* Hoger beeldvak (portret 2:3) */
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-wrapper {
	aspect-ratio: 2 / 3 !important;
}

/*
 * Transparante kaarten + beeldvlak (overschrijft o.a. product-images-contain #fff !important
 * en Vineta add-on .style-center { background-color: var(--white) }).
 */
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .wrapper-shop,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .tfwc-slider,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .swiper,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .swiper-wrapper,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .swiper-slide,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product.style-center,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product.style-border,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product.style-border-2,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product.style-space,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product.style-space-2,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-wrapper,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-wrapper > a.product-img,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-wrapper .product-img,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-wrapper .product-img img.img-product,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-wrapper .product-img img.img-hover,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-info {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

/* Zelfde wit-weghalen voor Vineta-productwidgets zonder #themesflat-content (bijv. full-width template). */
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .wrapper-shop,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .tfwc-slider,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .swiper,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .swiper-wrapper,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .swiper-slide,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product.style-center,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product.style-border,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product.style-border-2,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product.style-space,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product.style-space-2,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product .card-product-wrapper,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product .card-product-wrapper > a.product-img,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product .card-product-wrapper .product-img,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product .card-product-wrapper .product-img img.img-product,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product .card-product-wrapper .product-img img.img-hover,
html body.vineta-is-front-page .elementor-element[class*="elementor-widget-vince_product"] .card-product .card-product-info {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

/* Swiper: slides even hoog, kaart vult slide */
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .swiper-wrapper {
	align-items: stretch !important;
}

html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .swiper-slide {
	display: flex !important;
	height: auto !important;
	align-self: stretch !important;
	box-sizing: border-box !important;
}

html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .swiper-slide .card-product {
	flex: 1 1 auto !important;
	width: 100% !important;
	min-height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

/* Zelfde idee voor productgrid (geen swiper) op de homepage-widget */
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .tf-grid-layout {
	align-items: stretch !important;
}

html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .tf-grid-layout > .card-product {
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

/* Infoblok: kolom, hoogte = inhoud (geen gat tussen titel en prijs) */
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-info {
	display: flex !important;
	flex-direction: column !important;
	flex: 0 1 auto !important;
	min-height: 0 !important;
	justify-content: flex-start !important;
	align-items: stretch !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-info .price-wrap,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-info > p.price-wrap {
	margin-top: 0 !important;
}

/* Foto: contain (alleen deze widget op home; overschrijft eventuele andere homepage-regels) */
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-wrapper .product-img img.img-product,
html body.vineta-is-front-page #themesflat-content .elementor-vineta-widget-wrapper .card-product .card-product-wrapper .product-img img.img-hover {
	object-fit: contain !important;
	object-position: center center !important;
}