/*
Theme Name: Lagoon zlatna
Template: lagoon
Description: Child tema za Lagoon — zlatno-crna paleta (prevoz, kombi, selidbe).
Version: 1.0.0
Text Domain: lagoon-zlatna
*/

/* Ikonice koje tema ima kao SVG, ali ih roditeljski CSS ne mapira. */
.lagoon-icon--calendar { --lagoon-icon: url("../lagoon/assets/icons/calendar.svg"); }
.lagoon-icon--clock { --lagoon-icon: url("../lagoon/assets/icons/clock.svg"); }
.lagoon-icon--truck-delivery { --lagoon-icon: url("../lagoon/assets/icons/truck-delivery.svg"); }

/* Slika na vrhu strana: crno zatamnjenje umesto zlatnog (zlatno × siva slika davalo je braon). */
.lagoon-duotone > .wp-block-cover__background {
	background-color: var(--wp--preset--color--dark) !important;
	mix-blend-mode: normal;
	opacity: 0.6 !important;
}

/* Slika iznad teksta „O nama“. */
.lagoon-about__photo {
	margin-bottom: var(--wp--preset--spacing--40);
}

/* Kartice usluga iste visine u redu; „Saznajte više“ uvek uz dno kartice. */
.lagoon-services .wp-block-column:has(> .lagoon-service) {
	display: flex;
	flex-direction: column;
}
.lagoon-services .lagoon-service {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.lagoon-services .lagoon-service__box {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.lagoon-services .lagoon-service__box > .lagoon-more {
	margin-top: auto;
}

/* Razmak između pasusa priče na strani O nama. */
.lagoon-about > p:not(.is-style-lagoon-kicker) + p {
	margin-top: var(--wp--preset--spacing--30);
}

/*
 * Hover na karticama usluga: kartica se podigne i dobije zlatni okvir.
 * Temin efekat (link se pomera udesno) je u uskim karticama prelamao
 * „Zatražite cenu“ u dva reda i tako menjao visinu celog reda.
 */
.lagoon-services .lagoon-service {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.lagoon-services .lagoon-service:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.6);
}
.lagoon-services .lagoon-service__box {
	transition: background-color 0.3s ease, border-color 0.3s ease;
}
.lagoon-services .lagoon-service:hover .lagoon-service__box {
	border-color: var(--wp--preset--color--primary);
}
.lagoon-services .lagoon-service:hover .lagoon-more a {
	padding-left: 0;
	color: var(--wp--preset--color--primary);
}
.lagoon-services .lagoon-service:hover .lagoon-more a::before {
	opacity: 0;
}
.lagoon-services .lagoon-more a {
	white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
	.lagoon-services .lagoon-service,
	.lagoon-services .lagoon-service:hover {
		transition: none;
		transform: none;
	}
}

/* Naslov na vrhu: duže reči („kamionima“, „kombijima“) ne smeju da se lome usred reči. */
.lagoon-hero__title {
	font-size: clamp(1.75rem, 2.6vw, 2.35rem) !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
}

/* Obrazac „Recite nam šta se seli“: fotografija kamiona u pozadini, crno zatamnjenje kao na vrhu strane. */
.lagoon-quote__head,
.lagoon-services + .lagoon-quote > .lagoon-quote__head {
	padding-top: var(--wp--preset--spacing--80);
	background-image: linear-gradient(rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72)), url("assets/images/kamion-obrazac.webp");
	background-size: cover;
	background-position: 65% 75%;
}

/* Strana Kontakt: slika kombija ispod podataka o firmi. */
.lagoon-contact__photo {
	margin-top: var(--wp--preset--spacing--50);
}
.lagoon-contact__photo img {
	width: 100%;
	border-radius: 4px;
}