/* Project cards: five variants from the prototype (home, archief, carrousel, eenvoudig, mini) */
.eba-pk { text-decoration: none; color: var(--eba-tekst); }
.eba-pk:hover { color: var(--eba-tekst); }
.eba-pk__beeld { position: relative; aspect-ratio: 4 / 3; background: var(--eba-donker); }
.eba-pk__verloop { position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--eba-zwart) 0%, transparent) 45%, color-mix(in srgb, var(--eba-zwart) 78%, transparent) 100%); }
.eba-pk__label { position: absolute; top: 16px; right: 16px; }
.eba-pk__titel { position: absolute; left: 20px; right: 20px; bottom: 18px; font: 700 1.375rem/1.25 var(--eba-font-kop); color: #fff; }
.eba-pk__tekst {
	margin: 0; font-size: 0.9375rem; color: var(--eba-gedempt);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.eba-pk__meer { font: 600 1rem var(--eba-font-tekst); color: var(--eba-link); }

/* home */
.eba-pk--home, .eba-pk--archief {
	display: grid; grid-template-rows: auto 1fr; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: var(--eba-schaduw-kaart);
}
.eba-pk--home:hover, .eba-pk--archief:hover { box-shadow: var(--eba-schaduw-kaart-hover); }
.eba-pk--home .eba-pk__lijf { padding: 18px 22px 22px; display: grid; gap: 10px; align-content: start; }

/* archief */
.eba-pk--archief .eba-pk__label { max-width: calc(100% - 32px); }
.eba-pk--archief .eba-pk__titel { font: 700 clamp(1.25rem, 1.8vw, 1.5rem)/1.25 var(--eba-font-kop); text-wrap: pretty; }
.eba-pk--archief .eba-pk__lijf { padding: 22px 24px 24px; display: grid; gap: 12px; align-content: start; }
.eba-pk__kop { margin: 0; font: 600 1.125rem/1.35 var(--eba-font-tekst); }
.eba-pk__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 0.9375rem; color: var(--eba-gedempt); }
.eba-pk__meta span { white-space: pre; }
.eba-pk--archief .eba-pk__tekst { font-size: 1rem; }
.eba-pk__tags { margin-top: 2px; }
.eba-pk--archief .eba-pk__meer { font-size: 1.0625rem; margin-top: 6px; }

/* carrousel */
.eba-pk--carrousel {
	scroll-snap-align: start; display: grid; grid-template-rows: auto 1fr; background: #fff; border-radius: 10px;
	overflow: hidden; border: 1px solid var(--eba-rand);
}
.eba-pk--carrousel:hover { border-color: var(--eba-primair); }
.eba-pk--carrousel .eba-pk__verloop { background: linear-gradient(180deg, color-mix(in srgb, var(--eba-zwart) 0%, transparent) 45%, color-mix(in srgb, var(--eba-zwart) 80%, transparent) 100%); }
.eba-pk--carrousel .eba-pk__label { top: 12px; right: 12px; font-size: 0.625rem; padding: 5px 9px; border-radius: 4px; }
.eba-pk__onder { position: absolute; left: 14px; right: 14px; bottom: 12px; display: grid; gap: 2px; color: #fff; }
.eba-pk--carrousel .eba-pk__titel { position: static; font: 700 1.0625rem/1.25 var(--eba-font-kop); }
.eba-pk__plaats { font-size: 0.8125rem; color: var(--eba-op-donker); }
.eba-pk--carrousel .eba-pk__lijf { padding: 16px 18px 18px; display: grid; gap: 10px; align-content: start; }
.eba-pk--carrousel .eba-pk__tekst { font-size: 0.875rem; }
.eba-pk--carrousel .eba-pk__meer { font-size: 0.875rem; }

/* eenvoudig (service pages) */
.eba-pk--eenvoudig { display: grid; gap: 14px; align-content: start; }
.eba-pk__beeldlink { display: block; aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; border: 1px solid var(--eba-rand); }
.eba-pk--eenvoudig .eba-pk__kop { font: 700 1.25rem var(--eba-font-kop); }
.eba-pk--eenvoudig .eba-pk__tekst { font-size: 1rem; -webkit-line-clamp: 3; }

/* mini (blog sidebar) */
.eba-pk--mini {
	display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 14px; align-items: center; padding: 10px;
	border: 1px solid var(--eba-rand); border-radius: 8px;
}
.eba-pk--mini:hover { border-color: var(--eba-primair); }
.eba-pk--mini .eba-pk__beeld { aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; background: none; }
.eba-pk__mini-tekst { display: grid; gap: 2px; }
.eba-pk--mini .eba-pk__titel { position: static; font: 700 0.9375rem/1.3 var(--eba-font-kop); color: var(--eba-tekst); }
.eba-pk--mini .eba-pk__meer { font-size: 0.8125rem; font-weight: 600; }

.eba-pk__meta svg { color: var(--eba-primair); flex: none; }