/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
/* Lees meer (Even voorstellen) */
.leesmeer-extra {
	display: grid;
	grid-template-rows: 0fr;
	position: relative;
	transition: grid-template-rows .45s ease;
}
.leesmeer-inner {
	overflow: hidden;
	min-height: 0;
}
.leesmeer.is-open .leesmeer-extra {
	grid-template-rows: 1fr;
}
.leesmeer-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	padding: 9px 20px;
	font-family: Lora, serif;
	font-size: 15px;
	color: #303e31;
	background: #9accb0;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color .2s ease;
}
.leesmeer-btn:hover,
.leesmeer-btn:focus-visible {
	background: #88bf9f;
}
.leesmeer-btn svg {
	transition: transform .3s ease;
}
.leesmeer.is-open .leesmeer-btn svg {
	transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
	.leesmeer-extra, .leesmeer-btn svg { transition: none; }
}

/* Checklist met vinkjes */
.checklist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.checklist li {
	list-style: none;
	position: relative;
	padding-left: 38px;
	margin-bottom: 14px;
}
.checklist li:last-child {
	margin-bottom: 0;
}
.checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #9accb0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23303e31' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.checklist-2 ul {
	columns: 2;
	column-gap: 48px;
}
.checklist-2 li {
	break-inside: avoid;
}
@media (max-width: 959px) {
	.checklist-2 ul { columns: 1; }
}

/* Aquarelpaneel met wit icoon (in plaats van foto op aanbodpagina's) */
.beeldpaneel .uncell {
	min-height: 420px;
}
.beeldpaneel .background-inner {
	background-size: contain !important;
	background-repeat: no-repeat !important;
}
.beeldpaneel-icoon img {
	filter: brightness(0) invert(1) drop-shadow(0 2px 6px rgba(48, 62, 49, .25));
}
@media (max-width: 959px) {
	.beeldpaneel .uncell { min-height: 320px; }
}

/* Aquarel bovenaan de pagina, half verstopt achter de menubalk, tekst eronder */
.aquarel-hero {
	position: relative;
	overflow: hidden;
	padding-top: 210px !important;
}
.aquarel-hero::before {
	content: "";
	position: absolute;
	top: -530px;
	left: 50%;
	width: 900px;
	height: 870px;
	transform: translateX(-50%);
	background: url("../../uploads/2026/07/bg_swirl.jpg") center / contain no-repeat;
	pointer-events: none;
}
.aquarel-hero > * {
	position: relative;
	z-index: 1;
}
@media (max-width: 959px) {
	.aquarel-hero { padding-top: 130px !important; }
	.aquarel-hero::before { top: -330px; width: 540px; height: 522px; }
}

/* Doelgroep-iconen (Trainingen op maat) */
.doelgroep::before {
	content: "";
	display: block;
	width: 56px;
	height: 56px;
	margin-bottom: 20px;
	background: center / contain no-repeat;
}
.doelgroep-leidinggevenden::before { background-image: url("img/icoon-leidinggevenden.svg"); }
.doelgroep-organisaties::before { background-image: url("img/icoon-organisaties.svg"); }
.doelgroep-teams::before { background-image: url("img/icoon-teams.svg"); }

/* Twee overlappende foto's (Bianca & Ilona) */
.foto-duo .uncont {
	padding-right: 4%;
}
.foto-duo-1 {
	width: 54%;
	margin-left: 4% !important;
}
.foto-duo-2 {
	position: relative;
	z-index: 1;
	width: 54%;
	margin-left: 38% !important;
	margin-top: -22% !important;
}
.foto-duo-2 img {
	outline: 8px solid #f5f3f1;
}

/* Kaart-iconen (Ontdek wie je bent) */
.kaart-icoon::before {
	content: "";
	display: block;
	width: 56px;
	height: 56px;
	margin-bottom: 20px;
	background: center / contain no-repeat;
}
.kaart-icoon-groepssessies::before { background-image: url("img/icoon-groepssessies.svg"); }
.kaart-icoon-groepsapp::before { background-image: url("img/icoon-groepsapp.svg"); }
.kaart-icoon-werkboek::before { background-image: url("img/icoon-werkboek.svg"); }
.kaart-icoon-begeleiding::before { background-image: url("img/icoon-begeleiding.svg"); }

/* Gelijke afstand tussen subtitel en titel in de aquarel-hero */
.aquarel-hero .subtitel {
	margin-bottom: -40px !important;
}