/* KDL Albums – uses the theme's colour/font presets where available */
.kdl-albums-filter { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 .75rem; }
.kdl-albums-filter + .kdl-albums-filter { margin-bottom: 2rem; }
.kdl-albums-filter__btn {
	font: inherit;
	font-family: var(--wp--preset--font-family--heading, inherit);
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: .9375rem;
	padding: .45em 1em;
	border: 1px solid var(--wp--preset--color--line, #ddd);
	border-radius: 999px;
	background: var(--wp--preset--color--white, #fff);
	color: var(--wp--preset--color--ink, #111);
	cursor: pointer;
}
.kdl-albums-filter__btn:hover { border-color: var(--wp--preset--color--brand-dark, #0070ad); }
.kdl-albums-filter__btn[aria-pressed="true"] { background: var(--wp--preset--color--brand-dark, #0070ad); border-color: var(--wp--preset--color--brand-dark, #0070ad); color: #fff; }
.kdl-albums-filter__btn:focus-visible { outline: 2px solid var(--wp--preset--color--brand, #00aae8); outline-offset: 2px; }
.kdl-albums__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: 1.5rem; }
.kdl-album { display: flex; flex-direction: column; text-decoration: none; color: inherit; background: var(--wp--preset--color--white, #fff); border-radius: 8px; overflow: hidden; box-shadow: var(--wp--preset--shadow--card, 0 4px 16px rgba(0,0,0,.08)); transition: transform .15s ease, box-shadow .15s ease; }
.kdl-album[hidden] { display: none; }
.kdl-album:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(14,26,43,.08), 0 14px 32px rgba(14,26,43,.12); }
.kdl-album:focus-visible { outline: 3px solid var(--wp--preset--color--brand, #00aae8); outline-offset: 2px; }
.kdl-album__cover { display: block; aspect-ratio: 4 / 3; background: var(--wp--preset--color--sky, #eaf5fc); overflow: hidden; }
.kdl-album__cover img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; }
.kdl-album__title { display: block; padding: 1rem 1.25rem .25rem; font-family: var(--wp--preset--font-family--heading, inherit); font-size: 1.25rem; font-weight: 400; text-transform: uppercase; line-height: 1.15; color: var(--wp--preset--color--ink, #111); }
.kdl-album__meta { display: block; padding: 0 1.25rem 1.1rem; font-size: .9375rem; color: var(--wp--preset--color--muted, #666); }
.kdl-albums__none { margin-top: 1rem; color: var(--wp--preset--color--muted, #666); }
@media (prefers-reduced-motion: reduce) { .kdl-album { transition: none; } .kdl-album:hover { transform: none; } }
/* Album page */
.kdl-album-head .wp-block-post-terms a { text-decoration: none; }
/* Use the theme's wide width inside normal page content */
.is-layout-constrained > .kdl-albums { max-width: var(--wp--style--global--wide-size, 1200px) !important; }