/* ==========================================================================
   Sursum UI dorade (2026-10). Učitava se nakon main.css.
   Corda: crvena #d6434e, plava #4c5695, tamna #231f20, svijetla #edeef5 / #fcecee
   Beauty: zelena #194337, zlatna #b09250, bež #f3f1ed / #e1dbd0
   ========================================================================== */

:root {
	--sc-red: #d6434e;
	--sc-blue: #4c5695;
	--sc-ink: #231f20;
	--sc-muted: #58595b;
	--sc-soft: #edeef5;
	--sc-soft-2: #fcecee;
	--sc-primary: var(--sc-red);
	--sc-secondary: var(--sc-blue);
	--sc-bar-h: 64px;
}
body.beauty {
	--sc-primary: #194337;
	--sc-secondary: #b09250;
	--sc-soft: #f3f1ed;
	--sc-soft-2: #e1dbd0;
}

/* ---------- Uslužna stranica: hero ---------- */

.single-service-hero .notice {
	text-align: left;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--sc-ink);
}
@media (min-width: 1024px) {
	.single-service-hero .notice { font-size: 1.0625rem; }
}

/* Cijene kao pregledne kartice: naziv lijevo, cijena desno */
.single-service-hero .prices,
.sc-closing-cta .prices {
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
	display: grid;
	gap: .5rem;
	text-align: left;
}
.single-service-hero .prices li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
	padding: .9rem 1.1rem;
	background: #fff;
	border-radius: 1rem;
	box-shadow: 0 1px 2px rgba(35, 31, 32, .06);
}
.single-service-hero .prices li .label {
	display: block;
	margin: 0;
	font-size: .95rem;
	line-height: 1.35;
	color: var(--sc-ink);
}
.single-service-hero .prices li .price {
	display: block;
	margin: 0;
	white-space: nowrap;
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--sc-ink);
}
.single-service-hero .prices li .price.discount { color: var(--sc-primary); }
.single-service-hero .prices li .old-price {
	order: 3;
	font-size: .85rem;
	color: var(--sc-muted);
	text-decoration: line-through;
}
.sc-prices-more {
	margin: .75rem 0 0;
	text-align: left;
	font-size: .9rem;
}
.sc-prices-more a {
	color: var(--sc-secondary);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Gumbi u heroju: na mobitelu puna širina, jedan ispod drugog */
@media (max-width: 599px) {
	.single-service-hero .link-options,
	.sc-closing-cta .link-options {
		display: grid;
		gap: .75rem;
		margin-left: 0;
		margin-right: 0;
	}
	.single-service-hero .link-options li,
	.sc-closing-cta .link-options li {
		margin: 0;
		width: 100%;
	}
	.single-service-hero .link-options .global-button,
	.sc-closing-cta .link-options .global-button {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}

/* Obrazac kao kartica s naslovom */
.sc-form-card { scroll-margin-top: 110px; }
.sc-form-card__title {
	margin: 0 0 .25rem;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--sc-ink);
}
.sc-form-card__note {
	margin: 0 0 1.25rem;
	font-size: .9rem;
	color: var(--sc-muted);
}

/* ---------- Teme stranice: vodoravni niz umjesto stupca gumba ---------- */

@media (max-width: 1023px) {
	.global-section-topics .nav-topics {
		display: flex;
		flex-wrap: nowrap;
		gap: .5rem;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		padding-bottom: .5rem;
		justify-content: flex-start;
	}
	.global-section-topics .nav-topics > * {
		flex: 0 0 auto;
		margin: 0;
		scroll-snap-align: start;
	}
	.global-section-topics .nav-topics a { white-space: nowrap; }
}

/* ---------- Završni poziv ---------- */

.sc-closing-cta { padding: 3rem 0 4rem; }
.sc-closing-cta .con {
	margin: 0 auto;
	max-width: calc(760px + 4rem);
	padding: 0 1rem;
	box-sizing: border-box;
}
.sc-closing-cta__box {
	padding: 2rem 1.5rem;
	border-radius: 2rem;
	text-align: center;
	background: linear-gradient(90deg, var(--sc-soft) 0%, var(--sc-soft-2) 100%);
}
.sc-closing-cta__title {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--sc-ink);
}
.sc-closing-cta__price { margin: .5rem 0 0; font-size: 1.125rem; color: var(--sc-ink); }
.sc-closing-cta__text { margin: .75rem auto 1.5rem; max-width: 34rem; color: var(--sc-muted); }
.sc-closing-cta .link-options { justify-content: center; }

/* ---------- Traka s pozivom (mobitel i tablet) ---------- */

.sc-actionbar { display: none; }
@media (max-width: 1023px) {
	body { padding-bottom: calc(var(--sc-bar-h) + env(safe-area-inset-bottom)); }
	.sc-actionbar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1090;
		display: grid;
		grid-template-columns: 1fr 1.4fr;
		gap: .5rem;
		padding: .5rem .75rem calc(.5rem + env(safe-area-inset-bottom));
		background: #fff;
		box-shadow: 0 -2px 12px rgba(35, 31, 32, .12);
		transition: transform .25s ease;
	}
	.sc-actionbar.is-hidden { transform: translateY(110%); }
	.sc-actionbar a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: .5rem;
		min-height: 48px;
		border-radius: 2rem;
		font-weight: 600;
		font-size: .95rem;
		text-decoration: none;
	}
	.sc-actionbar__call {
		border: 2px solid var(--sc-secondary);
		color: var(--sc-secondary);
		background: #fff;
	}
	.sc-actionbar__form {
		background: var(--sc-primary);
		color: #fff;
	}
	.sc-actionbar__icon {
		width: 16px;
		height: 16px;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	/* WhatsApp ostaje, ali iznad trake i uz desni rub da ne prekriva tekst */
	.wa-chat-trigger-global {
		left: auto !important;
		right: 1rem;
		bottom: calc(var(--sc-bar-h) + 1rem + env(safe-area-inset-bottom)) !important;
	}
}

/* Sidrena cijena ispod cijene */
.single-service-hero .prices li { flex-wrap: wrap; }
.single-service-hero .prices li .label { flex: 1 1 0; min-width: 0; width: auto; float: none; }
.single-service-hero .prices li .price { flex: 0 0 auto; width: auto; float: none; margin-left: auto; text-align: right; }
.sc-anchor {
	flex: 1 0 100%;
	margin-top: .15rem;
	font-size: .8rem;
	color: var(--sc-muted);
}

/* ---------- Blog: poziv na upit ---------- */

.sc-article-cta { padding: 0 0 3rem; }
.sc-article-cta .con {
	margin: 0 auto;
	max-width: calc(760px + 4rem);
	padding: 0 1rem;
	box-sizing: border-box;
}
.sc-cta {
	margin: 2rem 0;
	padding: 1.5rem;
	border-radius: 1.5rem;
	background: linear-gradient(90deg, var(--sc-soft) 0%, var(--sc-soft-2) 100%);
	border-left: 4px solid var(--sc-primary);
}
.sc-cta__heading { margin: 0 0 .35rem; font-size: 1.2rem; font-weight: 700; line-height: 1.3; color: var(--sc-ink); }
.sc-cta__text { margin: 0 0 1.1rem; color: var(--sc-muted); }
.sc-cta__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin: 0; }
.sc-cta__link { color: var(--sc-secondary); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.wysiwyg-content .sc-cta p { margin-bottom: 0; }
.wysiwyg-content .sc-cta .sc-cta__text { margin-bottom: 1.1rem; }
@media (max-width: 599px) {
	.sc-cta__actions .global-button { width: 100%; text-align: center; box-sizing: border-box; }
}

/* ==========================================================================
   Globalno: tipografija, gumbi, polja (jedna skala za cijeli web)
   ========================================================================== */

/* Naslovi se ne rastavljaju crticom; dulji naslovi se ravnomjerno lome */
h1, h2, h3, h4, .heading, .card-service .heading, .global-section-comparison-table .thead div {
	-webkit-hyphens: manual;
	hyphens: manual;
	overflow-wrap: normal;
	word-break: normal;
	text-wrap: balance;
}

/* Kartice usluga (naslovnica, područja): manji naslov na mobitelu, strelica ostaje uz zadnju riječ */
@media (max-width: 599px) {
	.card-service .heading { font-size: 1.2rem; line-height: 1.3; }
	.card-service .heading:after { vertical-align: middle; margin-left: .35rem; }
	.list-service > li { margin-bottom: .5rem; }
	.list-service .card-service { padding-top: .75rem; padding-bottom: .75rem; }
}

/* Gumbi: jedna visina (48px), jednaka zaobljenost i razmak teksta */
.global-button,
.wpcf7 .wpcf7-submit,
.wpcf7 input[type=submit] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-height: 48px;
	padding: .75rem 1.5rem;
	border-radius: 30px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
}
.global-button.red-outline,
.global-button.blue-outline {
	padding-top: calc(.75rem - 2px);
	padding-bottom: calc(.75rem - 2px);
}
.global-button:focus-visible,
.sc-actionbar a:focus-visible,
.wpcf7 .wpcf7-submit:focus-visible {
	outline: 3px solid var(--sc-secondary);
	outline-offset: 2px;
}

/* Polja obrasca: jednaka visina, razmak i 16px slova (iOS ne zumira) */
.wpcf7 .wpcf7-form input[type=text],
.wpcf7 .wpcf7-form input[type=email],
.wpcf7 .wpcf7-form input[type=tel],
.wpcf7 .wpcf7-form input[type=number],
.wpcf7 .wpcf7-form select,
.wpcf7 .wpcf7-form textarea {
	min-height: 52px;
	padding: .8rem 1rem;
	font-size: 16px;
	line-height: 1.4;
	border-radius: 1rem;
}
.wpcf7 .wpcf7-form textarea { min-height: 120px; height: 120px; }
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap { display: block; }
.wpcf7 .wpcf7-form .lyt-row,
.wpcf7 .wpcf7-form .textarea-message { margin-bottom: .75rem; }
.wpcf7 .wpcf7-form .lyt-row.col-50-50 > * { margin-bottom: .75rem; }
.wpcf7 .wpcf7-form .lyt-row.col-50-50 > *:last-child { margin-bottom: 0; }
@media (min-width: 600px) {
	.wpcf7 .wpcf7-form .lyt-row.col-50-50 > * { margin-bottom: 0; }
}
.wpcf7 .wpcf7-form .submit { margin-top: 1rem; }
@media (max-width: 599px) {
	.wpcf7 .wpcf7-form .submit .wpcf7-submit { width: 100%; }
}
.wpcf7 .wpcf7-not-valid-tip { margin-top: .35rem; font-size: .85rem; }
.wpcf7 form .wpcf7-response-output {
	margin: 1rem 0 0;
	padding: .85rem 1rem;
	border-radius: 1rem;
	font-size: .95rem;
}

/* CF7 umeće <p> i <br> između polja: jednak razmak preko grida */
.wpcf7 .wpcf7-form .lyt-row br,
.wpcf7 .wpcf7-form .textarea-message br { display: none; }
.wpcf7 .wpcf7-form .lyt-row > p {
	display: grid;
	gap: .75rem;
	margin: 0;
}
@media (min-width: 600px) {
	.wpcf7 .wpcf7-form .lyt-row.col-50-50 > p { grid-template-columns: 1fr 1fr; }
}
.wpcf7 .wpcf7-form .lyt-row.col-50-50 > p > * { margin: 0; width: 100%; }
.wpcf7 .wpcf7-form .textarea-message > p { margin: 0; }
.wpcf7 .wpcf7-form .wpcf7-textarea,
.wpcf7 .wpcf7-form .wpcf7-text,
.wpcf7 .wpcf7-form .wpcf7-email,
.wpcf7 .wpcf7-form .wpcf7-tel {
	padding: .8rem 1rem;
	font-size: 16px;
}
/* Slanje upita je primarna radnja: ista boja kao ostali glavni pozivi */
.wpcf7 .wpcf7-form .wpcf7-submit {
	background-color: var(--sc-primary);
	border: 0;
	color: #fff;
}
.wpcf7 .wpcf7-form .wpcf7-submit:hover { filter: brightness(.95); }

/* WhatsApp se ne prikazuje preko obrasca dok ga korisnik ispunjava */
@media (max-width: 1023px) {
	body.sc-form-in-view .wa-chat-trigger-global { opacity: 0; pointer-events: none; }
}
.wpcf7 .wpcf7-form .lyt-row.col-50-50 > p,
.single-service-hero .wpcf7 .wpcf7-form .lyt-row.col-50-50 > p {
	display: grid !important;
	gap: .75rem;
}
.wpcf7 .wpcf7-form input,
.wpcf7 .wpcf7-form textarea { float: none; }

/* ==========================================================================
   Upitni obrazac (Sursum Measurement: form[data-sc-inquiry])
   Jedan istaknuti element: sažetak usluge na vrhu ("Upit za …"). Ostalo tiho.
   ========================================================================== */

:root {
	--sc-field-border: #c9cbd6;
	--sc-error: #a8202b;
	--sc-focus: var(--sc-blue);
}
body.beauty { --sc-focus: #194337; }

.sc-form { display: grid; gap: 1.1rem; margin: 0; text-align: left; color: var(--sc-ink); }
.sc-form__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sc-form__heading { margin: 0; font-size: 1.25rem; font-weight: 700; line-height: 1.3; }

.sc-field { display: grid; gap: .4rem; margin: 0; padding: 0; border: 0; min-width: 0; }
.sc-field__label { display: block; padding: 0; font-size: .9rem; font-weight: 600; line-height: 1.3; color: var(--sc-ink); }
.sc-optional { font-weight: 400; color: var(--sc-muted); }
.sc-field__hint { font-size: .8rem; line-height: 1.4; color: var(--sc-muted); }

.sc-form .sc-input {
	display: block;
	width: 100%;
	min-height: 52px;
	padding: .8rem 1rem;
	box-sizing: border-box;
	float: none;
	font: inherit;
	font-size: 16px;
	line-height: 1.4;
	color: var(--sc-ink);
	background: #fff;
	border: 1.5px solid var(--sc-field-border);
	border-radius: .9rem;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.sc-form textarea.sc-input { min-height: 96px; resize: vertical; }
.sc-form select.sc-input {
	padding-right: 2.75rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23231f20' stroke-width='2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
}
.sc-form .sc-input::placeholder { color: #8b8d96; }
.sc-form .sc-input:hover { border-color: #9ea1b0; }
.sc-form .sc-input:focus {
	outline: none;
	border-color: var(--sc-focus);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--sc-focus) 22%, transparent);
}
.sc-field.is-invalid .sc-input { border-color: var(--sc-error); }
.sc-field__error { font-size: .85rem; line-height: 1.35; color: var(--sc-error); }
.sc-field__error[hidden] { display: none; }

/* Sažetak usluge */
.sc-field--service.is-collapsed > .sc-field__label,
.sc-field--service.is-collapsed > select { display: none; }
.sc-service-summary {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: .15rem 1rem;
	align-items: baseline;
	padding: .9rem 1rem;
	border-radius: .9rem;
	background: var(--sc-soft);
	border-left: 4px solid var(--sc-primary);
}
.sc-service-summary__label { grid-column: 1 / -1; font-size: .8rem; color: var(--sc-muted); }
.sc-service-summary__value { font-size: 1.05rem; font-weight: 700; line-height: 1.3; }
.sc-service-summary__price { font-weight: 600; white-space: nowrap; }
.sc-service-summary__change {
	grid-column: 1 / -1;
	justify-self: start;
	margin-top: .25rem;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: .85rem;
	font-weight: 600;
	color: var(--sc-secondary);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

/* Način kontakta: čipovi */
.sc-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.sc-chip { position: relative; margin: 0; cursor: pointer; }
.sc-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sc-chip span {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: .55rem 1.1rem;
	border: 1.5px solid var(--sc-field-border);
	border-radius: 30px;
	background: #fff;
	font-size: .95rem;
	font-weight: 600;
	color: var(--sc-ink);
	transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.sc-chip input:checked + span { border-color: var(--sc-focus); background: var(--sc-focus); color: #fff; }
.sc-chip input:focus-visible + span { box-shadow: 0 0 0 3px color-mix(in srgb, var(--sc-focus) 30%, transparent); }

/* Suglasnost */
.sc-consent { display: grid; grid-template-columns: 22px 1fr; gap: .75rem; align-items: start; margin: 0; font-size: .85rem; line-height: 1.45; color: var(--sc-muted); cursor: pointer; }
.sc-consent input { width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--sc-focus); -webkit-appearance: auto; appearance: auto; float: none; }
.sc-consent a { color: var(--sc-ink); text-decoration: underline; }
.sc-consent .sc-field__error { grid-column: 2; }
.sc-consent.is-invalid { color: var(--sc-ink); }

/* Slanje */
.sc-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	padding: .8rem 1.5rem;
	border: 0;
	border-radius: 30px;
	background: var(--sc-primary);
	color: #fff;
	font: inherit;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
}
.sc-form__submit:hover { filter: brightness(.95); }
.sc-form__submit:focus-visible { outline: 3px solid var(--sc-focus); outline-offset: 2px; }
.sc-form__submit.is-loading { opacity: .7; cursor: progress; }
.sc-form__note { margin: -.35rem 0 0; font-size: .8rem; text-align: center; color: var(--sc-muted); }
.sc-form__status { font-size: .9rem; color: var(--sc-error); }
.sc-form__status:empty { display: none; }

/* Nakon slanja */
.sc-form-success {
	padding: 1.5rem;
	border-radius: 1rem;
	background: var(--sc-soft);
	border-left: 4px solid var(--sc-focus);
	text-align: left;
}
.sc-form-success:focus { outline: none; }
.sc-form-success p { margin: 0 0 .5rem; }
.sc-form-success__title { font-size: 1.2rem; font-weight: 700; color: var(--sc-ink); }
.sc-form-success__meta { margin: 0; font-size: .9rem; color: var(--sc-muted); }

@media (min-width: 600px) {
	.sc-form { gap: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
	.sc-form .sc-input, .sc-chip span { transition: none; }
}

.sc-form[hidden] { display: none !important; }

/* Cjenik: jedan glavni gumb po stavci, "Saznajte više" kao tekstualna poveznica */
.pricelist-content .list-links { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; }
.pricelist-content .list-links li { margin: 0; }
.sc-pricelist-more { color: var(--sc-secondary); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.pricelist-content .list-links li:has(.sc-pricelist-more) { order: 2; }

/* Privitak: sklopljen dok ga korisnik ne zatraži */
.sc-attach summary {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: .9rem;
	font-weight: 600;
	color: var(--sc-secondary);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
	list-style: none;
}
.sc-attach summary::-webkit-details-marker { display: none; }
.sc-attach[open] summary { margin-bottom: .5rem; }
.sc-attach .sc-field__label,
.sc-attach .sc-field__hint { display: block; margin-bottom: .4rem; }
.sc-form .sc-input--file { min-height: 0; padding: .65rem; font-size: .9rem; }