/* KBH albums styles — owned by one concern (photo albums: index count + single gallery).
   The index card grid rides on cards.css; this file only adds the album-specific
   count label and the single-album gallery spacing. */

:root {
	--kbh-album-blue: var(--wp--preset--color--koningsblauw, #23388e);
	--kbh-album-muted: #5a5a5a;
}

/* ---- Index: "N foto's" line under the card title -------------------- */
.kbh-card.kbh-album .kbh-album-count {
	margin: 0 0 0.25rem;
	color: var(--kbh-album-muted);
	font-size: var(--wp--preset--font-size--small, 0.85rem);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

/* Push the card title tight to the count (no trailing excerpt on albums). */
.kbh-card.kbh-album .wp-block-post-title {
	margin-bottom: 0.35rem;
}

/* ---- Single: meta line (date · count) ------------------------------- */
.kbh-album-single .kbh-album-meta {
	color: var(--kbh-album-muted);
}

.kbh-album-single .kbh-album-date {
	margin: 0;
	color: var(--kbh-album-blue);
	font-weight: 700;
}

.kbh-album-single .kbh-album-count {
	margin: 0;
}

/* Separate date and count with a middot when both are present. */
.kbh-album-single .kbh-album-date:not(:empty) + .kbh-album-count:not(:empty)::before {
	content: "·";
	margin-right: 0.5rem;
	color: var(--kbh-album-muted);
}

/* ---- Single: the gallery -------------------------------------------- */
.kbh-album-single .wp-block-gallery {
	gap: var(--wp--preset--spacing--30, 1.25rem);
	margin-top: var(--wp--preset--spacing--40, 1.5rem);
}

.kbh-album-single .wp-block-gallery img {
	border-radius: var(--kbh-radius, 8px);
}

.kbh-album-single .wp-block-image figcaption,
.kbh-album-single .wp-block-gallery figcaption {
	color: var(--kbh-album-muted);
	font-size: var(--wp--preset--font-size--small, 0.85rem);
}