/**
 * Kutjevački.hr page template — scoped styles (ne dira globalni layout).
 */

.kutjevacki-info-card-wrap {
	margin-top: clamp(2rem, 4vw, 3rem);
}

/* === Info/kontakt kartica — kompaktan newsroom layout === */
.kutjevacki-info-card.kontakt-card {
	padding: clamp(1.125rem, 2.2vw, 1.625rem);
	box-shadow:
		var(--shadow-sm),
		0 2px 10px rgb(15 17 36 / 6%);
}

/* Eyebrow → naslov: label + heading (4–8px) */
.kutjevacki-info-card .kontakt-card__eyebrow {
	margin: 0 0 0.25rem;
}

.kutjevacki-info-card .kontakt-card__title {
	margin: 0 0 1rem;
	font-size: var(--fs-xl);
	line-height: 1.2;
}

/* Kontakt lista (Početak rada, email, telefon) */
.kutjevacki-info-card__contacts {
	margin: 0;
	padding: 0;
	gap: 0.5rem;
}

.kutjevacki-info-card__contacts li {
	align-items: flex-start;
	gap: 0.75rem;
	margin: 0;
}

.kutjevacki-info-card__contacts svg {
	margin-top: 0.125em;
}

.kutjevacki-info-card__contact-line {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
	line-height: 1.45;
}

.kutjevacki-info-card__contact-line strong {
	font-weight: 600;
}

.kutjevacki-info-card__contact-line a {
	font-weight: 500;
}

/* Desktop: label + vrijednost u jednom redu */
@media (min-width: 480px) {
	.kutjevacki-info-card__contact-line {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0.35rem;
	}
}

.kutjevacki-feature {
	margin-top: clamp(2rem, 4vw, 3rem);
	max-width: 100%;
	text-align: center;
}

.kutjevacki-feature__img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-inline: auto;
	border-radius: var(--radius-lg);
}

.kutjevacki-feature--small .kutjevacki-feature__img {
	max-width: 300px;
}

.kutjevacki-feature--medium .kutjevacki-feature__img {
	max-width: 600px;
}

.kutjevacki-feature--large .kutjevacki-feature__img {
	max-width: 900px;
}

.kutjevacki-feature--xlarge .kutjevacki-feature__img {
	max-width: 100%;
}

/* === Social CTA outro (Kutjevački.hr) — kartica dijeli Suvenirnica CTA stilove iz main.css === */
.cta-kutjevacki-social {
	--cta-suvenirnica-fb: #1877f2;
	--cta-suvenirnica-ig: #dd2a7b;
	--cta-suvenirnica-ig-gradient: linear-gradient(180deg, #f58529 0%, #dd2a7b 52%, #8134af 100%);
	position: relative;
	isolation: isolate;
	padding-block: clamp(2.5rem, 5vw, 4rem) clamp(3rem, 6vw, 4.5rem);
	background:
		radial-gradient(ellipse 90% 55% at 50% 0%, rgb(30 79 224 / 7%), transparent 68%),
		radial-gradient(ellipse 55% 45% at 92% 88%, rgb(221 42 123 / 5%), transparent 62%),
		radial-gradient(ellipse 45% 40% at 8% 75%, rgb(0 217 255 / 5%), transparent 58%),
		linear-gradient(180deg, var(--era-bg-soft) 0%, var(--era-bg) 62%, var(--era-bg) 100%);
	border-top: 1px solid rgb(0 0 0 / 5%);
}

.cta-kutjevacki-social::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 70% 50% at 50% 45%, rgb(255 255 255 / 55%), transparent 72%);
	pointer-events: none;
	z-index: 0;
}

.cta-kutjevacki-social > .container {
	position: relative;
	z-index: 1;
}

.kutjevacki-page + .cta-kutjevacki-social {
	margin-top: clamp(1.5rem, 4vw, 2.5rem);
}

body.page-template-kutjevacki:has(.cta-kutjevacki-social) .site-footer,
body.page-template-page-templates-kutjevacki-php:has(.cta-kutjevacki-social) .site-footer {
	margin-top: 0;
}

.cta-kutjevacki-social__header {
	max-width: 36rem;
	margin: 0 auto clamp(1.15rem, 2.5vw, 1.5rem);
	text-align: center;
}

.cta-kutjevacki-social__heading {
	margin: 0 0 0.5rem;
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	letter-spacing: -0.02em;
}

.cta-kutjevacki-social__lead {
	margin: 0;
	color: var(--era-muted);
	font-size: var(--fs-sm);
	line-height: 1.6;
}

/* Jedna kartica — kompaktniji panel (manje teksta nego Suvenirnica) */
.cta-kutjevacki-social .cta-suvenirnica-social__grid {
	grid-template-columns: minmax(0, 1fr);
	max-width: 34rem;
}

.cta-kutjevacki-social .cta-suvenirnica-social__card {
	gap: 0.55rem;
	padding: clamp(1.1rem, 2.2vw, 1.45rem);
}

.cta-kutjevacki-social .cta-suvenirnica-social__top {
	gap: 0.5rem;
}

.cta-kutjevacki-social .cta-suvenirnica-social__icon {
	width: 2rem;
	height: 2rem;
}

.cta-kutjevacki-social .cta-suvenirnica-social__icon svg {
	width: 17px;
	height: 17px;
}

.cta-kutjevacki-social .cta-suvenirnica-social__body {
	gap: 0.3rem;
}

.cta-kutjevacki-social .cta-suvenirnica-social__title {
	font-size: clamp(1rem, 1.8vw, 1.125rem);
}

.cta-kutjevacki-social .cta-suvenirnica-social__text {
	font-size: var(--fs-xs);
	line-height: 1.55;
	max-width: none;
}

.cta-kutjevacki-social .cta-suvenirnica-social__cta {
	margin-top: 0.15rem;
	font-size: var(--fs-xs);
}

@media (min-width: 768px) {
	.cta-kutjevacki-social .cta-suvenirnica-social__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Mobile: CTA između sadržaja i sidebara (desktop flow nepromijenjen) */
@media (max-width: 979px) {
	.kutjevacki-page-flow {
		display: flex;
		flex-direction: column;
		gap: clamp(2rem, 4vw, 3.5rem);
	}

	.kutjevacki-page-flow > .kutjevacki-page,
	.kutjevacki-page-flow .kutjevacki-page > .container,
	.kutjevacki-page-flow .post-layout {
		display: contents;
	}

	.kutjevacki-page-flow .post-layout__main {
		order: 1;
		width: 100%;
		max-width: var(--container-max);
		margin-inline: auto;
		padding-top: clamp(2.5rem, 5vw, 4rem);
		padding-inline: var(--container-pad);
	}

	.kutjevacki-page-flow .cta-kutjevacki-social {
		order: 2;
	}

	.kutjevacki-page-flow .kutjevacki-page + .cta-kutjevacki-social {
		margin-top: 0;
	}

	.kutjevacki-page-flow .post-sidebar {
		order: 3;
		width: 100%;
		max-width: var(--container-max);
		margin-inline: auto;
		padding-bottom: clamp(2.5rem, 5vw, 4rem);
		padding-inline: var(--container-pad);
	}
}