/* Organska Farma – Hero / slajder */
.of-hero {
	position: relative;
	height: var(--of-hero-h, 85vh);
	min-height: 440px;
	overflow: hidden;
	background: #2b3a1e;
	color: #fff;
	isolation: isolate;
}
.of-hero--siroko { width: 100vw; margin-left: calc(50% - 50vw); }
body:has(.of-hero--siroko) { overflow-x: clip; }

.of-hero-track { position: absolute; inset: 0; }

/* Slajd */
.of-slajd {
	position: absolute;
	inset: 0;
	display: flex;
	padding: 64px clamp(24px, 6vw, 96px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .9s ease, visibility 0s linear .9s;
}
.of-slajd.is-active { opacity: 1; visibility: visible; transition: opacity .9s ease, visibility 0s; z-index: 1; }

.of-slajd-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; max-width: none; }
.of-slajd-bg--prazno { background: radial-gradient(circle at 75% 30%, #c9a46a 0, #6d8b3a 38%, #2f4a22 100%); }
.of-slajd-overlay { position: absolute; inset: 0; z-index: -1; background: var(--of-ov); }

.of-ov-gradijent.of-h-lijevo .of-slajd-overlay { background: linear-gradient(90deg, var(--of-ov) 0%, var(--of-ov) 30%, transparent 85%); }
.of-ov-gradijent.of-h-desno .of-slajd-overlay { background: linear-gradient(270deg, var(--of-ov) 0%, var(--of-ov) 30%, transparent 85%); }
.of-ov-gradijent.of-h-sredina .of-slajd-overlay { background: radial-gradient(ellipse 70% 80% at 50% 50%, var(--of-ov) 0%, var(--of-ov) 35%, transparent 100%); }
.of-ov-gradijent.of-v-dolje.of-h-sredina .of-slajd-overlay { background: linear-gradient(0deg, var(--of-ov) 0%, var(--of-ov) 25%, transparent 80%); }
.of-ov-gradijent.of-v-gore.of-h-sredina .of-slajd-overlay { background: linear-gradient(180deg, var(--of-ov) 0%, var(--of-ov) 25%, transparent 80%); }

/* Pozicija teksta (9 mogućnosti) */
.of-v-gore { align-items: flex-start; }
.of-v-sredina { align-items: center; }
.of-v-dolje { align-items: flex-end; padding-bottom: 88px; }
.of-h-lijevo { justify-content: flex-start; text-align: left; }
.of-h-sredina { justify-content: center; text-align: center; }
.of-h-desno { justify-content: flex-end; text-align: right; }

.of-slajd-sadrzaj { max-width: var(--of-sirina, 640px); color: var(--of-boja, #fff); }
.of-panel-tamni, .of-panel-svijetli { padding: 32px 36px; border-radius: var(--of-radius, 14px); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.of-panel-tamni { background: rgba(20, 22, 15, .55); }
.of-panel-svijetli { background: rgba(255, 252, 245, .82); }

.of-nadnaslov {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin-bottom: 14px;
	opacity: .9;
}
.of-hero .of-naslov {
	font-family: var(--of-hfont, inherit);
	font-size: var(--of-hvel, 56px);
	line-height: 1.08;
	font-weight: 700;
	color: inherit;
	margin: 0 0 18px;
	padding: 0;
	text-wrap: balance;
}
.of-hero .of-podnaslov {
	font-size: var(--of-pvel, 19px);
	line-height: 1.55;
	color: inherit;
	opacity: .92;
	margin: 0 0 28px;
	padding: 0;
}
.of-dugmad { display: flex; flex-wrap: wrap; gap: 12px; }
.of-h-sredina .of-dugmad { justify-content: center; }
.of-h-desno .of-dugmad { justify-content: flex-end; }

/* Dugmad (koriste boje iz „Izgled“) */
.of-dugme {
	display: inline-block;
	padding: 14px 28px;
	border-radius: var(--of-dugme-radius, 999px);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	text-decoration: none !important;
	border: 2px solid transparent;
	transition: transform .15s ease, background-color .15s ease, color .15s ease;
}
.of-dugme:hover { transform: translateY(-2px); }
.of-dugme--puno { background: var(--of-zelena, #3f6b35); color: #fff !important; }
.of-dugme--puno:hover { filter: brightness(1.08); }
.of-dugme--obrub { border-color: currentColor; color: var(--of-boja, #fff) !important; background: transparent; }
.of-dugme--obrub:hover { background: rgba(255, 255, 255, .12); }
.of-dugme--svijetlo { background: #fff; color: var(--of-zelena, #3f6b35) !important; }

/* Animacija teksta */
@keyframes ofGore { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes ofFade { from { opacity: 0; } to { opacity: 1; } }
.of-anim-gore.is-active .of-slajd-sadrzaj > * { animation: ofGore .8s cubic-bezier(.2, .7, .2, 1) both; }
.of-anim-fade.is-active .of-slajd-sadrzaj > * { animation: ofFade 1s ease both; }
.of-slajd.is-active .of-slajd-sadrzaj > :nth-child(2) { animation-delay: .12s; }
.of-slajd.is-active .of-slajd-sadrzaj > :nth-child(3) { animation-delay: .24s; }
.of-slajd.is-active .of-slajd-sadrzaj > :nth-child(4) { animation-delay: .36s; }

/* Prijelaz: klizanje */
.of-hero--klizanje .of-hero-track { display: flex; transition: transform .8s cubic-bezier(.65, 0, .35, 1); }
.of-hero--klizanje .of-slajd { position: relative; flex: 0 0 100%; opacity: 1; visibility: visible; transition: none; }

/* Prijelaz: lagani zum (Ken Burns) */
.of-hero--kenburns .of-slajd-bg { transform: scale(1); transition: transform 0s linear 1s; }
.of-hero--kenburns .of-slajd.is-active .of-slajd-bg { transform: scale(1.1); transition: transform 9s ease-out; }

/* Strelice i tačkice */
.of-hero-str {
	position: absolute; top: 50%; z-index: 3; transform: translateY(-50%);
	width: 48px; height: 48px; border-radius: 50%; border: 0; cursor: pointer;
	background: rgba(0, 0, 0, .28); color: #fff; font-size: 30px; line-height: 44px;
	backdrop-filter: blur(4px); transition: background .2s;
}
.of-hero-str:hover { background: rgba(0, 0, 0, .5); }
.of-hero-prev { left: 18px; }
.of-hero-next { right: 18px; }
.of-hero-tacke { position: absolute; left: 0; right: 0; bottom: 24px; z-index: 3; display: flex; justify-content: center; gap: 10px; }
.of-hero-tacke button { width: 10px; height: 10px; padding: 0; border-radius: 999px; border: 0; cursor: pointer; background: rgba(255, 255, 255, .5); transition: width .3s, background .3s; }
.of-hero-tacke button.is-active { width: 28px; background: #fff; }

/* Tablet i mobitel (.of-hero--mob koristi pregled u adminu) */
@media (max-width: 980px) {
	.of-hero .of-naslov { font-size: calc(var(--of-hvel, 56px) * .8); }
}
@media (max-width: 767px) {
	.of-hero { height: var(--of-hero-hm, 75vh); min-height: 420px; }
	.of-slajd { padding: 32px 22px 64px; }
	.of-hero .of-naslov { font-size: calc(var(--of-hvel, 56px) * .6); }
	.of-hero .of-podnaslov { font-size: calc(var(--of-pvel, 19px) * .9); }
	.of-panel-tamni, .of-panel-svijetli { padding: 22px; }
	.of-hero-str { display: none; }
}
.of-hero--mob .of-slajd { padding: 32px 22px 64px; }
.of-hero--mob .of-naslov { font-size: calc(var(--of-hvel, 56px) * .6); }
.of-hero--mob .of-podnaslov { font-size: calc(var(--of-pvel, 19px) * .9); }
.of-hero--mob .of-panel-tamni, .of-hero--mob .of-panel-svijetli { padding: 22px; }
.of-hero--mob .of-hero-str { display: none; }

@media (prefers-reduced-motion: reduce) {
	.of-slajd, .of-hero-track, .of-slajd-bg { transition: none !important; }
	.of-slajd-sadrzaj > * { animation: none !important; }
}