/* =========================================================
   Organska Farma 1.13.0 – razdjelnici (linije uz naslove i samostalne linije)
   Boja = --rz-c ili boja naslova (currentColor): na tamnoj pozadini naslov je svijetao,
   pa je i linija svijetla; na svijetloj je tamna.
   Varijable po razdjelniku (.of-rz-ID) pravi PHP: --rz-deb, --rz-duz, --rz-uk, --rz-ukr,
   --rz-raz, --rz-op, --rz-img (oblik ukrasa), --rz-l / --rz-d (lijeva / desna linija)
   ========================================================= */

.of-nsl--rz .of-nsl-naslov,
.ofm-nsl--rz .ofm-naslov {
	display: flex; align-items: center; justify-content: center; gap: var(--rz-raz, 20px);
}
.of-nsl--rz .of-nsl-naslov span { min-width: 0; }
.of-nsl--rz .of-nsl-naslov::before, .of-nsl--rz .of-nsl-naslov::after,
.ofm-nsl--rz .ofm-naslov::before, .ofm-nsl--rz .ofm-naslov::after,
.of-rz::before, .of-rz::after {
	content: ""; flex: 1 1 0; min-width: 28px; max-width: var(--rz-duz, 240px);
	height: max(var(--rz-uk, 7px), var(--rz-deb, 1px));
	background: var(--rz-c, currentColor); opacity: var(--rz-op, .85);
}
/* lijeva linija: ukras desno (kod naslova), linija blijedi ulijevo */
.of-nsl--rz .of-nsl-naslov::before, .ofm-nsl--rz .ofm-naslov::before {
	-webkit-mask: var(--rz-img) right center / var(--rz-uk) var(--rz-uk) no-repeat, var(--rz-l) left center / calc(100% - var(--rz-uk) - var(--rz-ukr)) var(--rz-deb) no-repeat;
	mask: var(--rz-img) right center / var(--rz-uk) var(--rz-uk) no-repeat, var(--rz-l) left center / calc(100% - var(--rz-uk) - var(--rz-ukr)) var(--rz-deb) no-repeat;
}
/* desna linija: ukras lijevo (kod naslova), linija blijedi udesno */
.of-nsl--rz .of-nsl-naslov::after, .ofm-nsl--rz .ofm-naslov::after {
	-webkit-mask: var(--rz-img) left center / var(--rz-uk) var(--rz-uk) no-repeat, var(--rz-d) right center / calc(100% - var(--rz-uk) - var(--rz-ukr)) var(--rz-deb) no-repeat;
	mask: var(--rz-img) left center / var(--rz-uk) var(--rz-uk) no-repeat, var(--rz-d) right center / calc(100% - var(--rz-uk) - var(--rz-ukr)) var(--rz-deb) no-repeat;
}
/* podnaslov u kurzivu sa crticama:  - Uživajte u najboljim ukusima - */
.of-nsl--rz .of-nsl-pod::before, .ofm-nsl--rz .ofm-pod::before { content: "- "; }
.of-nsl--rz .of-nsl-pod::after, .ofm-nsl--rz .ofm-pod::after { content: " -"; }

/* naslov poravnat lijevo: „Suhomesnati program •———“ */
.of-nsl-por--lijevo .of-nsl--rz .of-nsl-naslov,
.ofm-nsl--rz[style*="left"] .ofm-naslov { justify-content: flex-start; }
.of-nsl-por--lijevo .of-nsl--rz .of-nsl-naslov::before,
.ofm-nsl--rz[style*="left"] .ofm-naslov::before { display: none; }
.ofm-nsl--rz[style*="right"] .ofm-naslov { justify-content: flex-end; }
.ofm-nsl--rz[style*="right"] .ofm-naslov::after { display: none; }

/* ---------- Samostalni razdjelnik:  ————— • ————— ---------- */
.of-rz { display: flex; align-items: center; justify-content: center; gap: var(--rz-ukr, 5px); width: 100%; margin: 0 auto; color: var(--b-naslov, var(--of-tekst, #2b1b13)); }
.of-rz::before { -webkit-mask: var(--rz-l) left center / 100% var(--rz-deb) no-repeat; mask: var(--rz-l) left center / 100% var(--rz-deb) no-repeat; }
.of-rz::after { -webkit-mask: var(--rz-d) right center / 100% var(--rz-deb) no-repeat; mask: var(--rz-d) right center / 100% var(--rz-deb) no-repeat; }
.of-rz-uk {
	flex: 0 0 auto; width: calc(var(--rz-uk) * 1.3); height: calc(var(--rz-uk) * 1.3);
	background: var(--rz-c, currentColor); opacity: var(--rz-op, .85);
	-webkit-mask: var(--rz-img) center / contain no-repeat; mask: var(--rz-img) center / contain no-repeat;
}
.of-rz--left { justify-content: flex-start; }
.of-rz--left::before { display: none; }
.of-blok--svijetli .of-rz, .of-rz-tamno .of-rz { color: var(--b-naslov, #f4eadb); }

@media (max-width: 600px) {
	.of-nsl--rz .of-nsl-naslov, .ofm-nsl--rz .ofm-naslov { gap: calc(var(--rz-raz, 20px) * .6); }
}