/**
 * Dust & Needles — Custom styles
 * For things theme.json can't express.
 */

/* Smooth transitions on links and interactive elements */
a,
.wp-block-button__link,
.wp-block-navigation-item__content {
	transition: color 0.2s ease, background-color 0.2s ease;
}

/* Album art hover effect on post grid */
.wp-block-post-featured-image img {
	transition: transform 0.3s ease, filter 0.3s ease;
}

.wp-block-post-featured-image a:hover img {
	transform: scale(1.03);
	filter: brightness(1.05);
}

/* Subtle texture on cream background */
body {
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.015'/%3E%3C/svg%3E");
}

/* Blockquote — lyric styling for reviews */
.wp-block-quote p {
	margin-bottom: 0.25em;
}

.wp-block-quote cite {
	font-style: normal;
	font-size: 0.85rem;
	color: var(--wp--preset--color--liner-notes-gray);
}

/* Featured image on single posts — full bleed */
.wp-block-post-featured-image.alignfull img {
	max-height: 60vh;
	object-fit: cover;
}

/* Post grid gap on smaller screens */
@media (max-width: 768px) {
	.wp-block-post-template.is-layout-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Navigation mobile overlay tweaks */
.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: 2rem;
}

/* Separator — thin amber line */
.wp-block-separator {
	height: 2px;
	opacity: 0.6;
}