/* =========================================================
   HARBOUR – interakcije, animacije i finalni polish
   (učitava se iz child teme; Customizer > Additional CSS i dalje vrijedi)
   ========================================================= */

:root {
	--hb-ease: cubic-bezier(.22, .61, .21, 1);
	--hb-ease-out: cubic-bezier(.16, 1, .3, 1);
	--hb-dur: .9s;
}

html { scroll-padding-top: 96px; }

/* ---------- Pozadinski slojevi (parallax / izmjena) ---------- */
.hb-has-stack {
	background-image: none !important;
	isolation: isolate !important;
	overflow: hidden !important;
	overflow: clip !important;
}
.hb-bgstack {
	position: absolute;
	inset: -8% 0;
	z-index: -1;
	pointer-events: none;
	transform: translate3d(0, var(--hb-py, 0px), 0);
	will-change: transform;
}
.hb-bgl {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	transform: scale(1.06);
	transition: opacity 1s var(--hb-ease), transform 1.6s var(--hb-ease-out);
}
.hb-bgl.is-active { opacity: 1; transform: scale(1); }

@media (prefers-reduced-motion: no-preference) {
	.hb-hero .hb-bgl.is-active { animation: hbKen 2.8s var(--hb-ease-out) both; }
}
@keyframes hbKen { from { transform: scale(1.12); opacity: 0; } 30% { opacity: 1; } to { transform: scale(1); opacity: 1; } }

/* ---------- Kartice formata (Equinox obrazac) ---------- */
.hb-card-bg { display: none !important; }
.hb-card { cursor: pointer; position: relative; }
.hb-card :where(.elementor-heading-title) { transition: color .35s var(--hb-ease); }
.hb-card {
	transition: background-color .45s var(--hb-ease), border-color .45s var(--hb-ease), transform .45s var(--hb-ease) !important;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.hb-card.hb-active { background-color: var(--theme-palette-color-4) !important; border-color: var(--theme-palette-color-4) !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
.hb-card.hb-active :where(.elementor-heading-title) { color: var(--theme-palette-color-8) !important; }
.hb-card.hb-active :where(.elementor-widget-text-editor) { color: #373737 !important; }
.hb-swap .hb-card:not(.hb-active):hover { background-color: var(--theme-palette-color-4) !important; }

/* CTA strelica u kartici – pojavljuje se na aktivnoj/hover kartici */
.hb-card::after {
	content: 'Rezerviraj termin';
	font-family: Montserrat, sans-serif;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .02em;
	color: var(--theme-palette-color-8);
	margin-top: auto;
	padding-top: 18px;
	align-self: flex-start;
	border-bottom: 1px solid currentColor;
	padding-bottom: 3px;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .35s var(--hb-ease), transform .45s var(--hb-ease);
}
.hb-card:is(.hb-active, :hover, :focus-visible)::after { opacity: 1; transform: none; }
.hb-card:focus-visible { outline: 2px solid var(--theme-palette-color-1); outline-offset: 3px; }
@media (max-width: 1024.98px) {
	/* na dodir nema hovera – CTA je stalno vidljiv, bijeli tekst */
	.hb-card::after { opacity: 1; transform: none; color: var(--theme-palette-color-4); }
	.hb-card:is(:hover, :focus-visible)::after { color: var(--theme-palette-color-8); }
}

/* ---------- Accordion ---------- */
.hb-acc .e-n-accordion-item-title { cursor: pointer; position: relative; padding-right: 44px !important; }
.hb-acc .e-n-accordion-item-title::after,
.hb-acc .e-n-accordion-item-title::before {
	content: '';
	position: absolute;
	right: 4px;
	top: 50%;
	width: 16px;
	height: 1px;
	background: currentColor;
	color: var(--theme-palette-color-4);
	transition: transform .45s var(--hb-ease), opacity .3s;
}
.hb-acc .e-n-accordion-item-title::before { transform: rotate(90deg); }
.hb-acc .e-n-accordion-item[open] > .e-n-accordion-item-title::before { transform: rotate(0deg); opacity: 0; }
.hb-acc .e-n-accordion-item-title-text { transition: color .3s var(--hb-ease), transform .45s var(--hb-ease); }
.hb-acc .e-n-accordion-item-title:hover .e-n-accordion-item-title-text { transform: translateX(6px); }
.hb-acc .e-n-accordion-item > .e-con { max-width: 560px; padding-bottom: 30px !important; }
.hb-acc .e-n-accordion-item[open] > .e-n-accordion-item-title { padding-bottom: 14px !important; }
.hb-acc .e-n-accordion-item > .e-con .elementor-widget-text-editor { opacity: .82; }
.hb-acc .e-n-accordion-item[open] > .e-con { animation: hbAccIn .6s var(--hb-ease-out) both; }
@keyframes hbAccIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* slike u stavkama: desktop ih prikazuje u stupcu (.hb-acc-media), mobitel unutar stavke */
.hb-acc-img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; }
.hb-acc-media--on .elementor-widget-image { position: relative; overflow: hidden; }
.hb-acc-stack { position: absolute; inset: 0; pointer-events: none; }
.hb-acc-layer {
	position: absolute; inset: 0;
	background-size: cover; background-position: center;
	opacity: 0; transform: scale(1.05);
	transition: opacity .8s var(--hb-ease), transform 1.4s var(--hb-ease-out);
}
.hb-acc-layer.is-active { opacity: 1; transform: none; }
@media (min-width: 1025px) {
	.hb-acc-img { display: none !important; }
}
@media (max-width: 1024.98px) {
	.hb-acc-media--on { display: none !important; }
	.hb-acc-img { margin-top: 20px; }
	.hb-acc .e-n-accordion-item > .e-con { max-width: none; }
}

/* ---------- Scroll reveal ---------- */
.hb-motion .elementor:not(.elementor-location-header) .e-con .elementor-widget:not(.hb-in):not(.hb-card .elementor-widget):not(.e-n-accordion-item .elementor-widget):not(.hb-step .elementor-widget),
.hb-motion .hb-card:not(.hb-in) {
	opacity: 0;
	transform: translate3d(0, 36px, 0);
}
.hb-motion .hb-rv {
	transition: opacity var(--hb-dur) var(--hb-ease), transform 1.1s var(--hb-ease-out), background-color .45s var(--hb-ease), border-color .45s var(--hb-ease) !important;
}
.hb-motion .hb-rv.hb-in { opacity: 1; transform: none; }
.hb-motion .hb-rv.elementor-widget-heading:not(.hb-in) { transform: translate3d(0, 44px, 0); }

/* slike: maska + lagani zoom-out */
.hb-motion .elementor-widget-image.hb-rv { overflow: hidden; }
.hb-motion .elementor-widget-image.hb-rv img { transform: scale(1.12); transition: transform 1.8s var(--hb-ease-out); }
.hb-motion .elementor-widget-image.hb-rv.hb-in img { transform: scale(1); }
.hb-motion .hb-knot.hb-rv img { transform: none; }

/* ---------- Sticky tekst ---------- */
@media (min-width: 1025px) {
	.hb-sticky { position: sticky !important; top: 120px; align-self: flex-start !important; }
}

/* ---------- Tekstualni linkovi sa strelicom ---------- */
.hb-textlink a { display: inline-block; transition: color .3s var(--hb-ease), transform .45s var(--hb-ease) !important; }
.hb-textlink a:hover { transform: translateX(8px); }

/* ---------- Gumbi ---------- */
.elementor-button { transition: background-color .35s var(--hb-ease), color .35s var(--hb-ease), border-color .35s var(--hb-ease) !important; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
	.hb-bgstack { transform: none !important; }
}

/* ---------- Naslovnica: hero preko cijelog ekrana (Equinox) ---------- */
.home .elementor > .e-con.e-parent:first-of-type {
	--min-height: max(600px, calc(86svh - var(--header-height, 80px))) !important;
	min-height: max(600px, calc(86svh - var(--header-height, 80px))) !important;
}

/* ---------- Galerije ---------- */
.hb-carousel .elementor-swiper-button { opacity: .7; transition: opacity .3s var(--hb-ease), transform .45s var(--hb-ease); }
.hb-carousel .elementor-swiper-button:hover { opacity: 1; }
.hb-carousel .elementor-swiper-button-prev:hover { transform: translateY(-50%) translateX(-4px); }
.hb-carousel .elementor-swiper-button-next:hover { transform: translateY(-50%) translateX(4px); }
.hb-carousel .swiper-pagination-bullet { transition: width .45s var(--hb-ease), opacity .3s; border-radius: 4px; }
.hb-carousel .swiper-pagination-bullet-active { width: 24px; }
.hb-carousel .swiper-slide { height: auto !important; overflow: hidden; }
.hb-carousel .swiper-slide-image,
.hb-carousel .swiper-slide img {
	display: block;
	width: 100% !important;
	height: clamp(380px, 46vw, 860px) !important;
	max-height: calc(100svh - 80px);
	object-fit: cover;
}
@media (max-width: 767.98px) {
	.hb-carousel .swiper-slide-image, .hb-carousel .swiper-slide img { height: 125vw !important; max-height: 560px; }
}

/* ---------- Koraci (accordion) ---------- */
.hb-step { gap: 0 !important; }
.hb-step-head { cursor: pointer; position: relative; padding-right: 48px !important; gap: 24px !important; }
.hb-step-head > .elementor-widget:first-child { min-width: 1.1em; flex: 0 0 auto; }
.hb-step-head > .elementor-widget:nth-child(2) { flex: 1 1 0 !important; min-width: 0; }
.hb-step-head { --padding-right: 48px; }
.hb-step-icon { position: absolute; right: 4px; top: 50%; width: 16px; height: 16px; margin-top: -8px; }
.hb-step-icon::before, .hb-step-icon::after {
	content: ''; position: absolute; left: 0; top: 50%; width: 16px; height: 1px;
	background: var(--theme-palette-color-4);
	transition: transform .45s var(--hb-ease), opacity .3s;
}
.hb-step-icon::before { transform: rotate(90deg); }
.hb-step.is-open .hb-step-icon::before { transform: rotate(0deg); opacity: 0; }
.hb-step-head .elementor-heading-title { transition: color .3s var(--hb-ease); }
.hb-step-head:hover h3.elementor-heading-title { color: var(--theme-palette-color-1); }
.hb-step-head:focus-visible { outline: 2px solid var(--theme-palette-color-1); outline-offset: 4px; }
.hb-step-body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .55s var(--hb-ease); }
.hb-step.is-open .hb-step-body { grid-template-rows: 1fr; }
.hb-step-inner { overflow: hidden; min-height: 0; }
.hb-step-inner > .elementor-widget { padding-top: 14px; padding-bottom: 6px; opacity: 0; transform: translateY(-6px); transition: opacity .4s var(--hb-ease), transform .5s var(--hb-ease); }
.hb-step.is-open .hb-step-inner > .elementor-widget { opacity: .82; transform: none; transition-delay: .12s; }

/* ---------- Naslovnica: čitljivost naslova na hero videu ---------- */
.home .elementor > .e-con.e-parent:first-of-type .elementor-background-video-container::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.3) 45%, rgba(0,0,0,0) 72%),
		linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 38%);
}
.hb-step-head > .elementor-widget:first-child { flex: 0 0 40px !important; width: 40px !important; }
.hb-step-inner > .elementor-widget { padding-left: 64px !important; padding-right: 48px; }
@media (max-width: 767.98px) {
	.hb-step-head { gap: 16px !important; }
	.hb-step-head > .elementor-widget:first-child { flex-basis: 32px !important; width: 32px !important; }
	.hb-step-inner > .elementor-widget { padding-left: 48px !important; padding-right: 0; }
}

/* ---------- Video umjesto slike (HTML widget .hb-vid) ---------- */
.hb-vid[style*="auto"] { aspect-ratio: 4 / 5; }
.hb-vid { position: relative; width: 100%; height: var(--hb-vid-h, auto); overflow: hidden; background: #0f1115; }
.hb-vid video { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1024.98px) { .hb-vid { height: auto; aspect-ratio: 4 / 5; } }
.elementor-background-video-container video { object-fit: cover; }

/* ---------- Footer prema dizajnu ---------- */
.ct-footer .hb-footer-top { align-items: flex-start !important; }
.ct-footer .hb-footer-top > .wp-block-column { align-self: flex-start !important; }
.ct-footer .hb-footer-logo { margin: 0 !important; }
.ct-footer .hb-newsletter-title { margin-top: 0 !important; }

/* donji red: [društvene mreže | izbornik] / [potpis | ©] */
.ct-footer [data-row="bottom"] .ct-container {
	display: grid !important;
	grid-template-columns: 1fr auto;
	grid-template-areas: "social menu" "credits copy";
	row-gap: 24px;
	align-items: center;
}
.ct-footer [data-row="bottom"] [data-column="copyright"],
.ct-footer [data-row="bottom"] .ct-footer-copyright { display: contents !important; }
.ct-footer [data-row="bottom"] [data-column="menu"] { grid-area: menu; justify-self: end; }
.ct-footer .hb-social { grid-area: social; display: flex; gap: 12px; }
.ct-footer .hb-credits { grid-area: credits; }
.ct-footer .hb-copy { grid-area: copy; justify-self: end; }
.ct-footer .hb-social a {
	width: 44px; height: 44px; border-radius: 50%;
	border: 1px solid rgba(255,255,255,.25);
	display: inline-flex; align-items: center; justify-content: center;
	color: var(--theme-palette-color-4);
	transition: border-color .3s, color .3s, background-color .3s;
}
.ct-footer .hb-social a:hover { border-color: var(--theme-palette-color-1); color: var(--theme-palette-color-1); }
@media (max-width: 689.98px) {
	.ct-footer [data-row="bottom"] .ct-container { grid-template-columns: 1fr; grid-template-areas: "social" "menu" "credits" "copy"; }
	.ct-footer [data-row="bottom"] [data-column="menu"], .ct-footer .hb-copy { justify-self: start; }
}

/* newsletter checkbox: taman, s rubom */
.hb-newsletter input[type=checkbox], .hb-form input[type=checkbox] {
	-webkit-appearance: none; appearance: none;
	width: 18px !important; height: 18px !important; margin: 0 !important; flex: 0 0 18px;
	background: var(--theme-palette-color-6, #0f1115);
	border: 1px solid rgba(255,255,255,.3); border-radius: 2px;
	display: inline-grid; place-content: center; cursor: pointer;
	transition: border-color .2s, background-color .2s;
}
.hb-newsletter input[type=checkbox]::before, .hb-form input[type=checkbox]::before {
	content: ''; width: 10px; height: 10px;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	background: #fff; transform: scale(0); transition: transform .15s;
}
.hb-newsletter input[type=checkbox]:checked, .hb-form input[type=checkbox]:checked { background: var(--theme-palette-color-1); border-color: var(--theme-palette-color-1); }
.hb-newsletter input[type=checkbox]:checked::before, .hb-form input[type=checkbox]:checked::before { transform: scale(1); }
.hb-newsletter input[type=checkbox]:focus-visible, .hb-form input[type=checkbox]:focus-visible { outline: 2px solid var(--theme-palette-color-1); outline-offset: 2px; }
.ct-footer [data-row="middle"], .ct-footer [data-row="bottom"],
.ct-footer [data-row="bottom"] > .ct-container { border-top: 0 !important; }
.ct-footer [data-row="middle"] > .ct-container { border-top: 1px solid var(--theme-palette-color-5) !important; }
.ct-footer .widget-title { text-transform: uppercase !important; font-size: 15px !important; letter-spacing: .08em !important; }
.hb-newsletter input[type=checkbox], .hb-form input[type=checkbox] { border: 1px solid rgba(255,255,255,.35) !important; background: #0f1115 !important; }
.hb-newsletter input[type=checkbox]:checked, .hb-form input[type=checkbox]:checked { background: var(--theme-palette-color-1) !important; border-color: var(--theme-palette-color-1) !important; }

/* typography balance */
.elementor-widget-heading .elementor-heading-title{text-wrap:pretty}
.elementor-widget-text-editor p{text-wrap:pretty}

.hb-credits a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.hb-credits a:hover{border-bottom-color:currentColor}

/* Spa: Biologique Recherche - podnaslov i tekst u sirini naslova */
.elementor-element.elementor-element-e965ce9 .elementor-heading-title{font-size:clamp(40px,3.5vw,64px)!important;letter-spacing:.02em!important;line-height:1.15!important}
.elementor-element.elementor-element-19316a1 .elementor-heading-title{font-size:clamp(21px,1.81vw,33px)!important;letter-spacing:.06em!important;line-height:1.2!important}
@media (min-width:1025px){.elementor-widget.elementor-element-2297a95{--container-widget-width:clamp(296px,25.9vw,474px)!important;width:clamp(296px,25.9vw,474px)!important;max-width:clamp(296px,25.9vw,474px)!important}}

/* === Tipografske varijante prema Figmi (omjer ~0.85 dizajna na 1728) === */
.hb-t-dxl .elementor-heading-title{font-size:clamp(46px,4.75vw,88px)!important}
.hb-t-dl .elementor-heading-title{font-size:clamp(42px,3.8vw,70px)!important}
.hb-t-ds .elementor-heading-title{font-size:clamp(38px,3.35vw,62px)!important}
.hb-t-h2l .elementor-heading-title{font-size:clamp(29px,2.35vw,44px)!important;letter-spacing:.02em!important}
.hb-t-sub .elementor-heading-title{font-size:clamp(19px,1.62vw,30px)!important;letter-spacing:.06em!important}
.hb-t-label .elementor-heading-title{font-size:clamp(15px,1.18vw,21px)!important;letter-spacing:.15em!important}
.hb-t-def .elementor-heading-title{letter-spacing:.06em!important}
@media (max-width:767px){.hb-t-dxl .elementor-heading-title{font-size:40px!important}.hb-t-dl .elementor-heading-title,.hb-t-ds .elementor-heading-title{font-size:36px!important}.hb-t-h2l .elementor-heading-title{font-size:28px!important}}

.e-n-accordion-item-title-text{letter-spacing:.08em!important}

.hb-mw-7 .elementor-heading-title{max-width:7.4em}.hb-mw-9 .elementor-heading-title{max-width:9.2em}.hb-mw-10 .elementor-heading-title{max-width:10.5em}

/* Omjeri slika prema Figmi (desktop) */
@media (min-width:1025px){
.elementor-element-2350f57 img,.elementor-element-2350f57 .hb-vid,.elementor-element-2350f57 video{height:auto!important;aspect-ratio:583/728!important;object-fit:cover}
.elementor-element-b1619ef img,.elementor-element-b1619ef .hb-vid,.elementor-element-b1619ef video{height:auto!important;aspect-ratio:620/774!important;object-fit:cover}
.elementor-element-d948392 img,.elementor-element-d948392 .hb-vid,.elementor-element-d948392 video{height:auto!important;aspect-ratio:624/773!important;object-fit:cover}
.elementor-element-133258f img,.elementor-element-133258f .hb-vid,.elementor-element-133258f video{height:auto!important;aspect-ratio:623/779!important;object-fit:cover}
.elementor-element-913afb5 img,.elementor-element-913afb5 .hb-vid,.elementor-element-913afb5 video{height:auto!important;aspect-ratio:642/802!important;object-fit:cover}
.elementor-element-84526f3 img,.elementor-element-84526f3 .hb-vid,.elementor-element-84526f3 video{height:auto!important;aspect-ratio:707/636!important;object-fit:cover}
.elementor-element-40398e7 img,.elementor-element-40398e7 .hb-vid,.elementor-element-40398e7 video{height:auto!important;aspect-ratio:605/756!important;object-fit:cover}
.elementor-element-799fd56 img,.elementor-element-799fd56 .hb-vid,.elementor-element-799fd56 video{height:auto!important;aspect-ratio:605/756!important;object-fit:cover}
.elementor-element-077b80b img,.elementor-element-077b80b .hb-vid,.elementor-element-077b80b video{height:auto!important;aspect-ratio:601/751!important;object-fit:cover}
.elementor-element-a303d1f img,.elementor-element-a303d1f .hb-vid,.elementor-element-a303d1f video{height:auto!important;aspect-ratio:601/751!important;object-fit:cover}
.elementor-element-95e0038 img,.elementor-element-95e0038 .hb-vid,.elementor-element-95e0038 video{height:auto!important;aspect-ratio:594/743!important;object-fit:cover}
.elementor-element-4450c20 img,.elementor-element-4450c20 .hb-vid,.elementor-element-4450c20 video{height:auto!important;aspect-ratio:596/743!important;object-fit:cover}
.elementor-element-fdbc7e8 img,.elementor-element-fdbc7e8 .hb-vid,.elementor-element-fdbc7e8 video{height:auto!important;aspect-ratio:566/708!important;object-fit:cover}
.elementor-element-c6e11a8 img,.elementor-element-c6e11a8 .hb-vid,.elementor-element-c6e11a8 video{height:auto!important;aspect-ratio:567/709!important;object-fit:cover}
.elementor-element-db6d488 img,.elementor-element-db6d488 .hb-vid,.elementor-element-db6d488 video{height:auto!important;aspect-ratio:631/788!important;object-fit:cover}
.elementor-element-d74be51 img,.elementor-element-d74be51 .hb-vid,.elementor-element-d74be51 video{height:auto!important;aspect-ratio:587/587!important;object-fit:cover}
.elementor-element-bc624ea img,.elementor-element-bc624ea .hb-vid,.elementor-element-bc624ea video{height:auto!important;aspect-ratio:605/908!important;object-fit:cover}
.elementor-element-18616bc img,.elementor-element-18616bc .hb-vid,.elementor-element-18616bc video{height:auto!important;aspect-ratio:605/908!important;object-fit:cover}
.elementor-element-45ac2b2 img,.elementor-element-45ac2b2 .hb-vid,.elementor-element-45ac2b2 video{height:auto!important;aspect-ratio:605/757!important;object-fit:cover}
.elementor-element-6f0008b img,.elementor-element-6f0008b .hb-vid,.elementor-element-6f0008b video{height:auto!important;aspect-ratio:582/727!important;object-fit:cover}
.elementor-element-ed1e18e img,.elementor-element-ed1e18e .hb-vid,.elementor-element-ed1e18e video{height:auto!important;aspect-ratio:582/727!important;object-fit:cover}
.elementor-element-4dd06a4 img,.elementor-element-4dd06a4 .hb-vid,.elementor-element-4dd06a4 video{height:auto!important;aspect-ratio:582/727!important;object-fit:cover}
.elementor-element-cfb79e5 img,.elementor-element-cfb79e5 .hb-vid,.elementor-element-cfb79e5 video{height:auto!important;aspect-ratio:582/727!important;object-fit:cover}
.elementor-element-00adb8d img,.elementor-element-00adb8d .hb-vid,.elementor-element-00adb8d video{height:auto!important;aspect-ratio:501/627!important;object-fit:cover}
.elementor-element-f4c3790 img,.elementor-element-f4c3790 .hb-vid,.elementor-element-f4c3790 video{height:auto!important;aspect-ratio:552/627!important;object-fit:cover}
.elementor-element-f9ea432 img,.elementor-element-f9ea432 .hb-vid,.elementor-element-f9ea432 video{height:auto!important;aspect-ratio:565/706!important;object-fit:cover}
.elementor-element-324ed06 img,.elementor-element-324ed06 .hb-vid,.elementor-element-324ed06 video{height:auto!important;aspect-ratio:628/752!important;object-fit:cover}
.elementor-element-f009ff4 img,.elementor-element-f009ff4 .hb-vid,.elementor-element-f009ff4 video{height:auto!important;aspect-ratio:757/672!important;object-fit:cover}
.elementor-element-fd7d55d img,.elementor-element-fd7d55d .hb-vid,.elementor-element-fd7d55d video{height:auto!important;aspect-ratio:718/792!important;object-fit:cover}
}


.hb-textlink .elementor-heading-title{white-space:nowrap}

/* Pilates lab: tekst sprave poravnat uz prvu sliku (kao u Figmi), pa sticky */
@media (min-width:1025px){.elementor-element-8ddc6d0,.elementor-element-61d7363,.elementor-element-6690145,.elementor-element-4114cf4{align-self:flex-start!important;padding-top:clamp(140px,14.8vw,270px)!important;top:calc(50vh - clamp(140px,14.8vw,270px) - 200px)!important}}

.hb-mw-8 .elementor-heading-title{max-width:8.5em}

.hb-knot:not(.hb-knot--placed){opacity:0}
.hb-knot--placed{transition:opacity .4s}

/* Naslovnica zadržava veći eyebrow; ostale stranice 13px (kit) */
@media (min-width:768px){.home .elementor-element-11635e7 .elementor-heading-title{font-size:clamp(13px,0.95vw,17px)!important}}

/* Mobitel: hero na naslovnici — naslov, tekst i gumb grupirani dolje */
@media (max-width:767px){.elementor-element-edb9e70 > .e-con-inner{justify-content:flex-start!important;row-gap:18px!important}}

/* ---------- Naslovnica: jači gradijenti preko fotki sekcija ---------- */
.home .elementor-element-8c66eac::before { background-image: linear-gradient(270deg, rgba(0,0,0,.6) 12%, rgba(0,0,0,.15) 62%, rgba(0,0,0,0) 100%) !important; background-color: transparent !important; opacity: 1 !important; }
.home .elementor-element-f9d227a::before { background-image: linear-gradient(118deg, rgba(0,0,0,.62) 14%, rgba(0,0,0,.18) 60%, rgba(0,0,0,0) 100%) !important; opacity: 1 !important; }
@media (max-width: 767px) {
	.home :is(.elementor-element-f9d227a, .elementor-element-2ee0401, .elementor-element-9a32867, .elementor-element-8c66eac)::before {
		background-image: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.6) 32%, rgba(0,0,0,.6) 62%, rgba(0,0,0,.2) 100%) !important;
		background-color: transparent !important; opacity: 1 !important;
	}
	.home .elementor-element-2ee0401 .hb-bgl { background-position: 82% center !important; }
}

@media (max-width:767px){.home :is(.elementor-element-f9d227a,.elementor-element-8c66eac)::before{background-image:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.72) 30%,rgba(0,0,0,.72) 65%,rgba(0,0,0,.35) 100%)!important}}

/* Pozadinski video: uvijek cover od prvog frame-a (Elementor ga inace dimenzionira JS-om nakon ucitavanja -> skok na mobitelu) */
.elementor-background-video-container{inset:0}
.elementor-background-video-container video.elementor-background-video-hosted{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transform:none!important}

/* Recovery Method (naslovnica): jaci overlay */
.home .elementor-element-8c66eac::before{background-image:linear-gradient(270deg,rgba(0,0,0,.8) 10%,rgba(0,0,0,.45) 55%,rgba(0,0,0,.25) 100%)!important;opacity:1!important}
@media (max-width:767px){.home .elementor-element-8c66eac::before{background-image:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.8) 65%,rgba(0,0,0,.45) 100%)!important}}

/* Footer: newsletter stupac na mobitelu bez fiksne flex-basis visine (420px) */
@media (max-width:781px){footer .hb-footer-top > .wp-block-column{flex-basis:auto!important}}
/* Footer: credits linkovi podvuceni */
.hb-credits a{border-bottom:0!important;text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:currentColor}
.hb-credits a:hover{opacity:.75}

/* ---------- Mobilni izbornik: preko cijelog ekrana, podizbornici uvijek otvoreni i uvučeni ---------- */
@media (max-width: 999.98px) {
	#offcanvas .ct-panel-inner { width: 100% !important; max-width: none !important; background: #000 !important; box-shadow: none !important; }
	#offcanvas .ct-panel-actions { padding: 22px 20px 0 !important; }
	#offcanvas [data-device="mobile"] .ct-panel-content-inner { padding: 24px 20px 48px !important; }
	#offcanvas .mobile-menu .ct-toggle-dropdown-mobile { display: none !important; }
	#offcanvas .mobile-menu .sub-menu { display: block !important; height: auto !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; margin: 4px 0 6px !important; padding: 0 0 0 18px !important; border-left: 1px solid rgba(255,255,255,.18); }
	#offcanvas .mobile-menu .sub-menu .ct-menu-link { font-family: Montserrat, sans-serif !important; font-size: 15px !important; letter-spacing: .02em !important; text-transform: none !important; font-variant: normal !important; padding-top: 7px !important; padding-bottom: 7px !important; color: rgba(255,255,255,.75) !important; }
	#offcanvas .mobile-menu > ul > li > a, #offcanvas .mobile-menu > ul > li > .ct-sub-menu-parent > a { padding-top: 10px !important; padding-bottom: 10px !important; }
	#offcanvas .mobile-menu .sub-menu li::before, #offcanvas .mobile-menu .sub-menu .ct-menu-link::before { display: none !important; content: none !important; }
}

/* ---- Forme: niža polja + vidljivi placeholderi (2026-10-12) ---- */
footer .hb-newsletter input[type=email]{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:14px!important;line-height:36px!important}
footer .hb-newsletter .wpforms-submit{height:36px!important;min-height:36px!important;line-height:36px!important;padding-top:0!important;padding-bottom:0!important}
footer .hb-newsletter .wpforms-field-checkbox{padding-bottom:0!important}
footer .hb-newsletter.wpforms-container,footer .wpforms-container.hb-newsletter{margin-bottom:0!important}
footer [data-row="top"] .ct-container{padding-bottom:48px!important}
@media (max-width:999.98px){footer [data-row="top"] .ct-container{padding-bottom:32px!important}}
.hb-form :is(input[type=text],input[type=email],input[type=tel],select){height:40px!important;min-height:40px!important;padding:0 12px!important;font-size:15px!important}
.hb-form textarea{height:104px!important;min-height:104px!important;padding:10px 12px!important;font-size:15px!important}
.hb-form .wpforms-field{padding-bottom:20px!important}
.hb-form .wpforms-submit{min-height:40px!important;padding-top:10px!important;padding-bottom:10px!important}
:is(.hb-form,.hb-newsletter) :is(input,textarea)::placeholder{color:rgba(255,255,255,.45)!important;opacity:1!important}
.hb-form textarea{font-size:15px!important}
@media (max-width:767px){footer .hb-newsletter input[type=email],.hb-form :is(input[type=text],input[type=email],input[type=tel],select,textarea){font-size:16px!important}}
footer .hb-newsletter-title{font-size:14px!important;color:var(--theme-palette-color-1)!important;line-height:1.35!important;text-transform:uppercase!important;letter-spacing:.06em!important}
@media (max-width:767px){footer .hb-newsletter-title{font-size:14px!important}}
footer .hb-newsletter input[type=email],footer .hb-newsletter .wpforms-submit{height:40px!important;min-height:40px!important;line-height:40px!important}
footer img.wp-image-28{width:210px!important;height:auto!important}
/* checkbox: neutraliziraj WPForms ::before/::after kvačicu */
:is(.hb-newsletter,.hb-form) .wpforms-field input[type=checkbox]::before{position:static!important;inset:auto!important;width:10px!important;height:10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;background:#fff!important}
:is(.hb-newsletter,.hb-form) .wpforms-field input[type=checkbox]::after{content:none!important;display:none!important}
:is(.hb-newsletter,.hb-form) .wpforms-field input[type=checkbox]{display:inline-grid!important;place-content:center!important;padding:0!important}
:is(.hb-newsletter,.hb-form) .wpforms-field input[type=checkbox]::before{display:block!important}

/* ===== O nama – dorade (2026-10-12) ===== */
/* Hero: gumb je nasljeđivao display font-size iz .hb-knot-wrap (70px) -> ~45px viška iznad gumba */
.hb-knot-wrap>.elementor-widget-button{font-size:18px;line-height:1.4}

/* Galerija: zlatne točkice ispod fotki, jasnije strelice u stilu gumba */
.hb-carousel .swiper-pagination{position:static!important;margin-top:24px;line-height:0}
.hb-carousel .swiper-pagination-bullet{background:var(--e-global-color-primary,#A28448)!important;opacity:.35;width:9px!important;height:9px!important;margin:0 5px!important}
.hb-carousel .swiper-pagination-bullet-active{opacity:1;width:30px!important}
/* strelice: tanka linija + vrh, bez kutije (kao tekstualni linkovi) */
.hb-carousel .elementor-swiper-button{width:64px;height:48px;display:block;background:none;border:0;opacity:.9;filter:drop-shadow(0 0 1px rgba(0,0,0,.55)) drop-shadow(0 1px 10px rgba(0,0,0,.55));transition:opacity .3s var(--hb-ease),transform .45s var(--hb-ease)}
.hb-carousel .elementor-swiper-button :is(svg,i){display:none!important}
.hb-carousel .elementor-swiper-button::before{content:'';position:absolute;inset:0;margin:auto;width:40px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 10h37M31 3l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat}
.hb-carousel .elementor-swiper-button-prev::before{transform:scaleX(-1)}
.hb-carousel .elementor-swiper-button-prev{left:clamp(8px,2vw,32px)!important}
.hb-carousel .elementor-swiper-button-next{right:clamp(8px,2vw,32px)!important}
.hb-carousel .elementor-swiper-button:hover{opacity:1}
@media (max-width:767px){.hb-carousel .elementor-swiper-button{width:52px;height:44px}.hb-carousel .swiper-pagination{margin-top:18px}}
/* Prostor: na tabletu/mobitelu slike i video iste visine */
@media (max-width:1024.98px){
.page-id-11 :is(.elementor-element-b1619ef,.elementor-element-133258f) img,.page-id-11 .elementor-element-d948392 .hb-vid{width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover}
}

/* Metodologija: veće područje klika na mobitelu */
@media (max-width:767px){
.page-id-11 .elementor-element-c843c60{--row-gap:4px;row-gap:4px!important;margin-top:36px!important}
.page-id-11 .elementor-element-c843c60 .hb-textlink a{display:inline-block;padding:14px 12px}
}

/* Recovery method: na mobitelu fotka kao traka iznad kartice (lice/ruke u kadru) */
@media (max-width:767px){
.page-id-11 .elementor-element-a853115{background-color:#000}
.page-id-11 .elementor-element-a853115>.e-con-inner{padding-top:240px!important}
.page-id-11 .elementor-element-a853115>.hb-bgstack{inset:0 0 auto 0!important;height:300px;transform:none!important}
.page-id-11 .elementor-element-a853115 .hb-bgl{background-position:60% 35%!important}
.page-id-11 .elementor-element-a853115:not(.hb-has-stack){background-size:auto 300px!important;background-position:60% 0!important}
}
/* ===== Grupni programi – dorade (2026-10-12) ===== */
/* hero linkovi: uži razmak slova, malo deblji rez (Mantinia ima samo 400 -> tanki stroke) */
.page-id-12 .elementor-element-b1b107b .hb-textlink .elementor-heading-title{letter-spacing:.16em;-webkit-text-stroke:.3px currentColor}
/* sekcije s fotkom/videom: na mobitelu ravnomjeran overlay jer tekst ide preko cijele širine */
@media (max-width:767px){.page-id-12 :is(.elementor-element-5047ad9,.elementor-element-66109d0)::before{background-image:none!important;background-color:rgba(0,0,0,.55)!important;opacity:1!important}}

/* ===== Povratni link (eyebrow) – deblji, uži razmak slova (2026-10-12) ===== */
.elementor .hb-back .elementor-heading-title{font-weight:500!important;letter-spacing:.14em!important;line-height:1.2!important}

/* ===== Podstranice: zajednički hero (.hb-subhero) – 2026-10-12 ===== */
@media (min-width:1025px){.hb-subhero .hb-subhero-badge{position:absolute!important;top:clamp(48px,4.24vw,78px);right:max(5vw,calc((100% - 1320px) / 2));margin:0!important;z-index:2}}
@media (max-width:1024.98px){.hb-subhero .hb-subhero-badge{margin-bottom:16px!important}}
@media (max-width:767px){.hb-subhero::before{background-image:none!important;background-color:rgba(0,0,0,.55)!important;opacity:1!important}}

/* subhero v2: povratni link kao breadcrumb gore lijevo (u liniji s logom), manji Recovery logo */
@media (min-width:1025px){
.hb-subhero .hb-back{position:absolute!important;top:clamp(48px,4.24vw,78px);left:max(5vw,calc((100% - 1320px) / 2));margin:0!important;z-index:2}
.hb-subhero .hb-subhero-badge{width:220px!important}
.hb-subhero:has(.hb-subhero-badge) .hb-back{top:calc(clamp(48px,4.24vw,78px) + 37px)}
}
@media (max-width:1024.98px){.hb-subhero .hb-subhero-badge{width:160px!important}}
@media (max-width:767px){.hb-subhero .hb-subhero-badge{width:130px!important}}

/* subhero v3: ručni prijelomi naslova (samo desktop/tablet), manji serifni eyebrow */
.hb-subhero h1{max-width:none!important;width:auto!important}
@media (max-width:767px){.hb-subhero h1 .hb-br{display:none}}
.elementor .hb-subhero .hb-t-label .elementor-heading-title{font-size:clamp(14px,1vw,17px)!important;letter-spacing:.2em!important}

/* footer newsletter red: donji padding = gornji */
footer [data-row="top"] > .ct-container{padding-bottom:72px!important}
@media (max-width:767px){footer [data-row="top"] > .ct-container{padding-bottom:56px!important}}

/* ===== Naslovnica hero: veći naslov (kao Figma), ograničen visinom ekrana – 2026-10-12 ===== */
@media (min-width:1025px){
.page-id-10 .elementor-element-edb9e70{--hb-dxl:clamp(46px, min(5.2vw, 10vh), 96px)}
.page-id-10 .elementor-element-edb9e70 .hb-t-dxl .elementor-heading-title{font-size:var(--hb-dxl)!important}
}

/* naslovnica hero v2: optičko poravnanje eyebrowa sa serifnim naslovom, ručni prijelomi desnog teksta */
.page-id-10 .elementor-element-11635e7{padding-left:4px}
@media (max-width:1024.98px){.page-id-10 .elementor-element-3d55af2 .hb-br{display:none}}
@media (min-width:1025px){.home .elementor > .e-con.e-parent:first-of-type{--min-height:600px!important;min-height:600px!important}}
@media (min-width:1025px){.page-id-10 .elementor-element-3d55af2 p{line-height:1.35!important}}

/* ===== Naslovnica: vodoravni gradijenti na velikim sekcijama (rubovi fotki ostaju oštri) – 2026-10-12 ===== */
@media (min-width:768px){
.home :is(.elementor-element-f9d227a,.elementor-element-2ee0401,.elementor-element-9a32867)::before{background-image:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.14) 65%,rgba(0,0,0,0) 100%)!important;background-color:transparent!important;opacity:1!important}
}

/* Pilates lab hero: krug (logo grafika) bez rezanja – cover, ali izrez ide u prazni prozirni rub PNG-a */
.page-id-15 .elementor-element-7222f5c img{object-position:50% 45%!important}

/* Recovery metoda hero: logo vertikalno centriran u prostoru iznad linkova */
.page-id-18 .elementor-element-d06a5f0{flex-grow:1!important;justify-content:center!important}

/* Spa: sticky blokovi (Biologique Recherche, Ritual ljepote) zaustavljaju se više */
@media (min-width:1025px){.page-id-17 .hb-sticky{top:20px!important}}

/* ===== Forme: checkbox bliže tekstu; bez teksta greške – umjesto njega crveni rub polja (2026-10-13) ===== */
.wpforms-container :is(.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox) li{gap:10px!important}
.wpforms-container :is(.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox) li label{padding-left:0!important;margin-left:0!important}
.wpforms-container :is(label,em).wpforms-error{display:none!important}
.wpforms-container :is(input,textarea,select).wpforms-error{border-color:#C0453A!important;box-shadow:none!important}
.wpforms-container input[type=checkbox].wpforms-error{border-color:#C0453A!important;outline:1px solid #C0453A!important;outline-offset:0}

/* O nama – mobitel: swipe red umjesto stoga fotki + carousela */
.hb-swipe{display:none}
@media (max-width:767px){
.hb-has-swipe.page-id-11 :is(.elementor-element-b1619ef,.elementor-element-133258f),.hb-has-swipe.page-id-11 .elementor-element-13c8647{display:none!important}
.hb-has-swipe.page-id-11 .elementor-element-d948392{order:-1}
.hb-has-swipe .hb-swipe{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-20px;padding-right:20px;order:1}
.hb-swipe::-webkit-scrollbar{display:none}
.hb-swipe img{flex:0 0 82%;width:82%;aspect-ratio:4/5;height:auto;object-fit:cover;scroll-snap-align:start;display:block}
}

/* swipe red: strelice i točkice (kao carousel) */
.hb-swipe-wrap{display:none}
@media (max-width:767px){
.hb-has-swipe .hb-swipe-wrap{display:block;position:relative;order:1}
.hb-swipe-btn{position:absolute;top:calc(50% - 22px);transform:translateY(-50%);width:52px;height:44px;border:0;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 10h37M31 3l7 7-7 7'/%3E%3C/svg%3E") center/32px 16px no-repeat;filter:drop-shadow(0 0 1px rgba(0,0,0,.55)) drop-shadow(0 1px 8px rgba(0,0,0,.55));z-index:2;cursor:pointer;transition:opacity .3s}
.hb-swipe-prev{left:4px;transform:translateY(-50%) scaleX(-1)}
.hb-swipe-next{right:4px}
.hb-swipe-btn:disabled{opacity:0;pointer-events:none}
.hb-swipe-dots{display:flex;justify-content:center;gap:10px;margin-top:18px}
.hb-swipe-dots button{width:9px;height:9px;padding:0;border:0;background:var(--e-global-color-primary,#A28448);opacity:.35;transition:width .3s,opacity .3s}
.hb-swipe-dots button.is-active{width:30px;opacity:1}
}

/* strelice jasnije + swipe: prava lijeva strelica (bez zrcaljenja), okrugle točkice */
.hb-carousel .elementor-swiper-button{opacity:1}
@media (max-width:767px){
.hb-swipe-btn{background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;padding:0!important;background-size:34px 17px!important}
.hb-swipe-prev{transform:translateY(-50%)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M39 10H2M9 3L2 10l7 7'/%3E%3C/svg%3E")!important}
.hb-swipe-dots button{border-radius:999px!important;min-height:0!important;box-shadow:none!important;border:0!important}
}

/* mobilni izbornik: glavne stavke u verzalu (Mantinia bez velikog početnog slova) */
#offcanvas .mobile-menu > ul > li > a.ct-menu-link,#offcanvas .mobile-menu > ul > li > .ct-sub-menu-parent > a.ct-menu-link{text-transform:uppercase}

/* footer mobitel: više zraka na vrhu */
@media (max-width:767px){footer [data-row="top"] > .ct-container{padding-top:64px!important}}
/* accordion slike: nova slika kreće se pojavljivati brže (ease-out umjesto ease-in-out) */
.hb-acc-layer{transition:opacity .6s cubic-bezier(.2,.75,.25,1),transform 1.2s var(--hb-ease-out)!important}
@media (max-width:767px){footer img.wp-image-28{display:block;margin-bottom:28px!important}}

/* Pilates lab tablet/mobitel: tekst sprave uvijek prije fotki; sve fotke i video iste visine (4:5) */
@media (max-width:1024.98px){
.page-id-15 .hb-sticky{order:-1!important;padding-top:0!important;position:static!important}
.page-id-15 :is(.elementor-element-6d46426,.elementor-element-0b78cbe,.elementor-element-d3eaeb1,.elementor-element-4d3186a) :is(img,video,.hb-vid){width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important}
}

/* Recovery podstranice tablet/mobitel: logo desno u istom redu s povratnim linkom */
@media (max-width:1024.98px){.hb-subhero .hb-subhero-badge{position:absolute!important;top:34px;right:32px;margin:0!important;z-index:2}}
@media (max-width:767px){.hb-subhero .hb-subhero-badge{top:28px;right:20px;width:120px!important}}

/* kartice: CTA u jeziku tekstualnih linkova (Mantinia verzal + strelica), bez podcrte */
.hb-card::after{content:'Rezerviraj termin \00a0\2192'!important;font-family:'Mantinia CC',Cinzel,serif!important;font-size:13px!important;font-weight:400!important;letter-spacing:.16em!important;text-transform:uppercase;border-bottom:0!important;padding-bottom:0!important;padding-top:22px!important}
@media (max-width:767px){.hb-card::after{font-size:12.5px!important}}

/* Recovery podstranice: sekcije ispod heroa u užem rasteru, kao 'Naša filozofija' na naslovnici (1066/1320) */
@media (min-width:1025px){:is(.elementor-element-0d28ae6 > .e-con-inner,.elementor-element-3ab7417 > .e-con-inner,.elementor-element-47f7d52 > .e-con-inner,.elementor-element-77bc7a6 > .e-con-inner,.elementor-element-333307b > .e-con-inner,.elementor-element-499f00e > .e-con-inner,.elementor-element-0460309 > .e-con-inner){max-width:min(1066px, 80.8%)!important;margin-left:auto!important;margin-right:auto!important}}
@media (max-width:767px){:is(.elementor-element-0d28ae6 > .e-con-inner,.elementor-element-3ab7417 > .e-con-inner,.elementor-element-47f7d52 > .e-con-inner,.elementor-element-77bc7a6 > .e-con-inner,.elementor-element-333307b > .e-con-inner,.elementor-element-499f00e > .e-con-inner,.elementor-element-0460309 > .e-con-inner){row-gap:52px!important;--row-gap:52px}}

/* liste s crticom: deblja crtica u boji #BE7F08 (umjesto tankog znaka —) */
.hb-dash li::before{content:''!important;position:absolute;left:0;top:.78em;width:16px;height:2px;background:#BE7F08;color:#BE7F08}
@media (max-width:767px){.elementor-element-40f0715 > .e-con-inner{row-gap:52px!important;--row-gap:52px}}

/* kartice ≤ 1024px (i mali desktop): bez hover/aktivnog bijelog stanja – sve kartice iste, CTA uvijek vidljiv */
@media (max-width:1024.98px){
.hb-card.hb-active,.hb-swap .hb-card:not(.hb-active):hover,.hb-card:hover{background-color:transparent!important;border-color:var(--theme-palette-color-4)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hb-card:is(.hb-active,:hover) :where(.elementor-heading-title){color:var(--theme-palette-color-4)!important}
.hb-card:is(.hb-active,:hover) :where(.elementor-widget-text-editor){color:var(--theme-palette-color-4)!important}
.hb-card:is(.hb-active,:hover,:focus-visible)::after{color:var(--theme-palette-color-4)!important;opacity:1;transform:none}
}

/* mobilni izbornik: logo */
#offcanvas .ct-panel-actions{display:flex!important;align-items:center;justify-content:space-between}
#offcanvas .hb-oc-logo{display:block;line-height:0}
#offcanvas .hb-oc-logo img{width:150px;height:auto;display:block}
@media (min-width:1025px){.page-id-10 .elementor-element-3d55af2 p{font-size:18px!important}}

/* footer: naslovi stupaca kao linkovi */
footer .widget-title a{color:inherit;text-decoration:none;transition:color .3s}
footer .widget-title a:hover{color:var(--theme-palette-color-1)}

/* ===== CookieYes banner u Harbour stilu (2026-10-14) ===== */
.cky-consent-container .cky-consent-bar{background:#0b0b0b!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;box-shadow:0 18px 50px rgba(0,0,0,.55)!important;padding:28px 28px 26px!important}
.cky-consent-container .cky-title{font-family:'Mantinia CC',Cinzel,serif!important;font-size:15px!important;letter-spacing:.16em!important;text-transform:uppercase;color:#fff!important;font-weight:400!important;margin-bottom:12px!important}
.cky-consent-container .cky-notice-des,.cky-consent-container .cky-notice-des p{font-family:Montserrat,sans-serif!important;font-size:14px!important;line-height:1.55!important;color:rgba(255,255,255,.78)!important}
.cky-notice-des a,.cky-preference-center a,.cky-policy{color:var(--theme-palette-color-1,#A28448)!important;text-decoration:underline!important}
.cky-btn{font-family:Montserrat,sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:.02em;border-radius:0!important;padding:8px 16px!important;border-width:1px!important;transition:background-color .3s,color .3s,border-color .3s!important}
.cky-btn-accept{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.cky-btn-accept:hover{background:#fff!important;color:#000!important;border-color:#fff!important}
.cky-btn-reject,.cky-btn-customize,.cky-btn-preferences{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.cky-btn-reject:hover,.cky-btn-customize:hover,.cky-btn-preferences:hover{background:#fff!important;color:#000!important;border-color:#fff!important}
.cky-btn:focus-visible{outline:1px solid var(--theme-palette-color-1,#A28448)!important;outline-offset:2px}
/* centar postavki */
.cky-preference-center{background:#0b0b0b!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;color:#fff!important}
.cky-preference-header{border-bottom-color:rgba(255,255,255,.12)!important}
.cky-preference-title{font-family:'Mantinia CC',Cinzel,serif!important;font-size:16px!important;letter-spacing:.14em!important;text-transform:uppercase;color:#fff!important;font-weight:400!important}
.cky-btn-close img{filter:invert(1)}
.cky-preference-content-wrapper,.cky-preference-content-wrapper p,.cky-accordion-header-des,.cky-accordion-header-des p,.cky-audit-table,.cky-empty-cookies-text{color:rgba(255,255,255,.75)!important;font-family:Montserrat,sans-serif!important;font-size:14px!important}
.cky-accordion{border-bottom-color:rgba(255,255,255,.12)!important}
.cky-accordion-btn{color:#fff!important;font-family:Montserrat,sans-serif!important;font-weight:500!important;font-size:15px!important}
.cky-accordion-chevron i::before{border-color:#fff!important}
.cky-always-active{color:var(--theme-palette-color-1,#A28448)!important}
.cky-switch input[type=checkbox]{background:rgba(255,255,255,.25)!important}
.cky-switch input[type=checkbox]:checked{background:var(--theme-palette-color-1,#A28448)!important}
.cky-audit-table{background:rgba(255,255,255,.04)!important;border-radius:0!important}
.cky-footer-wrapper{border-top-color:rgba(255,255,255,.12)!important;background:#0b0b0b!important}
.cky-footer-shadow{background:linear-gradient(180deg,rgba(11,11,11,0) 0%,#0b0b0b 100%)!important}
.cky-show-desc-btn{color:var(--theme-palette-color-1,#A28448)!important}
/* gumb za ponovno otvaranje postavki */
.cky-btn-revisit-wrapper{background:#0b0b0b!important;border:1px solid var(--theme-palette-color-1,#A28448)!important}
@media (max-width:576px){.cky-consent-container .cky-consent-bar{padding:22px 20px!important}}
/* CookieYes: ikona kolačića na gumbu za ponovno otvaranje postavki (kao na Hotel Marina) */
.cky-btn-revisit{position:relative}
.cky-btn-revisit:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;background-image:url('https://harbour.on-forge.com/wp-content/uploads/2026/10/cookie.png');background-size:cover;background-repeat:no-repeat}
.cky-btn-revisit img{display:none!important}

/* CookieYes: centar postavki se pojavljuje fade-inom, bez klizanja odozdo */
.cky-modal:not(.cky-sidebar-left):not(.cky-sidebar-right){left:50%;transform:translate(-50%,-50%)!important;transition:none!important}
.cky-modal.cky-modal-open:not(.cky-sidebar-left):not(.cky-sidebar-right){animation:hbCkyFade .35s ease both}
.cky-overlay:not(.cky-hide){animation:hbCkyFadeOv .35s ease both}
@keyframes hbCkyFade{from{opacity:0}to{opacity:1}}
@keyframes hbCkyFadeOv{from{opacity:0}to{opacity:.55}}

/* CookieYes kao bottom bar */
.cky-consent-container.cky-banner-bottom .cky-consent-bar{border-width:1px 0 0!important;box-shadow:0 -10px 40px rgba(0,0,0,.45)!important;padding:18px max(5vw, calc((100vw - 1320px) / 2))!important}
.cky-banner-bottom .cky-title{font-size:13px!important;margin-bottom:6px!important}
.cky-banner-bottom .cky-notice-des,.cky-banner-bottom .cky-notice-des p{font-size:13px!important;line-height:1.5!important}
.cky-banner-bottom .cky-notice-group{align-items:center!important;gap:24px}
.cky-banner-bottom .cky-notice-btn-wrapper{gap:10px;flex-shrink:0}
.cky-banner-bottom .cky-notice-btn-wrapper .cky-btn{margin:0!important}
@media (max-width:767px){.cky-consent-container.cky-banner-bottom .cky-consent-bar{padding:18px 20px!important}}
#offcanvas .ct-panel-actions{margin-bottom:32px!important}

/* hero naslovi (naslovnica, O nama) na mobitelu veći, ali skalirani širinom ekrana da se najduži red ('PRVI HEALTH' ≈ 5.9em) nikad ne prelomi */
@media (max-width:767px){.hb-t-dxl .elementor-heading-title{font-size:clamp(40px, calc((100vw - 40px) / 6.2), 54px)!important}}
@media (max-width:767px){.page-id-10 .hb-t-dxl .elementor-heading-title{font-size:clamp(38px, calc((100vw - 40px) / 8.3), 42px)!important}}
/* CookieYes: bez tooltipa na gumbu za ponovno otvaranje */
:is(.cky-revisit-bottom-left,.cky-revisit-bottom-right):hover::before,:is(.cky-revisit-bottom-left,.cky-revisit-bottom-right):hover::after{content:none!important;display:none!important}