/**
 * 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%;
	}

	/* Ujednačen relationship block na svim stranicama (tablet) */
	.pp-pd-parents .pp-relationship__parallax,
	.pp-pd-schools .pp-relationship__parallax,
	.pp-tip-parents .pp-relationship__parallax,
	.pp-tip-schools .pp-relationship__parallax,
	.pp-workshops .pp-relationship__parallax,
	.pp-podkast .pp-relationship__parallax,
	.pp-usluge .pp-relationship__parallax,
	.pp-grupe-podrske .pp-relationship__parallax,
	.pp-individualna-obuka .pp-relationship__parallax,
	.pp-online-konsultacije .pp-relationship__parallax,
	.pp-contact .pp-relationship__parallax,
	.pp-about .pp-relationship__parallax {
		min-height: 48vh;
		margin-top: 0;
		padding: 16vh 0 12vh;
	}

	.pp-pd-parents .pp-relationship__bg,
	.pp-pd-schools .pp-relationship__bg,
	.pp-tip-parents .pp-relationship__bg,
	.pp-tip-schools .pp-relationship__bg,
	.pp-workshops .pp-relationship__bg,
	.pp-podkast .pp-relationship__bg,
	.pp-usluge .pp-relationship__bg,
	.pp-grupe-podrske .pp-relationship__bg,
	.pp-individualna-obuka .pp-relationship__bg,
	.pp-online-konsultacije .pp-relationship__bg,
	.pp-contact .pp-relationship__bg,
	.pp-about .pp-relationship__bg {
		top: -22%;
		height: 144%;
		background-position: center 38%;
	}

	.pp-pd-parents .pp-relationship__inner,
	.pp-pd-schools .pp-relationship__inner,
	.pp-tip-parents .pp-relationship__inner,
	.pp-tip-schools .pp-relationship__inner,
	.pp-workshops .pp-relationship__inner,
	.pp-podkast .pp-relationship__inner,
	.pp-usluge .pp-relationship__inner,
	.pp-grupe-podrske .pp-relationship__inner,
	.pp-individualna-obuka .pp-relationship__inner,
	.pp-online-konsultacije .pp-relationship__inner,
	.pp-contact .pp-relationship__inner,
	.pp-about .pp-relationship__inner {
		padding-top: 0;
	}
}

/* Mobilni — globalno */
@media (max-width: 767px) {
	:root {
		--pp-layout-width: 92%;
	}

	html,
	body {
		overflow-x: hidden;
	}

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

	/* 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;
		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%;
	}

	/* PD / TIP */
	.pp-pd-tip {
		width: 100%;
		min-height: auto;
		padding-top: 80px;
		padding-bottom: 48px;
		margin-bottom: 0;
	}

	.pp-pd-tip__inner {
		width: 80%;
	}

	.pp-pd-tip__content {
		padding-left: 0;
		padding-right: 0;
	}

	.pp-pd-tip__text {
		font-size: var(--pp-font-size-body);
	}

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

	.pp-programs__inner {
		width: 90%;
	}

	.pp-programs__heading {
		font-size: 19px;
	}

	.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: 22px;
		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;
	}

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

	/* 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;
		padding: 0 0.5rem;
	}

	/* Ujednačen relationship block na svim stranicama */
	.pp-pd-parents .pp-relationship__parallax,
	.pp-pd-schools .pp-relationship__parallax,
	.pp-tip-parents .pp-relationship__parallax,
	.pp-tip-schools .pp-relationship__parallax,
	.pp-workshops .pp-relationship__parallax,
	.pp-podkast .pp-relationship__parallax,
	.pp-usluge .pp-relationship__parallax,
	.pp-grupe-podrske .pp-relationship__parallax,
	.pp-individualna-obuka .pp-relationship__parallax,
	.pp-online-konsultacije .pp-relationship__parallax,
	.pp-contact .pp-relationship__parallax,
	.pp-about .pp-relationship__parallax {
		min-height: 38vh;
		margin-top: 0;
		padding: 10vh 0 8vh;
	}

	.pp-pd-parents .pp-relationship__bg,
	.pp-pd-schools .pp-relationship__bg,
	.pp-tip-parents .pp-relationship__bg,
	.pp-tip-schools .pp-relationship__bg,
	.pp-workshops .pp-relationship__bg,
	.pp-podkast .pp-relationship__bg,
	.pp-usluge .pp-relationship__bg,
	.pp-grupe-podrske .pp-relationship__bg,
	.pp-individualna-obuka .pp-relationship__bg,
	.pp-online-konsultacije .pp-relationship__bg,
	.pp-contact .pp-relationship__bg,
	.pp-about .pp-relationship__bg {
		top: -18%;
		height: 136%;
		background-position: center 36%;
	}

	.pp-pd-parents .pp-relationship__inner,
	.pp-pd-schools .pp-relationship__inner,
	.pp-tip-parents .pp-relationship__inner,
	.pp-tip-schools .pp-relationship__inner,
	.pp-workshops .pp-relationship__inner,
	.pp-podkast .pp-relationship__inner,
	.pp-usluge .pp-relationship__inner,
	.pp-grupe-podrske .pp-relationship__inner,
	.pp-individualna-obuka .pp-relationship__inner,
	.pp-online-konsultacije .pp-relationship__inner,
	.pp-contact .pp-relationship__inner,
	.pp-about .pp-relationship__inner {
		padding-top: 0;
	}

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

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