/*
Theme Name: Kadence Child
Template: kadence
*/

/* Single artwork page — editorial split layout. Add to child theme style.css */

.single-art {
	max-width: 1480px;
	margin: 0 auto;
	padding: 3rem 2rem 4rem;
}

.single-art__layout {
	display: flex;
	align-items: flex-start;
	gap: 0;
}

.single-art__image {
	flex: 0 0 64%;
	min-width: 0;
}

.single-art__image img {
	display: block;
	width: 100%;
	height: auto;
}

.single-art__meta {
	flex: 1 1 auto;
	background: var(--erin-card-bg, #F7F4ED);
	padding: 2.5rem 2.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
	align-self: stretch;
}

.single-art__series-link {
	margin: 0 0 1rem;
}

.single-art__series-link a {
	font-size: 0.85rem;
	text-decoration: none;
	opacity: 0.65;
}

.single-art__title {
	font-family: var(--erin-font-serif, Georgia, serif);
	font-size: 1.7rem;
	font-weight: 400;
	margin: 0 0 1.25rem;
}

.single-art__meta-line {
	margin: 0 0 0.5rem;
	font-size: 0.95rem;
	opacity: 0.85;
}

.single-art__nav {
	display: flex;
	justify-content: space-between;
	max-width: 1480px;
	margin: 0 auto;
	padding: 1.5rem 2rem 3rem;
	font-size: 0.9rem;
}

.single-art__nav a {
	text-decoration: none;
}

/* Stack under 900px — the split needs real width on both sides to read well */
@media (max-width: 900px) {
	.single-art {
		padding: 1.5rem 1.25rem 2.5rem;
	}

	.single-art__layout {
		flex-direction: column;
	}

	.single-art__image {
		flex: 1 1 100%;
	}

	.single-art__meta {
		padding: 1.5rem 0.25rem 0;
	}

	.single-art__title {
		font-size: 1.4rem;
	}

	.single-art__nav {
		padding: 1rem 1.25rem 2rem;
	}
}