/*
 * Článok blogu — sekcia „Súvisiace príspevky“ pod článkom (Astra).
 *
 * Astra tu mala dvojité odsadenie: sekcia ~38px od hrany bieleho boxu a
 * text v kartách ešte o ďalších 48px ďalej. Nadpisy boli v písme Michroma.
 * Zjednocujeme so zvyškom webu:
 * - odsadenie sekcie rovnaké ako článku nad ňou (48px, viď sirka.css),
 * - nadpis sekcie ako sekcie na úvodnej stránke („Naše produkty“):
 *   Michroma 36px so zelenými pruhmi vpravo,
 * - karty ako dlaždice na stránke Blog (prispevky.css): rámik so zaoblením,
 *   fotka cez celú šírku karty, tučný tmavozelený názov a žlté pruhy.
 */

/* ------------------------------------------------------------ Sekcia */

body.single-post .ast-single-related-posts-container {
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 922px) {
	body.single-post .ast-single-related-posts-container {
		padding-left: 48px;
		padding-right: 48px;
	}
}

/* Nadpis ako sekcie úvodnej stránky — text a pruhy vedľa seba, na stred výšky. */
body.single-post .ast-single-related-posts-container .ast-related-posts-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin: 0 0 32px;
	font-size: 36px;
	line-height: 1.3;
	color: #173f22;
}

body.single-post .ast-single-related-posts-container .ast-related-posts-title::after {
	content: "";
	flex: 0 0 auto;
	width: 137px;
	height: 16px;
	background: url("strips-green.png") no-repeat 0 0 / 137px 16px;
}

@media (max-width: 767px) {
	body.single-post .ast-single-related-posts-container .ast-related-posts-title {
		font-size: 26px;
	}
}

/* ------------------------------------------------------------- Karty */

body.single-post .ast-related-posts-wrapper .ast-related-post {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #e3e8e4;
	border-radius: 16px;
	background-color: #ffffff;
}

body.single-post .ast-related-posts-wrapper .ast-related-posts-inner-section,
body.single-post .ast-related-posts-wrapper .ast-related-post-content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
}

/* Fotka cez celú šírku karty, jednotný pomer strán ako dlaždice webu. */
body.single-post .ast-related-posts-wrapper .ast-related-post-featured-section,
body.single-post .ast-related-posts-wrapper .post-thumb-img-content {
	margin: 0;
}

body.single-post .ast-related-posts-wrapper .post-thumb-img-content a {
	display: block;
}

body.single-post .ast-related-posts-wrapper .post-thumb-img-content img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

body.single-post .ast-related-posts-wrapper .related-entry-header {
	padding: 20px 24px 24px;
}

/* Názov ako na dlaždiciach „Naše produkty“ a na stránke Blog. */
body.single-post .ast-related-posts-wrapper .ast-related-post-title,
body.single-post .ast-related-posts-wrapper .ast-related-post-title a {
	margin: 0;
	font-family: "Figtree", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: normal;
	color: #183f22;
	text-decoration: none;
}

body.single-post .ast-related-posts-wrapper .ast-related-post-title::after {
	content: "";
	display: block;
	width: 80px;
	height: 10px;
	margin-top: 0.6rem;
	background: url("strips-yellow.png") no-repeat 0 0 / 80px 10px;
}

/* Astra fotku v karte zaobľuje a hlavičku odsadzuje okrajom — karta to už rieši sama. */
body.single-post #content .ast-related-posts-wrapper .post-thumb-img-content img {
	border-radius: 0;
}

body.single-post .ast-related-posts-wrapper .related-entry-header {
	margin: 0;
}

/* Prázdny riadok s kategóriami/štítkami (v Customizeri vypnuté) by len pridal medzeru. */
body.single-post .ast-related-posts-wrapper .entry-meta:empty {
	display: none;
}