/* [AlbumesFB] and [VideosYT] item screen: breadcrumb, title, previous/next. Plain CSS, no libraries.
   Colours follow the same custom properties as the post lists (--advenz-list-accent, -line, -ink, -muted, -surface). */
.advenz-album {
	--aa-accent: var(--advenz-list-accent, var(--wp--preset--color--blue, #245d94));
	--aa-line: var(--advenz-list-line, var(--wp--preset--color--line, #dbe5ef));
	--aa-muted: var(--advenz-list-muted, var(--wp--preset--color--muted, #5a6b7d));
	--aa-tint: var(--advenz-list-tint, var(--wp--preset--color--sky, #eaf2fb));
	--aa-surface: var(--advenz-list-surface, var(--wp--preset--color--surface, #fff));
	margin: 1.2rem 0 2rem;
}
.advenz-album__crumbs { margin: 0 0 1.1rem; font-size: .95rem; }
.advenz-album__crumbs a { color: var(--aa-accent); text-decoration: none; font-weight: 600; }
.advenz-album__crumbs a:hover, .advenz-album__crumbs a:focus-visible { text-decoration: underline; }
.advenz-album__header { margin: 0 0 1rem; padding: 0 0 .9rem; border-bottom: 2px solid var(--aa-line); }
.advenz-album__kicker { margin: 0 0 .25rem; font-size: .9rem; font-weight: 600; letter-spacing: .02em; color: var(--aa-muted); font-variant-numeric: tabular-nums; }
.advenz-album__title { margin: 0; line-height: 1.2; overflow-wrap: anywhere; }
.advenz-album__pager { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 2rem 0 0; }
.advenz-album__prev, .advenz-album__next {
	display: flex;
	flex-direction: column;
	gap: .2rem;
	padding: .8rem 1rem;
	color: inherit;
	text-decoration: none;
	background: var(--aa-surface);
	border: 1px solid var(--aa-line);
	border-radius: 12px;
	transition: border-color .15s ease, background-color .15s ease;
}
.advenz-album__next { text-align: right; grid-column: 2; }
.advenz-album__prev:hover, .advenz-album__next:hover,
.advenz-album__prev:focus-visible, .advenz-album__next:focus-visible { border-color: var(--aa-accent); background: var(--aa-tint); }
.advenz-album__pager-label { font-size: .82rem; font-weight: 600; color: var(--aa-accent); }
.advenz-album__pager-title { font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.advenz-albums__more { margin: .5rem 0 1.5rem; font-weight: 600; }
@media (max-width: 520px) {
	.advenz-album__pager { grid-template-columns: 1fr; }
	.advenz-album__next { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
	.advenz-album__prev, .advenz-album__next { transition: none; }
}

/* [VideosYT]: the player keeps 16:9 whatever the column's width */
.advenz-video__player { position: relative; aspect-ratio: 16 / 9; margin: 0 0 1.2rem; background: #000; border-radius: 12px; overflow: hidden; }
.advenz-video__player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.advenz-video__description { overflow-wrap: anywhere; }
.advenz-video__link { font-size: .95rem; font-weight: 600; }