/* ============================================================
   Single article  (4plus1.ba)
   ============================================================ */

/* Readable measure for body copy (old design kept a narrow column) */
.single-post .entry-content > * {
	max-width: 760px;
	margin-inline: auto;
}
/* …but let media and wide blocks breathe a bit more */
.single-post .entry-content > figure,
.single-post .entry-content > .wp-block-image,
.single-post .entry-content > .alignwide,
.single-post .entry-content > table,
.single-post .entry-content > iframe,
.single-post .entry-content > p:has(> img:only-child) {
	max-width: 900px;
}
.single-post .entry-content img { height: auto; }

/* ---------- share ---------- */
.fp-share {
	display: flex; align-items: center; flex-wrap: wrap; gap: .5rem;
	margin: 2rem auto 1.5rem;
	padding-top: 1.2rem; border-top: 1px solid #e6e9ec;
}
.fp-share__label {
	font: 700 .8rem/1 "Roboto Condensed", Arial, sans-serif;
	text-transform: uppercase; letter-spacing: .5px; color: #7a828d; margin-right: .3rem;
}
.fp-share__btn {
	display: inline-block; padding: .42rem .85rem; border-radius: 3px;
	font: 700 .8rem/1 "Titillium Web", Arial, sans-serif; color: #fff;
}
.fp-share__btn--facebook { background: #1877f2; }
.fp-share__btn--x        { background: #16181d; }
.fp-share__btn--whatsapp { background: #25d366; }
.fp-share__btn--viber    { background: #7360f2; }
.fp-share__btn:hover     { color: #fff; opacity: .9; }

/* ---------- related ---------- */
.fp-related {
	max-width: 900px; margin: 2.5rem auto 0;
	padding-top: 1.5rem; border-top: 3px solid var(--theme-palette-color-1, #b22222);
}
.fp-related__title {
	margin: 0 0 1.1rem; font: 700 1.3rem/1.1 "Roboto Condensed", Arial, sans-serif;
	text-transform: uppercase; letter-spacing: .4px; color: #16181d;
}
.fp-related__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; }
.fp-rcard__media { display: block; overflow: hidden; border-radius: 3px; aspect-ratio: 16/11; }
.fp-rcard__media img { width: 100%; height: 100%; object-fit: cover; }
.fp-rcard__title {
	margin: .55rem 0 .2rem; font: 700 .92rem/1.25 "Roboto Condensed", Arial, sans-serif;
}
.fp-rcard__title a { color: #23262d; }
.fp-rcard__title a:hover { color: var(--theme-palette-color-1, #b22222); }
.fp-rcard__date { color: #97a0ac; font-size: .74rem; }

/* ---------- prev / next ---------- */
.fp-postnav {
	display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
	margin: 2.5rem auto 0;
}
.fp-postnav__link {
	display: flex; flex-direction: column; gap: .25rem;
	padding: .9rem 1rem; border: 1px solid #e2e6ea; border-radius: 4px;
}
.fp-postnav__link:hover { border-color: var(--theme-palette-color-1, #b22222); background: #fbfbfc; }
.fp-postnav__next { text-align: right; }
.fp-postnav__dir {
	font: 700 .72rem/1 "Roboto Condensed", Arial, sans-serif;
	text-transform: uppercase; letter-spacing: .4px; color: var(--theme-palette-color-1, #b22222);
}
.fp-postnav__link strong { font: 600 .92rem/1.3 "Titillium Web", Arial, sans-serif; color: #23262d; }

/* ---------- responsive ---------- */
@media (max-width: 782px) {
	.fp-related__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
	.fp-related__grid { grid-template-columns: 1fr 1fr; }
	.fp-postnav { grid-template-columns: 1fr; }
	.fp-postnav__next { text-align: left; }
}