/**
 * Mobilna i tablet prilagodavanja — početna stranica.
 * Breakpointi kao na referentnom sajtu: 980px (tablet), 767px (mobilni).
 */

/* Suptilan image reveal (globalno za prve sekcije sa slikom) */
@keyframes pp-image-soft-reveal {
	0% {
		opacity: 0.18;
		transform: translateY(6px) scale(1.005);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes pp-image-soft-reveal-left {
	0% {
		opacity: 0.18;
		transform: translateX(-5px) scale(1.005);
	}
	100% {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
}

.pp-pd-parents-familiar__img,
.pp-pd-schools-split__img,
.pp-tip-schools-split__img,
.pp-school-program-about-split__bg {
	animation: pp-image-soft-reveal 1400ms ease-out 120ms both;
}

.pp-school-program-about-split__img-wrap {
	animation: pp-image-soft-reveal-left 1400ms ease-out 280ms both;
}

.pp-school-program-list--split .pp-school-program-list__img,
.pp-school-program-list--split-media-left .pp-school-program-list__img {
	animation: pp-image-soft-reveal 1400ms ease-out 120ms both;
}

.pp-pd-parents-perspective__img {
	animation: pp-image-soft-reveal-left 1400ms ease-out 120ms both;
}

.pp-tip-schools-parallax__img {
	animation: pp-image-soft-reveal-left 1400ms ease-out 120ms both;
}

.pp-tip-schools-together__img {
	animation: pp-image-soft-reveal-left 1400ms ease-out 120ms both;
}

.pp-tip-schools-together__bg {
	animation: pp-image-soft-reveal-left 1400ms ease-out 120ms both;
}

.pp-tip-parents .pp-tip-schools-parallax__img {
	animation: pp-image-soft-reveal-left 1400ms ease-out 120ms both;
}

@media (prefers-reduced-motion: reduce) {
	.pp-pd-parents-familiar__img,
	.pp-pd-parents-perspective__img,
	.pp-pd-schools-split__img,
	.pp-tip-schools-parallax__img,
	.pp-tip-schools-together__img,
	.pp-tip-schools-together__bg,
	.pp-tip-schools-split__img,
	.pp-school-program-about-split__bg,
	.pp-school-program-about-split__img-wrap,
	.pp-school-program-list--split .pp-school-program-list__img {
		animation: none;
	}
}

/* Tablet */
@media (max-width: 980px) {
	.pp-intro__inner,
	.pp-pd-tip__inner,
	.pp-programs__inner,
	.pp-pd-cards__inner,
	.pp-services__inner,
	.pp-testimonials__inner {
		width: 85%;
	}

}

/* Mobilni — globalno */
@media (max-width: 767px) {
	:root {
		--pp-layout-width: 92%;
		--pp-line-height-heading: 1.15;
		--pp-divider-space: 16px;
	}

	html,
	body {
		overflow-x: hidden;
	}

	body {
		font-size: var(--pp-font-size-body);
		line-height: var(--pp-line-height-body);
	}

	/* Kompaktniji naslovi — uži razmak između redova na celom sajtu */
	body #page-container #et-main-area main :is(
		[class*="__title"],
		[class*="__heading"],
		[class*="__cta-heading"]
	):not([class*="hero__subtitle"]):not(.pp-quote-card__text):not(.pp-programs__list-item):not(.pp-pd-parents-perspective__title) {
		line-height: var(--pp-line-height-heading) !important;
	}

	body #page-container #et-main-area main h2.pp-pd-parents-perspective__title {
		font-size: 22px !important;
		font-weight: 400 !important;
		line-height: 28px !important;
		color: rgb(187, 140, 126) !important;
	}

	body #page-container #et-main-area main :is(
		[class*="__title"],
		[class*="__heading"],
		[class*="__cta-heading"]
	) br {
		display: block;
		margin-top: 0.08em;
		line-height: 0;
	}

	/* Header */
	.pp-header__row {
		width: 92%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.pp-mobile-nav__toggle {
		min-width: 44px;
		min-height: 44px;
	}

	.pp-mobile-menu__list .menu-item > a {
		font-size: var(--pp-font-size-body);
		padding: 12px 16px;
	}

	/* Dugmad (hero zadržava kompaktnu širinu) */
	.pp-btn--cta,
	.pp-btn--read {
		width: 100%;
		max-width: 280px;
		min-width: 0;
		font-size: 15px;
		padding: 12px 20px;
	}

	.pp-hero .pp-btn--cta {
		width: auto;
		max-width: none;
		padding: 10px 20px;
	}

	.pp-btn--phone {
		width: 100%;
		max-width: 280px;
		min-width: 0;
	}

	/* Uvod */
	.pp-intro__inner {
		width: 90%;
	}

	/* Programi */
	.pp-programs {
		padding: 48px 0 56px;
	}

	.pp-programs__inner {
		width: 90%;
	}

	body #page-container #et-main-area main #besplatni-cas h4.pp-programs__heading {
		font-size: 19px !important;
	}

	.pp-programs__list-item {
		font-size: var(--pp-font-size-body);
	}

	/* PD kartice */
	.pp-pd-cards {
		padding: 48px 0 40px;
	}

	.pp-pd-cards__inner {
		width: 90%;
	}

	.pp-pd-cards__card {
		height: auto;
		min-height: 300px;
	}

	.pp-pd-cards__media {
		flex: 0 0 auto;
	}

	.pp-pd-cards__image {
		height: 200px;
	}

	.pp-pd-cards__card-title {
		font-size: 22px;
	}

	/* Usluge */
	.pp-services {
		padding: 48px 0 40px;
	}

	.pp-services__inner {
		width: 90%;
	}

	.pp-services__intro {
		margin-bottom: 1.5rem;
	}

	.pp-services__slider-wrap {
		border-radius: 10px;
	}

	.pp-services__viewport {
		min-height: 420px;
		max-height: 510px;
	}

	.pp-services__description {
		width: 90%;
		padding-top: 20vh;
		padding-bottom: 10vh;
	}

	.pp-services__slide-title {
		font-size: 28px;
		max-width: 100%;
	}

	.pp-services__button-wrap {
		margin-top: 24px;
	}

	.pp-btn--service {
		display: block;
		width: 100%;
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
		font-size: 15px;
		padding: 10px 18px;
		text-align: center;
	}

	/* Testimonijali */
	.pp-testimonials {
		margin-bottom: -40px;
	}

	.pp-testimonials__main {
		padding-top: 40px;
		padding-bottom: 8px;
	}

	.pp-testimonials__inner {
		width: 90%;
	}

	.pp-testimonials__slider-wrap {
		margin-bottom: 56px;
	}

	/* Promena počinje odnosom */
	.pp-relationship__band {
		height: auto;
		min-height: 120px;
		margin-top: -140px;
		margin-bottom: -24px;
		padding-bottom: 10vh;
	}

	.pp-relationship__parallax {
		min-height: 38vh;
		margin-top: 0;
		padding: 10vh 0 8vh;
	}

	.pp-relationship__inner {
		width: 90%;
	}

	.pp-relationship__title {
		font-size: 25px;
		line-height: var(--pp-line-height-heading);
		padding: 0 0.5rem;
	}

	.pp-testimonials__cta {
		margin: -8px auto -40px;
		padding: 24px 20px;
	}

	.pp-testimonials__cta-action {
		margin-top: 12px;
	}

	/* Footer */
	.pp-footer__grid {
		width: 90%;
	}

	.pp-footer__copyright {
		padding-left: 5%;
		padding-right: 5%;
		font-size: 14px;
	}
}