/*
 * Sekcije sadržaja: hero, Misija/O nama, kartice usluga, slika + tekst,
 * iskustva klijenata i popisi s kvačicama. Preneseno iz vdtheme/style.css
 * (odjeljci 11–15) i prilagođeno blokovima (figure oko slika, odlomci
 * umjesto ugniježđenih <p> i <h3>).
 */

/* 11a. Hero naslovnice (blok Cover) */
.hero.wp-block-cover {
	position: relative;
	min-height: 124rem;
	padding: 0;
	color: #fff;
	align-items: center;
}
.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(to bottom, rgba(26, 30, 32, 0.8) 0%, rgba(26, 30, 32, 0) 90%);
	pointer-events: none;
}
.hero.wp-block-cover .wp-block-cover__inner-container { z-index: 2; width: 100%; }
.hero-inner { max-width: 66rem; width: 100%; margin-top: 8rem; }
.hero h1, .hero h2 { color: #fff; }
.hero-heading { font-size: 1.8rem; font-weight: 600; }
@media only screen and (min-width: 30.0625em) {
	.hero-inner { margin-top: 15rem; }
}

/* Popisi s kvačicama */
.list ul, .list-white ul { list-style: none; padding: 0; margin: 0; }
/* Popis u tekstu (blok Popis) odvojen od sljedećeg odlomka ili popisa kao odlomak (2rem). */
.list .wp-block-list { margin-bottom: 2rem; }
.list .wp-block-list:last-child { margin-bottom: 0; }
.list ul li, .list-white ul li { padding-left: 4rem; position: relative; margin-bottom: 1.5rem; }
.list ul li::before, .list-white ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 2.7rem;
	height: 2.5rem;
	background-image: url(../images/check.svg);
	background-repeat: no-repeat;
	background-size: 2.7rem;
}
.list-white ul li::before { background-image: url(../images/check-white.svg); }
.list-sm ul li::before { background-size: 1.8rem; top: 5.6px; width: 2.7rem; height: 1.7rem; }
.list-sm ul li { margin-bottom: 1rem; }

/* 12. O nama / Misija */
.about-wrapper { display: flex; flex-direction: column; }
.about-text { width: 100%; margin-bottom: 5rem; text-align: justify; }
/* H2 na O nama (migracija 15, prije H3) izgleda kao H3. */
.about-text h2, .about-text h3 { font-size: 1.8rem; font-weight: 500; }
.about-image {
	width: 100%;
	position: relative;
	background-image: url(../images/about-bg2.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 18rem;
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
}
/* U vdtheme prazan <div class="image-bg">; ovdje pseudo-element, da u editoru nema praznog bloka. */
.about-image::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 30rem;
	background-image: url(../images/about-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateX(-50%);
	background-position: bottom;
}
.about-image figure { margin: 0; }
.about-image img { position: relative; z-index: 1; display: block; height: auto; }
.about-image-inner { width: 80%; }
.subtitle { display: none; }
.text-box {
	width: 100%;
	border-radius: 20px;
	background-color: var(--wp--preset--color--primary);
	color: #fff;
	padding: 4rem 3rem;
	margin-bottom: 5rem;
	text-align: justify;
}
/* Naslovnica: u vdtheme je tekst okvira bio u <h3> s odlomkom unutra; ovdje odlomak istog izgleda. */
.text-box-lead p, .text-box h3 { color: #fff; font-size: 1.8rem; font-weight: 500; line-height: 1.5; }
.text-box h3 { margin: 0; }
.text-box h2 { color: #fff; }
.text-box2 { width: 100%; text-align: justify; }
.text-box2 h3, /* O nama: potpis kao H3 (migracija 15), prije H4. */
.text-box2 h4 {
	text-align: right;
	margin-top: 4rem;
	margin-bottom: 0;
	font-weight: 300;
	color: var(--wp--preset--color--text);
	font-size: 1.6rem;
}
.about-page-wrapper { flex-direction: column; margin: 7rem 0; }
/* O nama: u vdtheme je tekst bio u <p><p>…</p></p>, pa je prazni odlomak davao 2rem na vrhu. */
.razmak-gore { padding-top: 2rem; }
.about-page-wrapper .about-image { background-image: none; padding-right: 0; width: 100%; }
.about-page-wrapper .about-image::before { content: none; }
.about-page-wrapper .about-image img { border-radius: 1rem; width: 100%; }
.about-page-wrapper .about-text { width: 100%; }
/* Usluge: slika je u kodu prva, a tekst je na širokom ekranu obujmi; na mobitelu ostaje ispod teksta. */
.omotaj-sliku .about-image { order: 1; }
@media only screen and (min-width: 30.0625em) {
	.subtitle {
		position: absolute;
		left: 0;
		bottom: 5rem;
		background-color: #fff;
		padding: 1.5rem 3rem;
		border-radius: 10px;
		z-index: 2;
		box-shadow: 0 15px 20px 5px rgba(0, 0, 0, 0.05);
		display: block;
	}
	.subtitle::before {
		content: "";
		display: block;
		width: 2.9rem;
		height: 4.7rem;
		background: url(../images/logo-part.svg) no-repeat center / contain;
	}
	.subtitle h3 {
		font-size: 1.6rem;
		font-weight: 300;
		color: var(--wp--preset--color--text);
		font-style: italic;
		margin: 0;
		margin-left: 1rem;
	}
}
@media only screen and (min-width: 37.5625em) {
	.about-image { width: 80%; padding-right: 4rem; background-size: 25rem; }
	.about-image::before { width: 80%; }
	.text-box { padding: 5rem; }
}
@media only screen and (min-width: 56.3125em) {
	.about-wrapper { flex-direction: row; justify-content: space-between; align-items: flex-start; }
	.about-page-wrapper { flex-direction: row-reverse; margin: 10rem 0; }
	.about-text { width: 42%; margin-bottom: 0; }
	.about-image { width: 48%; margin: 0; }
	.about-page-wrapper .about-image { width: 42%; }
	.about-page-wrapper .about-text { width: 48%; }
	.about-page-wrapper.omotaj-sliku { display: flow-root; }
	.omotaj-sliku .about-image { float: left; margin: 0.6rem 5rem 3rem 0; }
	.about-page-wrapper.omotaj-sliku .about-text { width: auto; }
	/* Stavka popisa uz sliku: bez ovoga kutija stavke počinje ispod slike (samo redci je
	   obilaze), pa su uvlaka i kvačica (::before, left: 0) skrivene iza slike. */
	.omotaj-sliku .list ul li { display: flow-root; }
	.text-box { width: 42%; margin-bottom: 0; }
	.text-box2 { width: 48%; padding-right: 4rem; }
}

/* 13. Usluge (kartice) */
.services { background-color: var(--wp--preset--color--light); }
.service-box {
	position: relative;
	width: 100%;
	margin-bottom: 3rem;
	background-color: #fff;
	border-radius: 2.5rem;
	padding: 2.5rem 2.5rem 2rem 2.5rem;
	display: flex;
	flex-direction: column;
	transition: all 0.6s ease;
}
/* Razmaci 4rem: u vdtheme je tekst kartice bio u <p><p>…</p></p>, pa su prazni
   odlomci dodavali po 2rem iznad i ispod teksta. */
.service-box h3 { font-weight: 600; margin-bottom: 4rem; }
.service-box > :last-child { margin-bottom: 4rem; }
/* Cijela kartica je klikabilna preko linka u naslovu. */
.service-box h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.service-box h3 a:hover { color: inherit; }
.service-box:hover { box-shadow: 0 15px 20px 5px rgba(0, 0, 0, 0.05); }
.service-box::before {
	content: "";
	display: block;
	width: 6rem;
	height: 6.2rem;
	margin-bottom: 2rem;
	background: no-repeat left center / contain;
}
.service-box.is-style-ikona-pregled::before { background-image: url(../images/pregled.svg); }
.service-box.is-style-ikona-trakcija::before { background-image: url(../images/spinalna-trakcija.svg); }
.service-box.is-style-ikona-manualna::before { background-image: url(../images/manualna-trakcija.svg); }
.service-box.is-style-ikona-vjezbanje::before { background-image: url(../images/mind-control.svg); }
.service-box:not([class*="is-style-ikona-"])::before { content: none; }
@media only screen and (min-width: 37.5625em) {
	.services-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 3%; }
	.service-box { width: 48.5%; }
}
@media only screen and (min-width: 75.0625em) {
	.service-box { width: 22.7%; margin-bottom: 0; }
}

/* 14. Sekcija slika + tekst */
.section-content .container { display: flex; flex-direction: column-reverse; }
.section-image { width: 100%; }
.section-image figure { margin: 0; height: 100%; }
.section-image img { display: block; width: 100%; height: auto; object-fit: cover; }
.section-text { width: 100%; display: flex; align-items: center; justify-content: center; padding: 5rem 2rem; }
.section-inner { width: 100%; text-align: justify; }
.section-inner .title { text-align: left; }
.bg-primary { background-color: var(--wp--preset--color--primary); color: #fff; }
.bg-primary .title h2, .bg-primary .heading-sm { color: #fff; }
@media only screen and (min-width: 56.3125em) {
	.section-content .container { flex-direction: row; }
	.section-reverse .container { flex-direction: row-reverse; }
	.section-image { width: 50%; }
	.section-image img { height: 100%; }
	.section-text { width: 50%; padding: 5rem; }
	.section-inner { max-width: 66rem; }
}

/* 15. Iskustva klijenata (klizač; u vdtheme Slick s jQueryjem) */
.testimonials-track {
	display: flex;
	align-items: flex-start;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.testimonials-track::-webkit-scrollbar { display: none; }
.testimonials-slide { flex: 0 0 100%; scroll-snap-align: start; }
.slide-inner, .testimonial-box {
	border-radius: 2.5rem;
	background-color: var(--wp--preset--color--light);
	padding: 4rem 3rem;
	text-align: justify;
}
.slide-inner { margin: 0; }
.testimonial-text { margin: 0; }
.testimonial-box { width: 100%; margin: 0; margin-bottom: 3rem; }
.testimonial-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6.8rem;
	height: 6.8rem;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	margin-bottom: 2.5rem;
}
.testimonial-icon img { display: block; width: 2.7rem; height: auto; }
.testimonial-author {
	text-align: right;
	font-weight: 700;
	color: var(--wp--preset--color--heading);
	margin-top: 3rem;
	display: block;
}
/* Klinički slučajevi (kartice kao iskustva; naslov je u kodu prvi, prikazuje se na dnu) */
.case-box { display: flex; flex-direction: column; }
.case-title { order: 1; font: inherit; font-weight: 700; letter-spacing: normal; text-transform: none; }
.case-image { display: block; margin-bottom: 2.5rem; }
.case-image img { display: block; width: 100%; height: auto; border-radius: 1.5rem; }
.carousel-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 4rem;
}
.carousel-dots[hidden] { display: none; }
.carousel-dots > span { display: block; }
.carousel-dots button {
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	padding: 0;
	background-color: var(--wp--preset--color--light);
	transition: all 0.4s ease-in-out;
	border-radius: 50%;
}
.carousel-dots button[aria-current="true"] { background-color: var(--wp--preset--color--primary); }
@media only screen and (min-width: 42.5625em) {
	.testimonials-slide { flex-basis: 50%; }
	.slide-inner, .testimonial-box { padding: 5rem; }
	.slide-inner { margin: 0 2rem; }
	.testimonials-page-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 3%; }
	.testimonial-box { width: 48.5%; margin-bottom: 3%; }
}
@media only screen and (min-width: 75.0625em) {
	.testimonial-box { width: 31.3%; }
}
@media only screen and (min-width: 80.0625em) {
	.testimonials-slide { flex-basis: calc(100% / 3); }
}

/* 17. Stranica usluge: galerija (blok Galerija; u vdtheme ACF + Fancybox).
   !important jer jezgreni CSS galerije koristi selektore s :not(#id), npr.
   "jedna slika = puna širina", koje inače nije moguće nadjačati. */
.wp-block-gallery.has-nested-images.page-gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0 3% !important;
	margin-top: 10rem;
}
.page-gallery figure.wp-block-image {
	width: 48.5% !important;
	flex-grow: 0 !important;
	margin: 0 0 3% !important;
	border-radius: 1rem;
	overflow: hidden;
}
.page-gallery figure.wp-block-image img {
	display: block;
	width: 100% !important;
	height: 14rem !important;
	object-fit: contain !important;
	transition: all 0.4s ease-in-out;
	background: #f4f4f4;
}
.page-gallery figure.wp-block-image:hover img { transform: scale(1.02); }
@media only screen and (min-width: 42.5625em) {
	.page-gallery figure.wp-block-image { width: 31.3% !important; }
	.page-gallery figure.wp-block-image img { height: 21rem !important; }
}
@media only screen and (min-width: 61.3125em) {
	.page-gallery figure.wp-block-image { width: 22.7% !important; }
}
/* Stranica Galerija: uvodni odlomak iznad fotografija (migracija 17) */
.galerija-uvod { max-width: 80rem; margin: 0 auto 4rem; text-align: center; }

/* Gumb ispod teksta usluge: u vdtheme je bio inline element, pa se njegov
   razmak (5rem) zbrajao s razmakom zadnjeg odlomka (2rem) umjesto da se preklapa. */
.about-page-wrapper .about-text > .wp-block-buttons.mt-5 { margin-top: 7rem; }

/* Usluga: podnaslovi (migracija 21; prije odlomci VELIKIM slovima i prazni odlomci za razmak). */
.single-usluga .about-text h2 { font-size: 2.4rem; font-weight: 600; line-height: 1.35; margin: 5rem 0 1.6rem; text-align: left; }
.single-usluga .about-text h3 { font-size: 2rem; font-weight: 600; line-height: 1.4; margin: 3.2rem 0 1.2rem; text-align: left; }
.single-usluga .about-text > h2:first-child { margin-top: 0; }

/* 18. Popisi usluga i članaka (blok Petlja upita) */
.blog-wrapper { list-style: none; padding: 0; margin: 0; }
.blog-wrapper > li {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 3rem;
	background-color: var(--wp--preset--color--light);
	padding-bottom: 3rem;
	border-radius: 10px;
}
.blog-image { display: block; width: 100%; margin: 0 0 2rem; overflow: hidden; border-radius: 10px; }
.blog-image img { display: block; width: 100%; border-radius: 10px; transition: all 0.4s ease-in-out; height: auto; }
.blog-image a:hover img { transform: scale(1.01); }
.blog-wrapper h3 { font-size: 2rem; margin-bottom: 2rem; padding: 0 2rem; transition: all 0.4s ease-in-out; }
.blog-wrapper h3:hover { color: var(--wp--preset--color--primary); }
/* Objava bez slike: u vdtheme je prazan link za sliku ipak imao razmak od 2rem. */
.blog-wrapper > li > h3:first-child { margin-top: 2rem; }
.blog-wrapper .wp-block-post-excerpt { margin: 0; }
.blog-wrapper .wp-block-post-excerpt__excerpt { padding: 0 2rem; margin-bottom: 2rem; }
.blog-wrapper .wp-block-read-more.btn { align-self: flex-start; margin: 0 2rem; }
.article-image { display: block; width: 100%; margin-top: 5rem; }
.article-image img { display: block; width: 100%; height: auto; }
/* Blok Sadržaj ne propušta razmak zadnjeg odlomka (flow-root), a u vdtheme se on preklapao\n   s razmakom slike (5rem). Članak bez slike: prazan element za sliku ipak je davao 5rem. */
.clanak-tekst > :last-child { margin-bottom: 0; }
.clanak-tekst:last-child { margin-bottom: 5rem; }
/* Podnaslovi članka (migracija 27; prije podebljani prvi redak odlomka), kao na uslugama. */
.clanak-tekst h2 { font-size: 2.4rem; font-weight: 600; line-height: 1.35; margin: 4.5rem 0 1.6rem; text-align: left; }
.clanak-tekst h3 { font-size: 2rem; font-weight: 600; line-height: 1.4; margin: 3rem 0 1.2rem; text-align: left; }
.clanak-tekst > h2:first-child { margin-top: 0; }
@media only screen and (min-width: 37.5625em) {
	.blog-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 3%; }
	.blog-wrapper > li { width: 48.5%; margin-bottom: 3%; }
}
@media only screen and (min-width: 64.0625em) {
	.blog-wrapper > li { width: 31.3%; }
}

/* Povezane usluge i članci na dnu usluge i članka (blok Povezano). Cijela kartica je
   poveznica naslova (kao .service-box), slika je ukras. */
.povezano { padding: 0 0 7rem; }
.povezano__naslov { font-size: 2.8rem; margin: 0 0 3rem; }
.povezano__popis + .povezano__naslov { margin-top: 4rem; }
.povezano__popis > li { position: relative; padding-bottom: 1rem; transition: box-shadow 0.4s ease-in-out; }
.povezano__popis > li:hover { box-shadow: 0 15px 20px 5px rgba(0, 0, 0, 0.05); }
.povezano__popis h3 { margin-bottom: 1rem; }
.povezano__popis h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.povezano__popis .blog-image { aspect-ratio: 16 / 9; }
.povezano__popis .blog-image img { height: 100%; object-fit: cover; }
/* Mobitel: redak (mala slika lijevo, naslov desno) umjesto velike kartice. */
@media only screen and (max-width: 37.5em) {
	.povezano__popis > li { flex-direction: row; align-items: center; margin-bottom: 1.6rem; padding-bottom: 0; }
	.povezano__popis .blog-image { flex: 0 0 10rem; width: 10rem; margin: 0; aspect-ratio: 1; }
	.povezano__popis h3 { font-size: 1.7rem; margin: 0; padding: 1.2rem 1.6rem; }
	.povezano__popis > li > h3:first-child { margin-top: 0; }
}
@media only screen and (min-width: 56.3125em) {
	.povezano { padding-bottom: 10rem; }
}

/* Vrh članka: "Vaše zdravlje" izgleda kao naslov stranice, a <h1> je naslov članka. */
.hero-section-title {
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 2rem;
}
@media only screen and (min-width: 48.0625em) {
	.hero-section-title { font-size: 4rem; }
}
@media only screen and (min-width: 80.0625em) {
	.hero-section-title { font-size: 5rem; }
}

/* 17a. Cjenik (blokovi Cjenik, Kategorija cjenika i Stavka cjenika iz dodatka fizio-mk-core).
   Kartice kategorija idu redom odozgo prema dolje: prvo lijevi stupac, zatim desni. */
.cjenik { column-gap: 2.4rem; }
.cjenik-kategorija {
	break-inside: avoid;
	margin-bottom: 2.4rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 15px 20px 5px rgba(0, 0, 0, 0.03);
}
.cjenik-kategorija__naslov {
	margin: 0;
	padding: 1.6rem 2.2rem;
	background-color: var(--wp--preset--color--primary);
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
}
.cjenik-kategorija__stavke { padding: 0.6rem 2.2rem 1.2rem; }
.cjenik-stavka {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 1.6rem;
	padding: 1.2rem 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.cjenik-stavka:last-child { border-bottom: 0; }
.cjenik-stavka__naziv { color: var(--wp--preset--color--heading); font-size: 1.5rem; line-height: 1.45; }
.cjenik-stavka__opis { display: block; font-size: 1.3rem; color: #6b6b6b; }
.cjenik-stavka__cijena {
	color: #0a7a8b; /* Tamnije od primary-dark: kontrast 5:1 (WCAG AA). */
	font-size: 1.8rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
	text-align: right;
}
.cjenik-stavka__na-dan {
	grid-column: 1 / -1;
	justify-self: end;
	margin-top: 0.2rem;
	font-size: 1.2rem;
	color: #6b6b6b;
	text-align: right;
}
.text-desc { margin: 5rem 0; font-style: italic; }
/* Link na CSV cjenik (blok iz fizio-mk-core) i prethodne objave (30 dana). */
.cjenik-csv details { margin: -1rem 0 2rem; font-size: 1.4rem; }
.cjenik-csv summary { cursor: pointer; }
.cjenik-csv ul { list-style: none; padding: 0.5rem 0 0 1.6rem; margin: 0; }
@media only screen and (min-width: 56.3125em) {
	.cjenik { columns: 2; }
}
/* 19. Kontakt: jedna forma za poruke i rezervacije (Contact Form 7, migracija 10) */
.contact-form { max-width: 72rem; width: 100%; margin: 0 auto; background-color: #fff; }
.kontakt-kartica {
	padding: 3rem 2rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	box-shadow: 0 20px 50px rgba(20, 60, 70, 0.08);
}
.kontakt-kartica h2 { margin: 0 0 0.6rem; font-size: 2.8rem; }
.kontakt-kartica .kontakt-uvod { margin: 0 0 3rem; }
.forma-mreza { display: grid; grid-template-columns: 1fr; gap: 2rem; }
.forma-polje label { font-size: 1.4rem; margin-bottom: 0.6rem; }
.forma-polje .obavezno { color: var(--wp--preset--color--primary); }
.kontakt-kartica input:not([type="submit"]),
.kontakt-kartica textarea {
	padding: 1.3rem 1.5rem;
	border: 1.5px solid var(--wp--preset--color--border);
	font-size: 1.6rem;
	color: var(--wp--preset--color--heading);
	transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.kontakt-kartica ::placeholder { color: #9a9a9a; opacity: 1; }
.kontakt-kartica input:not([type="submit"]):focus,
.kontakt-kartica textarea:focus {
	border-color: var(--wp--preset--color--primary);
	background-color: #fff;
	box-shadow: 0 0 0 4px rgba(10, 122, 139, 0.15);
}
.kontakt-kartica .wpcf7-not-valid { border-color: #d63638 !important; background-color: #fff6f6; }
.kontakt-kartica .wpcf7-not-valid-tip {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-top: 0.6rem;
	color: #d63638;
	font-size: 1.3rem;
}
.kontakt-kartica .wpcf7-not-valid-tip::before {
	content: "!";
	display: inline-grid;
	place-items: center;
	flex: 0 0 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background-color: #d63638;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 800;
}
.forma-dno {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-top: 2.6rem;
}
.forma-privola { margin-right: auto; font-size: 1.3rem; color: #6b6b6b; }
.forma-privola a { color: #0a7a8b; text-decoration: underline; }
.forma-dno .btn { width: auto; padding: 1.4rem 3rem; border: 0; font-size: 1.6rem; cursor: pointer; }
/* CF7 dodaje kružić za čekanje iza gumba; stavlja se lijevo od gumba da gumb ostane uz desni rub. */
.forma-dno .wpcf7-spinner { order: 1; margin: 0; }
.forma-dno .btn { order: 2; }
.kontakt-kartica .wpcf7 form .wpcf7-response-output {
	margin: 2rem 0 0;
	padding: 1.4rem;
	border: 0;
	border-radius: 10px;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center;
}
.kontakt-kartica .wpcf7 form.sent .wpcf7-response-output { background-color: #e8f7fa; color: var(--wp--preset--color--primary-dark); }
.kontakt-kartica .wpcf7 form.invalid .wpcf7-response-output,
.kontakt-kartica .wpcf7 form.failed .wpcf7-response-output,
.kontakt-kartica .wpcf7 form.spam .wpcf7-response-output { background-color: #fff6f6; color: #d63638; }
@media only screen and (min-width: 37.5625em) {
	.kontakt-kartica { padding: 4.4rem; }
	.forma-mreza { grid-template-columns: 1fr 1fr; }
	.forma-puno { grid-column: 1 / -1; }
}
/* Kontakt: "Kako do nas" i "Dolazite na prvi pregled?" ispod forme (migracija 17) */
.kontakt-info { max-width: 72rem; margin: 6rem auto 0; }
.kontakt-info h2 { font-size: 2.4rem; margin: 4rem 0 1.2rem; }
.kontakt-info h2:first-child { margin-top: 0; }
.kontakt-info p { margin: 0; }
.kontakt-info a { color: var(--wp--preset--color--primary); text-decoration: underline; }
/* Politika privatnosti: naslovi poglavlja i sadržaj na vrhu */
.politika-tekst h2 { font-size: 2.4rem; margin: 6rem 0 2rem; scroll-margin-top: 12rem; }
.politika-tekst h3 { font-size: 2rem; margin: 4rem 0 1.5rem; scroll-margin-top: 12rem; }
.politika-tekst h4 { font-size: 1.6rem; margin: 3rem 0 1.5rem; }
.politika-tekst > h2:first-child { margin-top: 0; }
.sadrzaj-stranice {
	margin: 0 0 5rem;
	padding: 3rem;
	background-color: var(--wp--preset--color--light);
	border-radius: 10px;
}
.sadrzaj-stranice__naslov { margin-bottom: 1rem; color: var(--wp--preset--color--heading); }
.politika-tekst .sadrzaj-stranice ul { list-style: none; padding: 0; margin: 0; }
.politika-tekst .sadrzaj-stranice ul ul { padding-left: 2rem; }
.politika-tekst .sadrzaj-stranice li { padding: 0; margin: 0.4rem 0; }
.politika-tekst .sadrzaj-stranice li::before { content: none; }
.sadrzaj-stranice a { color: var(--wp--preset--color--primary); }
.politika-tekst p a { color: var(--wp--preset--color--primary); overflow-wrap: anywhere; }