/* MKSR — szablon pojedynczego wpisu i archiwów.
   Wartości odwzorowane z dawnych szablonów Theme Buildera (Elementor Pro). */

:root {
	--mksr-navy: #1a2e4b;
	--mksr-ink: #16163f;
	--mksr-text: #4a4a4a;
	--mksr-accent: #f4e500;
	--mksr-line: #d2d1d8;
	--mksr-font-display: "Merriweather", Georgia, serif;
	--mksr-font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	--mksr-font-excerpt: "Roboto", Arial, sans-serif;
	--mksr-font-label: "Roboto Slab", Georgia, serif;
}

/* Kontener — nadpisuje szerokości .site-main z motywu Hello */
.site-main.mksr-single,
.site-main.mksr-archive {
	width: 100%;
	max-width: 1140px;
	margin-inline: auto;
	padding-inline: 0;
	box-sizing: border-box;
}

@media (max-width: 1180px) {

	.site-main.mksr-single,
	.site-main.mksr-archive {
		padding-inline: 25px;
	}
}

@media (max-width: 767px) {

	.site-main.mksr-single,
	.site-main.mksr-archive {
		padding-inline: 15px;
	}
}

/* ============ Pojedynczy wpis ============ */

.mksr-single-hero {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 250px;
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
}

.mksr-single .mksr-single-title {
	margin: 0;
	font-family: var(--mksr-font-display);
	font-size: 45px;
	font-weight: 300;
	line-height: 1.5;
	color: var(--mksr-navy);
}

@media (max-width: 1024px) {
	.mksr-single .mksr-single-title {
		font-size: 38px;
	}
}

@media (max-width: 767px) {
	.mksr-single-hero {
		min-height: 180px;
	}

	.mksr-single .mksr-single-title {
		font-size: 30px;
	}
}

.mksr-single-layout {
	display: grid;
	grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
	margin: 50px 0 20px;
}

.mksr-single-main {
	padding-right: 50px;
	min-width: 0;
}

.mksr-single-aside {
	min-width: 0;
}

@media (max-width: 1024px) {
	.mksr-single-layout {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 60px;
	}

	.mksr-single-main {
		padding-right: 0;
	}
}

/* Data i autor */
.mksr-single-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 25px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--mksr-font-body);
	font-size: 16px;
	font-weight: 300;
	color: var(--mksr-text);
}

.mksr-single-info li {
	display: flex;
	align-items: center;
	gap: 25px;
}

.mksr-single-info li+li::before {
	content: "";
	display: inline-block;
	height: 0.9em;
	border-left: 3px dotted var(--mksr-text);
}

.mksr-single-info a {
	color: inherit;
	text-decoration: none;
}

.mksr-single-info a:hover {
	text-decoration: underline;
}

/* Zajawka z żółtym akcentem */
.mksr-single-excerpt {
	margin-top: 20px;
	padding-left: 30px;
	border-left: 4px solid var(--mksr-accent);
	font-family: var(--mksr-font-excerpt);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--mksr-ink);
}

.mksr-single-excerpt p {
	margin: 0;
}

@media (max-width: 767px) {
	.mksr-single-excerpt {
		padding-left: 20px;
		font-size: 22px;
	}
}

.mksr-single-image {
	margin: 50px 0 0;
}

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

.mksr-single-content {
	margin-top: 50px;
	font-family: var(--mksr-font-body);
	font-size: 16px;
	line-height: 1.7;
	color: var(--mksr-text);
	overflow-wrap: break-word;
}

.mksr-single-content img,
.mksr-single-content video,
.mksr-single-content iframe {
	max-width: 100%;
	height: auto;
}

.mksr-single-content a {
	color: var(--mksr-navy);
	text-decoration: underline;
}

/* Udostępnianie */
.mksr-single-share {
	margin-bottom: 80px;
	padding: 15px 0;
	border-top: 1px solid rgba(22, 22, 63, 0.2);
	border-bottom: 1px solid rgba(22, 22, 63, 0.2);
}

@media (max-width: 1024px) {
	.mksr-single-share {
		margin-bottom: 40px;
	}
}

.mksr-share {
	display: flex;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mksr-share a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: rgba(26, 46, 75, 0.08);
	color: var(--mksr-navy);
	transition: background-color 0.2s ease, color 0.2s ease;
}

.mksr-share a:hover,
.mksr-share a:focus-visible {
	background-color: var(--mksr-navy);
	color: #fff;
}

.mksr-share a:focus-visible {
	outline: 2px solid var(--mksr-navy);
	outline-offset: 2px;
}

/* Więcej postów */
.mksr-single .mksr-single-related-title {
	margin: 0 0 20px;
	font-family: var(--mksr-font-display);
	font-size: 18px;
	font-weight: 300;
	color: var(--mksr-ink);
}

.mksr-related-item {
	margin-bottom: 35px;
}

.mksr-single .mksr-related-item-title {
	margin: 0 0 9px;
	font-family: var(--mksr-font-body);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}

@media (max-width: 1024px) {
	.mksr-single .mksr-related-item-title {
		font-size: 14px;
	}
}

.mksr-related-item-title a {
	color: var(--mksr-text);
	text-decoration: none;
}

.mksr-related-item-title a:hover {
	text-decoration: underline;
}

.mksr-related-item-excerpt {
	font-family: var(--mksr-font-body);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
	color: var(--mksr-text);
}

.mksr-related-item-excerpt p {
	margin: 0;
}

/* Nawigacja poprzedni / następny */
.mksr-single-nav {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
	margin: 0 0 40px;
	padding: 30px 0;
	border-top: 1px solid var(--mksr-line);
	border-bottom: 1px solid var(--mksr-line);
}

.mksr-single-nav-sep {
	background-color: var(--mksr-line);
}

.mksr-single-nav a {
	display: flex;
	align-items: center;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.mksr-single-nav-next a {
	justify-content: flex-end;
	text-align: right;
}

.mksr-nav-arrow {
	padding: 0 20px;
	font-size: 20px;
	color: var(--mksr-ink);
}

.mksr-nav-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.mksr-nav-label {
	font-family: var(--mksr-font-label);
	font-size: 16px;
	font-weight: 400;
	color: var(--mksr-text);
}

.mksr-nav-title {
	font-family: var(--mksr-font-display);
	font-size: 20px;
	line-height: 1.4;
	color: var(--mksr-ink);
}

.mksr-single-nav a:hover .mksr-nav-title {
	text-decoration: underline;
}

@media (max-width: 767px) {
	.mksr-single-nav {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 20px;
	}

	.mksr-single-nav-sep {
		display: none;
	}

	.mksr-nav-arrow {
		padding: 0 12px 0 0;
	}

	.mksr-single-nav-next .mksr-nav-arrow {
		padding: 0 0 0 12px;
	}

	.mksr-nav-title {
		font-size: 17px;
	}
}

/* Opcja „wielka litera na początku wyrazów” */
.mksr-capitalize .mksr-single-info,
.mksr-capitalize .mksr-single-excerpt,
.mksr-capitalize .mksr-single-related-title,
.mksr-capitalize .mksr-related-item-title,
.mksr-capitalize .mksr-nav-label,
.mksr-capitalize .mksr-nav-title {
	text-transform: capitalize;
}

/* ============ Archiwa i wyszukiwanie ============ */

.mksr-archive-header {
	padding: 50px 0 35px;
	text-align: center;
}

.mksr-archive .mksr-archive-title {
	margin: 0;
	font-family: var(--mksr-font-display);
	font-size: 32px;
	font-weight: 300;
	line-height: 1.4;
	color: var(--mksr-navy);
}

@media (max-width: 767px) {
	.mksr-archive .mksr-archive-title {
		font-size: 26px;
	}
}

.mksr-archive-description {
	max-width: 650px;
	margin: 15px auto 0;
	color: var(--mksr-text);
}

.mksr-archive-search {
	max-width: 520px;
	margin: 20px auto 0;
}

.mksr-archive-body {
	padding-bottom: 60px;
}

.mksr-tpl-empty {
	max-width: 520px;
	margin: 0 auto;
	text-align: center;
	color: var(--mksr-text);
}

@media (prefers-reduced-motion: reduce) {
	.mksr-share a {
		transition: none;
	}
}

/* Cień kart po najechaniu — jak na stronie głównej */
.mksr-archive .mksr-pc-card:hover,
.mksr-archive .mksr-pc-card:focus-within {
	box-shadow: 0 0 10px 0 rgba(26, 46, 75, 0.25);
}