/* Blok 8: Brede foto met label. */

.ps-photo-label .ps-photo-label__photo { width: 100%; }
.ps-photo-label .ps-photo-label__photo--21-8 { aspect-ratio: 21 / 8; }
.ps-photo-label .ps-photo-label__photo--16-9 { aspect-ratio: 16 / 9; }

.ps-photo-label .ps-photo-label__label {
	position: absolute;
	bottom: var(--wp--preset--spacing--20);
	display: flex;
	flex-direction: column;
	gap: 4px;
	max-width: 280px;
	padding: 14px var(--wp--preset--spacing--16);
	border-radius: var(--wp--preset--border-radius--medium);
	background-color: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--white);
}
.ps-photo-label .ps-photo-label__label--br { right: var(--wp--preset--spacing--20); }
.ps-photo-label .ps-photo-label__label--bl { left: var(--wp--preset--spacing--20); }
.ps-photo-label .ps-photo-label__tag { font-size: var(--wp--preset--font-size--x-small); letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--teal); }
.ps-photo-label .ps-photo-label__text { font-size: var(--wp--preset--font-size--medium-small); font-weight: 600; line-height: 1.4; }

@media (max-width: 640px) {
	.ps-photo-label .ps-photo-label__photo--21-8 { aspect-ratio: 4 / 3; }
	.ps-photo-label .ps-photo-label__label { left: var(--wp--preset--spacing--12); right: var(--wp--preset--spacing--12); bottom: var(--wp--preset--spacing--12); max-width: none; }
}