/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/* =========================================================================
   Achtergrond-fade — plak dit in style.css van het child theme
   Gebruik: WPBakery-rij > "Extra class name" > bijv. breon-bg-beige
   ========================================================================= */
:root {
	--breon-fade-duration: 1s;
}

body.breon-fade-on .l-canvas,
body.breon-fade-on .l-main,
body.breon-fade-on .l-section {
	background-color: transparent !important;
}

.breon-bg-mint  { --breon-fade-color: var(--color-mint); }
.breon-bg-wit   { --breon-fade-color: var(--color-wit); }
.breon-bg-beige { --breon-fade-color: var(--color-beige); }
.breon-bg-paars { --breon-fade-color: var(--color-donkerblauw); --breon-ink: var(--color-wit); }
.breon-bg-groen { --breon-fade-color: var(--color-groen); }

[class*="breon-bg-"] { background-color: var(--breon-fade-color); }

/* Met main.js: rijen transparant, de body fadet */
body.breon-fade-on {
	transition: background-color var(--breon-fade-duration) cubic-bezier(.4, 0, .2, 1);
}
body.breon-fade-on [class*="breon-bg-"] {
	background-color: transparent !important;
	color: var(--breon-ink, inherit);
}

@media (prefers-reduced-motion: reduce) {
	body.breon-fade-on { transition: none; }
}



/* Nieuws-grid zoals in het ontwerp: 6 / 3 / 3 */
.w-grid.type_grid.breon-news .w-grid-list {
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: 24px;
	row-gap: 48px;
}
.w-grid.type_grid.breon-news .w-grid-item:nth-child(1) { grid-column: 1 / 7; }
.w-grid.type_grid.breon-news .w-grid-item:nth-child(2) { grid-column: 7 / 10; }
.w-grid.type_grid.breon-news .w-grid-item:nth-child(3) { grid-column: 10 / 13; }

/* Beeldverhouding: groot bericht 3:2, kleine 4:3 (overschrijft de 16:9 van de Grid Layout) */
.w-grid.breon-news .w-grid-item .w-post-elm.post_image { aspect-ratio: 4 / 3 !important; overflow: hidden; }
.w-grid.breon-news .w-grid-item:nth-child(1) .w-post-elm.post_image { aspect-ratio: 3 / 2 !important; }
.w-grid.breon-news .post_image img { transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
.w-grid.breon-news .w-grid-item:hover .post_image img { transform: scale(1.05); }

/* Titels: groot bericht groter */
.w-grid.breon-news .w-post-elm.post_title { font-size: clamp(22px, 1.9vw, 28px); line-height: 1.12; }
.w-grid.breon-news .w-grid-item:nth-child(1) .w-post-elm.post_title { font-size: clamp(28px, 2.8vw, 40px); }

/* Tablet: groot bericht volle breedte, de andere twee naast elkaar */
@media (max-width: 1024px) {
	.w-grid.type_grid.breon-news .w-grid-item:nth-child(1) { grid-column: 1 / -1; }
	.w-grid.type_grid.breon-news .w-grid-item:nth-child(2) { grid-column: 1 / 7; }
	.w-grid.type_grid.breon-news .w-grid-item:nth-child(3) { grid-column: 7 / -1; }
}
/* Mobiel: onder elkaar */
@media (max-width: 600px) {
	.w-grid.type_grid.breon-news .w-grid-item { grid-column: 1 / -1 !important; }
}

/* Nieuws: tag + datum zoals in het ontwerp */
.w-grid.breon-news .w-grid-item-h {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.w-grid.breon-news .usg_hwrapper_1 {
	--hwrapper-gap: 12px !important;
	align-items: center;
	margin: 0 !important;
}

/* Tag (categorie) */
.w-grid.breon-news .post_taxonomy .w-btn {
	background: var(--breon-beige, rgb(240, 235, 225)) !important;
	color: var(--breon-paars, rgb(47, 43, 82)) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 5px 10px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	min-height: 0 !important;
	pointer-events: none; /* het is een label, geen knop */
}
.w-grid.breon-news .post_taxonomy .w-btn::before,
.w-grid.breon-news .post_taxonomy .w-btn::after { display: none !important; }

/* Datum */
.w-grid.breon-news .post_date {
	font-size: 14px;
	line-height: 1.2;
	color: var(--breon-paars, rgb(47, 43, 82));
	opacity: 1;
}

/* Titel schuift iets op bij hover, zoals in het ontwerp */
.w-grid.breon-news .post_title { margin: 0 !important; transition: transform .4s cubic-bezier(.2, .7, .2, 1); }
.w-grid.breon-news .w-grid-item:hover .post_title { transform: translateX(6px); }


/* Responsive Queries */
/* Large */
@media screen and (max-width: 1200px){}

/* Medium */
@media screen and (max-width: 1040px){}

/* Small */
@media screen and (max-width: 768px){}

/* Extra Small */
@media screen and (max-width: 576px){}



/* Device Queries */
/* Large Devices */
@media screen and (max-device-width: 1200px){}

/* Medium Devices */
@media screen and (max-device-width: 1040px){}

/* Small Devices */
@media screen and (max-device-width: 768px){}

/* Extra Small Devices */
@media screen and (max-device-width: 576px){}