/**
 * Globalni separatori — razmaci i centriranje ispod elementa iznad.
 *
 * Obrazac: .pp-divider-under-title ili [class*="__head-block"] — kutija = širina
 * naslova (inline-block); separator margin:auto ispod te širine.
 */

:root {
	--pp-divider-space: 24px;
}

body #page-container [class*="__divider"] {
	display: block;
	margin-top: var(--pp-divider-space) !important;
	margin-bottom: var(--pp-divider-space) !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: content-box;
}

body #page-container #et-main-area :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"]):has(+ [class*="__divider"]) {
	margin-bottom: 0 !important;
}

body #page-container [class*="__head"] > :not([class*="__divider"]) {
	margin-bottom: 0 !important;
}

body #page-container [class*="__divider"] + * {
	margin-top: 0 !important;
}

/* —— Grupa naslov (+ podnaslov) + separator —— */

body #page-container .pp-divider-under-title,
body #page-container [class*="__head-block"] {
	display: block;
	width: fit-content;
	max-width: 100%;
}

body #page-container .pp-divider-under-title--start {
	margin-left: 0;
	margin-right: auto;
}

body #page-container .pp-divider-under-title--center,
body #page-container [class*="__head-block"] {
	margin-left: auto;
	margin-right: auto;
}

body #page-container .pp-divider-under-title > :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"]),
body #page-container [class*="__head-block"] > :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"]) {
	display: inline-block;
	width: auto;
	max-width: 100%;
	margin-bottom: 0 !important;
	text-align: left;
	vertical-align: top;
}

body #page-container .pp-divider-under-title--center > :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"]),
body #page-container [class*="__head-block"] > :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"]) {
	text-align: center;
}

body #page-container .pp-divider-under-title > :is(p, [class*="__subtitle"]),
body #page-container [class*="__head-block"] > :is(p, [class*="__subtitle"]) {
	display: block;
	width: max-content;
	max-width: 100%;
	margin-bottom: 0 !important;
	text-align: left;
}

body #page-container .pp-divider-under-title--center > :is(p, [class*="__subtitle"]) {
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

body #page-container .pp-divider-under-title > [class*="__divider"],
body #page-container [class*="__head-block"] > [class*="__divider"] {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* __head — samo naslov + separator (bez šireg uvoda) */
body #page-container [class*="__head"]:not([class*="__head-block"]):not(.pp-tip-parents-support__head):not(.pp-pd-parents-why__head):not(.pp-tip-schools-why__head):not(.pp-tip-schools-programs__head):not(.pp-pd-schools-programs__head):not(.pp-pd-parents-programs__head):not(:has(> .pp-divider-under-title)):not(:has(> [class*="__intro"])):not(:has(> [class*="__text"])):not(:has(> [class*="__subtitle"])) {
	display: block;
	width: fit-content;
	max-width: 100%;
	margin-left: 0;
	margin-right: auto;
}

body #page-container [class*="__head"]:not([class*="__head-block"]):not(.pp-tip-parents-support__head):not(.pp-pd-parents-why__head):not(.pp-tip-schools-why__head):not(.pp-tip-schools-programs__head):not(.pp-pd-schools-programs__head):not(.pp-pd-parents-programs__head):not(:has(> .pp-divider-under-title)):not(:has(> [class*="__intro"])):not(:has(> [class*="__text"])):not(:has(> [class*="__subtitle"])) > :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"]) {
	display: inline-block;
	width: auto;
	max-width: 100%;
	text-align: left;
	margin-bottom: 0 !important;
	vertical-align: top;
}

body #page-container [class*="__head"]:not([class*="__head-block"]):not(.pp-tip-parents-support__head):not(.pp-pd-parents-why__head):not(.pp-tip-schools-why__head):not(.pp-tip-schools-programs__head):not(.pp-pd-schools-programs__head):not(.pp-pd-parents-programs__head):not(:has(> .pp-divider-under-title)):not(:has(> [class*="__intro"])):not(:has(> [class*="__text"])):not(:has(> [class*="__subtitle"])) > [class*="__divider"] {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Sekcijski __head (naslov + uvod) — puna širina; separator u __head-block */
body #page-container .pp-tip-parents-support__head,
body #page-container .pp-pd-parents-why__head,
body #page-container .pp-tip-schools-why__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 100%;
}

body #page-container .pp-tip-schools-why__head > .pp-tip-schools-why__intro {
	align-self: center;
	width: 100%;
	max-width: 100%;
	text-align: center;
}

body #page-container .pp-tip-parents-support__head > .pp-tip-parents-support__intro,
body #page-container .pp-pd-parents-why__head > .pp-pd-parents-why__intro {
	align-self: center;
	width: 100%;
	max-width: 100%;
	text-align: center;
}

/* Programi i radionice — uvek centrirano (TIP/PD, škole/roditelji) */
body #page-container .pp-tip-schools-programs__head,
body #page-container .pp-pd-schools-programs__head,
body #page-container .pp-pd-parents-programs__head,
body #page-container .pp-tip-parents-programs .pp-tip-schools-programs__head {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

body #page-container .pp-tip-schools-programs__head .pp-divider-under-title,
body #page-container .pp-pd-schools-programs__head .pp-divider-under-title,
body #page-container .pp-pd-parents-programs__head .pp-divider-under-title,
body #page-container .pp-tip-parents-programs .pp-tip-schools-programs__head .pp-divider-under-title {
	margin-left: auto;
	margin-right: auto;
}

body #page-container .pp-tip-schools-programs__head > :is(h2, h3, [class*="__title"], [class*="__heading"]),
body #page-container .pp-pd-schools-programs__head > :is(h2, h3, [class*="__title"], [class*="__heading"]),
body #page-container .pp-pd-parents-programs__head > :is(h2, h3, [class*="__title"], [class*="__heading"]),
body #page-container .pp-tip-parents-programs .pp-tip-schools-programs__head > :is(h2, h3, [class*="__title"], [class*="__heading"]),
body #page-container .pp-tip-schools-programs__head .pp-divider-under-title > :is(h2, h3, [class*="__title"], [class*="__heading"]),
body #page-container .pp-pd-schools-programs__head .pp-divider-under-title > :is(h2, h3, [class*="__title"], [class*="__heading"]),
body #page-container .pp-pd-parents-programs__head .pp-divider-under-title > :is(h2, h3, [class*="__title"], [class*="__heading"]),
body #page-container .pp-tip-parents-programs .pp-tip-schools-programs__head .pp-divider-under-title > :is(h2, h3, [class*="__title"], [class*="__heading"]) {
	display: inline-block;
	width: auto;
	max-width: 100%;
	text-align: center;
	margin-bottom: 0 !important;
}

body #page-container .pp-tip-schools-programs__head > :is(p, [class*="__subtitle"]),
body #page-container .pp-pd-schools-programs__head > :is(p, [class*="__subtitle"]),
body #page-container .pp-pd-parents-programs__head > :is(p, [class*="__subtitle"]),
body #page-container .pp-tip-parents-programs .pp-tip-schools-programs__head > :is(p, [class*="__subtitle"]),
body #page-container .pp-tip-schools-programs__head .pp-divider-under-title > :is(p, [class*="__subtitle"]),
body #page-container .pp-pd-schools-programs__head .pp-divider-under-title > :is(p, [class*="__subtitle"]),
body #page-container .pp-pd-parents-programs__head .pp-divider-under-title > :is(p, [class*="__subtitle"]),
body #page-container .pp-tip-parents-programs .pp-tip-schools-programs__head .pp-divider-under-title > :is(p, [class*="__subtitle"]) {
	display: block;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 0 !important;
}

body #page-container .pp-tip-schools-programs__head > [class*="__divider"],
body #page-container .pp-pd-schools-programs__head > [class*="__divider"],
body #page-container .pp-pd-parents-programs__head > [class*="__divider"],
body #page-container .pp-tip-parents-programs .pp-tip-schools-programs__head > [class*="__divider"] {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Kartice — italic podnaslov ispod tipa (npr. „– Drugo lice traume –”, „online/uživo”) */
body #page-container :is(.pp-tip-schools-programs, .pp-tip-parents-programs, .pp-pd-schools-programs, .pp-pd-parents-programs) :is(
	.pp-tip-schools-programs__heading,
	.pp-tip-parents-programs__heading,
	.pp-pd-schools-programs__heading,
	.pp-pd-parents-programs__heading,
	.pp-tip-parents-programs__subheading
) {
	display: block;
	width: 100%;
	max-width: 100%;
	text-align: center;
	align-self: center;
}

/* __intro — samo naslov + separator (npr. Usluge) */
body #page-container [class*="__intro"]:has(> .pp-divider-under-title),
body #page-container [class*="__intro"]:has(> :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"]) + [class*="__divider"]):not(:has(> p)):not(:has(> ul)):not(:has(> [class*="__text"])):not(:has(> [class*="__body"])) {
	display: block;
	width: fit-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

body #page-container [class*="__intro"]:has(> :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"]) + [class*="__divider"]):not(:has(> p)):not(:has(> ul)):not(:has(> [class*="__text"])):not(:has(> [class*="__body"])) > :is(h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"]) {
	display: inline-block;
	width: auto;
	max-width: 100%;
	margin-bottom: 0 !important;
	text-align: center;
}

body #page-container [class*="__intro"] > [class*="__divider"] {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body #page-container .pp-intro__head {
	width: 100%;
	text-align: center;
}

body #page-container .pp-intro__head > .pp-intro__title {
	align-self: center;
	text-align: center;
}

/* Tekst/lista pa separator */
body #page-container .pp-divider-stack,
body #page-container [class*="__divider-stack"] {
	display: block;
	width: fit-content;
	max-width: 100%;
}

body #page-container .pp-divider-stack > :not([class*="__divider"]),
body #page-container [class*="__divider-stack"] > :not([class*="__divider"]) {
	display: inline-block;
	width: auto;
	max-width: 100%;
	margin-bottom: 0 !important;
	vertical-align: top;
}

body #page-container .pp-divider-stack > [class*="__divider"],
body #page-container [class*="__divider-stack"] > [class*="__divider"] {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Izuzeci */
body #page-container .pp-about__divider--card,
body #page-container [class*="__divider--sub"]:not(.pp-school-program-groups__divider--sub) {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* --center na separatoru više ne koristi margin:auto (centrira u punoj koloni, ne ispod naslova) */
body #page-container [class*="__divider--center"] {
	margin-left: 0 !important;
	margin-right: 0 !important;
}