/**
 * Journal single post — editorial frame (body.st-journal-single).
 * Category: journal (filter st_journal_category_slugs).
 * Scandinavian Clean: borders, sand/beige, readable prose column.
 */

body.st-journal-single .site-main.container article {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: clamp(2rem, 5vw, 3.5rem);
}

/* —— Title (above card) —— */
body.st-journal-single .site-main.container .entry-header {
	text-align: center;
	margin-bottom: clamp(1rem, 3vw, 1.5rem);
}

body.st-journal-single .site-main.container .entry-title {
	font-family: var(--font-heading);
	color: #3d342d;
	margin-top: 0;
	margin-bottom: 0;
	font-size: clamp(1.5rem, 4vw, 2rem);
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.25;
}

/* —— Editorial content card —— */
body.st-journal-single .site-main.container .entry-content {
	margin: 0;
	padding: clamp(1.25rem, 4vw, 2.25rem);
	background: var(--sp-light-bg);
	border: 1px solid #d1bc9b;
	border-radius: var(--radius);
	box-sizing: border-box;
}

/* —— Prose —— */
body.st-journal-single .site-main.container .entry-content > p,
body.st-journal-single .site-main.container .entry-content > ul,
body.st-journal-single .site-main.container .entry-content > ol,
body.st-journal-single .site-main.container .entry-content > blockquote {
	max-width: 42rem;
	margin-left: auto;
	margin-right: auto;
}

body.st-journal-single .site-main.container .entry-content p {
	margin: 0 0 1.25rem;
	line-height: 1.65;
	color: #3d342d;
	font-size: 1rem;
}

body.st-journal-single .site-main.container .entry-content p:last-child {
	margin-bottom: 0;
}

body.st-journal-single .site-main.container .entry-content h2,
body.st-journal-single .site-main.container .entry-content h3 {
	font-family: var(--font-heading);
	color: #3d342d;
	margin: 2rem 0 0.75rem;
	max-width: 42rem;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.3;
}

body.st-journal-single .site-main.container .entry-content h2 {
	font-size: clamp(1.15rem, 3vw, 1.35rem);
}

body.st-journal-single .site-main.container .entry-content h3 {
	font-size: clamp(1.05rem, 2.5vw, 1.2rem);
}

body.st-journal-single .site-main.container .entry-content > :first-child {
	margin-top: 0;
}

/* —— Images (framed magazine prints) —— */
body.st-journal-single .site-main.container .entry-content img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	border: 1px solid #d1bc9b;
	box-sizing: border-box;
}

body.st-journal-single .site-main.container .entry-content .wp-block-image {
	margin: 1.5rem 0;
}

body.st-journal-single .site-main.container .entry-content .wp-block-image img {
	width: 100%;
}

body.st-journal-single .site-main.container .entry-content figure {
	margin: 1.5rem 0;
}

body.st-journal-single .site-main.container .entry-content figcaption {
	margin-top: 0.5rem;
	font-size: 0.85rem;
	color: #5a5048;
	text-align: center;
	line-height: 1.45;
}

/* —— Two-column blocks (Gutenberg columns / gallery) —— */
body.st-journal-single .site-main.container .entry-content .wp-block-columns,
body.st-journal-single .site-main.container .entry-content .wp-block-gallery {
	margin: 1.5rem 0;
	gap: 1rem;
}

body.st-journal-single .site-main.container .entry-content .wp-block-columns .wp-block-column {
	margin: 0;
}

body.st-journal-single .site-main.container .entry-content .wp-block-columns .wp-block-column > .wp-block-image {
	margin-top: 0;
	margin-bottom: 0;
}

body.st-journal-single .site-main.container .entry-content .wp-block-gallery {
	display: grid;
	gap: 1rem;
}

body.st-journal-single .site-main.container .entry-content .wp-block-gallery.columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* —— CTA link (e.g. "Se alla unika nyheter i butiken") —— */
body.st-journal-single .site-main.container .entry-content p a {
	color: #967e5b;
	font-weight: 600;
	text-decoration: underline !important;
	text-underline-offset: 0.15em;
}

body.st-journal-single .site-main.container .entry-content p a:hover,
body.st-journal-single .site-main.container .entry-content p a:focus {
	color: #3d342d;
}

/* —— Mobile —— */
@media (max-width: 600px) {
	body.st-journal-single .site-main.container .entry-content {
		padding: 1rem;
	}

	body.st-journal-single .site-main.container .entry-content .wp-block-columns {
		flex-direction: column !important;
	}

	body.st-journal-single .site-main.container .entry-content .wp-block-columns .wp-block-column {
		flex-basis: 100% !important;
		width: 100%;
	}

	body.st-journal-single .site-main.container .entry-content .wp-block-gallery.columns-2 {
		grid-template-columns: 1fr;
	}
}