{"id":1345,"date":"2026-05-11T21:57:50","date_gmt":"2026-05-11T21:57:50","guid":{"rendered":"https:\/\/thalasso-ck.hr\/?page_id=1345"},"modified":"2026-09-20T18:58:52","modified_gmt":"2026-09-20T16:58:52","slug":"accommodation-reservation","status":"publish","type":"page","link":"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/rezervacija-smjestaja\/","title":{"rendered":"Book Accommodation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1345\" class=\"elementor elementor-1345\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da0168b e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"da0168b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1b36f0 elementor-hidden-desktop elementor-widget elementor-widget-n-accordion\" data-id=\"c1b36f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2030\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2030\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> NARU\u010cIVANJE I REZERVACIJE <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"b\" viewBox=\"0 0 889.66 889.66\"><g id=\"c\"><path d=\"M444.83,0C199.16,0,0,199.16,0,444.83s199.16,444.83,444.83,444.83,444.83-199.16,444.83-444.83S690.5,0,444.83,0ZM705.59,474.14h-228.42v239.53h-64.68v-239.53h-228.42v-60.64h228.42v-237.51h64.68v237.51h228.42v60.64Z\" fill=\"#1d9ad6\"><\/path><\/g><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"b\" viewBox=\"0 0 889.66 889.66\"><g id=\"c\"><circle cx=\"444.83\" cy=\"444.83\" r=\"444.83\" fill=\"#1d9ad6\"><\/circle><path d=\"M484.35,116.28v290.26h279.14v74.11h-279.14v292.73h-79.05v-292.73H126.16v-74.11h279.14V116.28h79.05Z\" fill=\"#ffdd18\"><\/path><\/g><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2030\" class=\"elementor-element elementor-element-004dd8c e-con-full e-flex e-con e-child\" data-id=\"004dd8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-607fd3b elementor-nav-menu__text-align-aside elementor-widget elementor-widget-nav-menu\" data-id=\"607fd3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;dropdown&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;fa-svg-chevron-down e-font-icon-svg e-fas-chevron-down\\&quot; viewBox=\\&quot;0 0 448 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-607fd3b\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1362\"><a href=\"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/\" class=\"elementor-item\" tabindex=\"-1\">Naru\u010divanje i rezervacije<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1359\"><a href=\"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/rezervacija-smjestaja\/\" class=\"elementor-item\" tabindex=\"-1\">Rezervacija smje\u0161taja<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1360\"><a href=\"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/opci-upit\/\" class=\"elementor-item\" tabindex=\"-1\">Op\u0107i upit<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7230f26 e-con-full e-flex e-con e-child\" data-id=\"7230f26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a39cc42 e-con-full elementor-hidden-mobile elementor-hidden-tablet e-flex e-con e-child\" data-id=\"a39cc42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:60,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e761c59 animated-slow elementor-widget elementor-widget-heading\" data-id=\"e761c59\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NARU\u010cIVANJE I REZERVACIJE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47397ff animated-slow elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"47397ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;vertical&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-angle-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:300,&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-underline e--animation-slow\">\n\t\t\t\t<ul id=\"menu-1-47397ff\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1362\"><a href=\"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/\" class=\"elementor-item\">Naru\u010divanje i rezervacije<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1359\"><a href=\"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/rezervacija-smjestaja\/\" class=\"elementor-item\">Rezervacija smje\u0161taja<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1360\"><a href=\"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/opci-upit\/\" class=\"elementor-item\">Op\u0107i upit<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-47397ff\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1362\"><a href=\"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/\" class=\"elementor-item\" tabindex=\"-1\">Naru\u010divanje i rezervacije<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1359\"><a href=\"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/rezervacija-smjestaja\/\" class=\"elementor-item\" tabindex=\"-1\">Rezervacija smje\u0161taja<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1360\"><a href=\"https:\/\/thalasso-ck.hr\/en\/narucivanje-i-rezervacije\/opci-upit\/\" class=\"elementor-item\" tabindex=\"-1\">Op\u0107i upit<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e949fd0 e-con-full animated-slow e-flex e-con e-child\" data-id=\"e949fd0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:300}\">\n\t\t<div class=\"elementor-element elementor-element-d72e826 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"d72e826\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t<div class=\"elementor-element elementor-element-fb2355c e-con-full e-flex e-con e-child\" data-id=\"fb2355c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cc3ef4 elementor-widget elementor-widget-shortcode\" data-id=\"6cc3ef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div class=\"thalasso-wrap thalasso-smjestaj-wrap\">\n\n        <div class=\"thalasso-section\">\n\n            <div class=\"thalasso-hero\">\n\n                <h1 class=\"thalasso-title\">\n                    Accommodation reservation                <\/h1>\n\n                <div class=\"thalasso-subtitle\">\n                    Send a reservation inquiry.<br \/>\nIf you wish to reserve accommodation and pay independently, regardless of whether you will use medical services.                <\/div>\n\n            <\/div>\n\n            <div class=\"thalasso-content\">\n\n                <form\n                    id=\"thalassoSmjestajForm\"\n                    method=\"post\"\n                    enctype=\"multipart\/form-data\"\n                    novalidate\n                >\n\n                    <input type=\"hidden\" name=\"form_lang\" value=\"en\">\n\n                    <style>\n                    .thalasso-required-message {\n                        color: #d93025;\n                        margin-top: 0.35rem;\n                        font-size: 0.95rem;\n                    }\n                    .thalasso-block.thalasso-error,\n                    .thalasso-field.thalasso-error,\n                    .thalasso-radio.thalasso-error,\n                    .thalasso-checkbox.thalasso-error,\n                    .thalasso-counter.thalasso-error {\n                        border: 1px solid #d93025;\n                        border-radius: 4px;\n                        padding: 10px;\n                    }\n                    .thalasso-error-precise {\n                        outline: 2px solid #d93025;\n                        outline-offset: 2px;\n                        background: #fdecea;\n                        border-radius: 4px;\n                    }\n                    .thalasso-response .thalasso-error {\n                        color: #d93025;\n                        border: 1px solid #d93025;\n                        padding: 12px;\n                    }\n                <\/style>\n\n                <div id=\"thalassoGlobalError\" class=\"thalasso-error\" style=\"display:none; color:#d93025; padding:12px; margin-bottom:16px;\"><\/div>\n\n                    <input type=\"hidden\" id=\"thalasso_smjestaj_nonce\" name=\"thalasso_smjestaj_nonce\" value=\"371a06d8fc\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1345\" \/>\n\n<!-- OSOBNI PODACI -->\n\n<div class=\"thalasso-block\">\n\n            <h3>Personal details<\/h3>\n\n    <div class=\"thalasso-grid\">\n\n        <div class=\"thalasso-field\">\n            <label>Name <span>*<\/span><\/label>\n            <input\n                type=\"text\"\n                name=\"ime_prezime\"\n                placeholder=\"Name\"\n                autocomplete=\"name\"\n                required\n            >\n        <\/div>\n\n        <div class=\"thalasso-field\">\n            <label>Date of birth <span>*<\/span><\/label>\n            <input\n                type=\"date\"\n                name=\"datum_rodenja\"\n                autocomplete=\"bday\"\n                required\n            >\n        <\/div>\n\n        <div class=\"thalasso-field\">\n            <label>Address <span>*<\/span><\/label>\n            <input\n                type=\"text\"\n                name=\"adresa\"\n                placeholder=\"Address\"\n                autocomplete=\"street-address\"\n                required\n            >\n        <\/div>\n\n        <div class=\"thalasso-field\">\n            <label>Postal code <span>*<\/span><\/label>\n            <input\n                type=\"text\"\n                name=\"postanski_broj\"\n                placeholder=\"Postal code\"\n                autocomplete=\"postal-code\"\n                inputmode=\"numeric\"\n                required\n            >\n        <\/div>\n\n        <div class=\"thalasso-field\">\n            <label>City <span>*<\/span><\/label>\n            <input\n                type=\"text\"\n                name=\"grad\"\n                placeholder=\"City\"\n                autocomplete=\"address-level2\"\n                required\n            >\n        <\/div>\n\n        <div class=\"thalasso-field\">\n            <label>Country <span>*<\/span><\/label>\n            <input\n                type=\"text\"\n                name=\"drzava\"\n                value=\"Croatia\"\n                placeholder=\"Country\"\n                autocomplete=\"country-name\"\n                required\n            >\n        <\/div>\n\n        <div class=\"thalasso-field\">\n            <label>Phone <span>*<\/span><\/label>\n            <input\n                type=\"tel\"\n                name=\"telefon\"\n                placeholder=\"Phone\"\n                autocomplete=\"tel\"\n                inputmode=\"tel\"\n                required\n            >\n        <\/div>\n\n        <div class=\"thalasso-field\">\n            <label>E-mail <span>*<\/span><\/label>\n            <input\n                type=\"email\"\n                name=\"email\"\n                placeholder=\"E-mail\"\n                autocomplete=\"email\"\n                required\n            >\n        <\/div>\n\n        <div class=\"thalasso-field\">\n            <label>Mobile <span>*<\/span><\/label>\n            <input\n                type=\"tel\"\n                name=\"mobitel\"\n                placeholder=\"Mobile\"\n                autocomplete=\"tel\"\n                inputmode=\"tel\"\n                required\n            >\n        <\/div>\n\n    <\/div>\n\n\n<\/div>\n\n\n                   <!-- SMJE\u0160TAJNI OBJEKT -->\n\n<div class=\"thalasso-block thalasso-smjestaj-objekt\">\n\n    <h3>Accommodation<\/h3>\n\n    <label class=\"thalasso-radio thalasso-object-radio\" style=\"display:none;\">\n        <input type=\"radio\" name=\"smjestajni_objekt\" value=\"Vila Smiljka\" required>\n        <span>\n            Vila Smiljka\n            <a href=\"\/vila-smiljka\/\" target=\"_blank\">saznaj vi\u0161e<\/a>\n        <\/span>\n    <\/label>\n\n    <label class=\"thalasso-radio thalasso-object-radio\">\n        <input type=\"radio\" name=\"smjestajni_objekt\" value=\"Vila Dalmacija\">\n        <span>\n            Vila Dalmacija\n                            <a href=\"\/en\/vila-dalmacija\/\" target=\"_blank\">learn more<\/a>\n                    <\/span>\n    <\/label>\n\n    <label class=\"thalasso-radio thalasso-object-radio\">\n        <input type=\"radio\" name=\"smjestajni_objekt\" value=\"Vila Lovorka\">\n        <span>\n            Vila Lovorka\n                            <a href=\"\/en\/vila-lovorka\/\" target=\"_blank\">learn more<\/a>\n                    <\/span>\n    <\/label>\n\n    <label class=\"thalasso-radio thalasso-object-radio\">\n        <input type=\"radio\" name=\"smjestajni_objekt\" value=\"Svejedno, ponudite mi smje\u0161taj sukladno mogu\u0107nostima\">\n        <span><\/span>\n    <\/label>\n\n\n    <div class=\"thalasso-conditional\" data-show-for=\"Vila Smiljka\">\n\n            <div class=\"thalasso-label-big\">Room type \u2014 Vila Smiljka<\/div>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_smiljka\" value=\"Dvokrevetna soba\">\n            <span>Double room<\/span>\n        <\/label>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_smiljka\" value=\"Dvokrevetna soba s pomo\u0107nim le\u017eajem\">\n            <span>Double room with extra bed<\/span>\n        <\/label>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_smiljka\" value=\"Jednokrevetna soba\">\n            <span>Single room<\/span>\n        <\/label>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_smiljka\" value=\"Dvokrevetna soba prilago\u0111ena osobama u invalidskim kolicima\">\n            <span>Double room wheelchair accessible<\/span>\n        <\/label>\n\n    <\/div>\n\n\n    <div class=\"thalasso-conditional\" data-show-for=\"Vila Dalmacija\">\n\n        <div class=\"thalasso-label-big\">Room type \u2014 Vila Dalmacija<\/div>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_dalmacija\" value=\"Dvokrevetna soba\">\n            <span>Double room<\/span>\n        <\/label>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_dalmacija\" value=\"Dvokrevetna soba s pomo\u0107nim le\u017eajem\">\n            <span>Double room with extra bed<\/span>\n        <\/label>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_dalmacija\" value=\"Jednokrevetna soba\">\n            <span>Single room<\/span>\n        <\/label>\n\n    <\/div>\n\n\n    <div class=\"thalasso-conditional\" data-show-for=\"Vila Lovorka\">\n\n        <div class=\"thalasso-label-big\">Room type \u2014 Vila Lovorka<\/div>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_lovorka\" value=\"Apartman za do 3 osobe\">\n            <span>Apartment for up to 3 people<\/span>\n        <\/label>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_lovorka\" value=\"Apartman za do 4 osobe\">\n            <span>Apartment for up to 4 people<\/span>\n        <\/label>\n\n        <label class=\"thalasso-radio\">\n            <input type=\"radio\" name=\"tip_lovorka\" value=\"Studio apartman za dvije osobe\">\n            <span>Studio apartment for two<\/span>\n        <\/label>\n\n    <\/div>\n\n<\/div>\n\n                    <!-- TERMIN -->\n\n                    <div class=\"thalasso-block\">\n\n                        <h3>Term of stay<\/h3>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"termin_tip\" value=\"Unos datuma\" required>\n                            <span>I want to enter arrival and departure dates<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"termin_tip\" value=\"Svejedno, ponudite mi raspolo\u017eive termine prema mogu\u0107nostima\">\n                            <span>Any available dates, please suggest options<\/span>\n                        <\/label>\n\n                        <div class=\"thalasso-termin-datumi\">\n\n                            <div class=\"thalasso-grid\">\n\n                                <div class=\"thalasso-field\">\n                                    <label>Arrival date<\/label>\n                                    <input type=\"date\" name=\"datum_dolaska\">\n                                <\/div>\n\n                                <div class=\"thalasso-field\">\n                                    <label>Departure date<\/label>\n                                    <input type=\"date\" name=\"datum_odlaska\">\n                                <\/div>\n\n                            <\/div>\n\n                            <div id=\"thalassoDateError\" class=\"thalasso-required-message\" style=\"display:none;\"><\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- BROJ OSOBA NA SMJE\u0160TAJU -->\n\n                    <div class=\"thalasso-block\">\n\n                        <h3>Number of persons<\/h3>\n\n                        <div class=\"thalasso-counter-row\">\n\n                            <div class=\"thalasso-counter-label\">\n                                Adults                            <\/div>\n\n                            <div class=\"thalasso-counter\">\n                                <button type=\"button\" class=\"thalasso-counter-minus\" data-target=\"broj_odraslih_smjestaj\">\u2212<\/button>\n\n                                <input\n                                    type=\"number\"\n                                    name=\"broj_odraslih_smjestaj\"\n                                    id=\"broj_odraslih_smjestaj\"\n                                    min=\"0\"\n                                    value=\"1\"\n                                    required\n                                >\n\n                                <button type=\"button\" class=\"thalasso-counter-plus\" data-target=\"broj_odraslih_smjestaj\">+<\/button>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"thalasso-counter-row\">\n\n                            <div class=\"thalasso-counter-label\">\n                                Children                            <\/div>\n\n                            <div class=\"thalasso-counter\">\n                                <button type=\"button\" class=\"thalasso-counter-minus\" data-target=\"broj_djece_smjestaj\">\u2212<\/button>\n\n                                <input\n                                    type=\"number\"\n                                    name=\"broj_djece_smjestaj\"\n                                    id=\"broj_djece_smjestaj\"\n                                    min=\"0\"\n                                    value=\"0\"\n                                    required\n                                >\n\n                                <button type=\"button\" class=\"thalasso-counter-plus\" data-target=\"broj_djece_smjestaj\">+<\/button>\n                            <\/div>\n\n                        <\/div>\n\n                        <div id=\"dobDjeceSmjestaj\" class=\"thalasso-dynamic-fields thalasso-age-fields\"><\/div>\n\n                    <\/div>\n\n\n                    <!-- MEDICINSKE USLUGE -->\n\n                    <div class=\"thalasso-block\">\n\n                        <h3>I want to use medical services during my stay<\/h3>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"medicinske_usluge_koristenje\" value=\"Da\" required>\n                            <span>Yes, I want medical services<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"medicinske_usluge_koristenje\" value=\"Ne\">\n                            <span>No, I only need accommodation<\/span>\n                        <\/label>\n\n                    <\/div>\n\n\n                    <!-- PODACI O MEDICINSKIM USLUGAMA -->\n\n                    <div class=\"thalasso-block thalasso-medical-block\">\n\n                        <h3>Personal details \u2014 I want to use medical services during my stay<\/h3>\n\n                        <div class=\"thalasso-counter-row\">\n\n                            <div class=\"thalasso-counter-label\">\n                                Adults                            <\/div>\n\n                            <div class=\"thalasso-counter\">\n                                <button type=\"button\" class=\"thalasso-counter-minus\" data-target=\"broj_odraslih_medicina\">\u2212<\/button>\n\n                                <input\n                                    type=\"number\"\n                                    name=\"broj_odraslih_medicina\"\n                                    id=\"broj_odraslih_medicina\"\n                                    min=\"0\"\n                                    value=\"0\"\n                                >\n\n                                <button type=\"button\" class=\"thalasso-counter-plus\" data-target=\"broj_odraslih_medicina\">+<\/button>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"thalasso-counter-row\">\n\n                            <div class=\"thalasso-counter-label\">\n                                Children                            <\/div>\n\n                            <div class=\"thalasso-counter\">\n                                <button type=\"button\" class=\"thalasso-counter-minus\" data-target=\"broj_djece_medicina\">\u2212<\/button>\n\n                                <input\n                                    type=\"number\"\n                                    name=\"broj_djece_medicina\"\n                                    id=\"broj_djece_medicina\"\n                                    min=\"0\"\n                                    value=\"0\"\n                                >\n\n                                <button type=\"button\" class=\"thalasso-counter-plus\" data-target=\"broj_djece_medicina\">+<\/button>\n                            <\/div>\n\n                        <\/div>\n\n                        <div id=\"dobDjeceMedicina\" class=\"thalasso-dynamic-fields thalasso-age-fields\"><\/div>\n\n                        <div id=\"medicinskeOsobe\" class=\"thalasso-persons\"><\/div>\n\n                    <\/div>\n\n\n                    <!-- \u017dELJENE USLUGE -->\n\n                    <div class=\"thalasso-block\">\n\n                        <h3>Odaberite \u017eeljene usluge<\/h3>\n\n                        <div class=\"thalasso-helper\">\n    See the <a href=\"\/en\/korisne-informacije\/cjenici-usluga\/\" target=\"_blank\">price list of accommodation services<\/a>.<\/div>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"zeljene_usluge\" value=\"Puni pansion\" required>\n                            <span>Full board<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"zeljene_usluge\" value=\"Polupansion\">\n                            <span>Half board<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"zeljene_usluge\" value=\"No\u0107enje s doru\u010dkom\">\n                            <span>Bed and breakfast<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"zeljene_usluge\" value=\"Najam apartmana bez prehrane\">\n                            <span><\/span>\n                        <\/label>\n\n                    <\/div>\n\n\n                    <!-- OGRANI\u010cENJA -->\n\n                    <div class=\"thalasso-block\">\n\n                        <h3>Mobility limitations and daily routines<\/h3>\n\n                        <div class=\"thalasso-helper\">\n                            If you or accompanying persons have mobility limitations or difficulties with daily routines, please indicate and describe.                        <\/div>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"ogranicenja\" value=\"Ne, u potpunosti smo samostalne i pokretne osobe\">\n                            <span>No, we are fully independent and mobile.<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"ogranicenja\" value=\"Da, postoje ograni\u010denja\">\n                            <span>Yes, there are mobility limitations or difficulties with daily routines.<\/span>\n                        <\/label>\n\n                        <div class=\"thalasso-field thalasso-ogranicenja-opis\">\n                            <label>Please describe limitations or needs<\/label>\n                            <textarea name=\"opis_ogranicenja\"><\/textarea>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- NAPOMENE -->\n\n                    <div class=\"thalasso-block\">\n\n                        <h3><\/h3>\n\n                        <div class=\"thalasso-field\">\n                            <label>Please list other needs and notes<\/label>\n                            <textarea name=\"napomene\"><\/textarea>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- DOKUMENTI -->\n\n                    <div class=\"thalasso-block\">\n\n                        <h3>Documents<\/h3>\n\n                            <div class=\"thalasso-helper\">\n                                You may attach documentation if needed (allowed format: PDF).                            <\/div>\n\n                        <div id=\"smjestajDokumenti\" class=\"thalasso-medical-files\">\n\n                            <div class=\"thalasso-upload-row\">\n\n                                <div class=\"thalasso-upload-box\">\n\n                                    <input\n                                        type=\"file\"\n                                        name=\"dokumenti[]\"\n                                        id=\"dokumenti_1\"\n                                        accept=\".pdf\"\n                                    >\n\n                                    <label for=\"dokumenti_1\" class=\"thalasso-upload-inner\">\n\n                                        <div class=\"thalasso-upload-icon\">\n                                            \ud83d\udcc4\n                                        <\/div>\n\n                                        <div class=\"thalasso-upload-text\">\n                                                    Choose file                                                <\/div>\n\n                                                <div class=\"thalasso-upload-sub\">\n                                                    or drag here                                                <\/div>\n\n                                    <\/label>\n\n                                    <div class=\"thalasso-file\"><\/div>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"thalasso-upload-actions\">\n\n                            <button\n                                type=\"button\"\n                                class=\"thalasso-add-upload\"\n                                id=\"addSmjestajDokument\"\n                            >\n                                Add document                            <\/button>\n\n                        <\/div>\n\n                        <div class=\"thalasso-limit\">\n                            * Total size of uploaded files must not exceed 35 MB.                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- GDPR + CAPTCHA + SUBMIT -->\n\n                    <div class=\"thalasso-block\">\n\n                        <label class=\"thalasso-checkbox\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"gdpr\"\n                                value=\"1\"\n                                required\n                            >\n\n                            <span>\n                                I agree that Thalassotherapia Crikvenica may process my personal data entered in this form for handling the reservation inquiry, in accordance with applicable data protection regulations.                                                                <br><a href=\"\/en\/zastita-osobnih-podataka\/\" target=\"_blank\" rel=\"noopener noreferrer\">privacy policy<\/a>\n                                                            <\/span>\n\n                        <\/label>\n\n\n                        <div class=\"thalasso-bottom-actions\">\n\n                            <div class=\"thalasso-captcha\">\n    <div\n        class=\"g-recaptcha\"\n        data-sitekey=\"6LdxECctAAAAAJcvsk1A0ODazStcLWoFniCOXH7d\">\n    <\/div>\n<\/div>\n\n                            <div class=\"thalasso-submit-wrap\">\n\n                                <button\n                                    type=\"submit\"\n                                    class=\"thalasso-btn\"\n                                >\n                                 Submit reservation request                                <\/button>\n\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"thalasso-response\"><\/div>\n\n                    <\/div>\n\n                <\/form>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function(){\n\n        const form = document.getElementById('thalassoSmjestajForm');\n        const globalError = document.getElementById('thalassoGlobalError');\n\n        if(!form) return;\n\n        const lang = window.location.pathname.startsWith('\/en\/') ? 'en' : window.location.pathname.startsWith('\/de\/') ? 'de' : 'hr';\n        const txt = {\n            required: {\n                hr: 'Ovaj odgovor je obavezan.',\n                en: 'This field is required.',\n                de: 'Dieses Feld ist erforderlich.'\n            },\n            fields: {\n                hr: 'Molimo ispunite sva obavezna polja.',\n                en: 'Please fill in all required fields.',\n                de: 'Bitte f\u00fcllen Sie alle Pflichtfelder aus.'\n            },\n            person: {\n                hr: 'Osoba',\n                en: 'Person',\n                de: 'Person'\n            },\n            age_of_child: {\n                hr: 'Broj godina',\n                en: 'Age of child',\n                de: 'Alter des'\n            },\n            medical_use_choice: {\n                hr: 'Medicinske usluge koristit \u0107u:',\n                en: 'I will use medical services:',\n                de: 'Ich werde medizinische Leistungen nutzen:'\n            },\n            choose_med_services: {\n                hr: 'Navedite medicinske usluge koje \u017eelite koristiti',\n                en: 'Select the medical services you want to use',\n                de: 'W\u00e4hlen Sie die medizinischen Leistungen aus, die Sie nutzen m\u00f6chten'\n            },\n            other_med: {\n                hr: 'Druge medicinske usluge',\n                en: 'Other medical services',\n                de: 'Andere medizinische Leistungen'\n            },\n            enter_other_med: {\n                hr: 'Navedite druge medicinske usluge',\n                en: 'Please specify other medical services',\n                de: 'Bitte geben Sie weitere medizinische Leistungen an'\n            },\n            choose_file: {\n                hr: 'Odaberi datoteku',\n                en: 'Choose file',\n                de: 'Datei ausw\u00e4hlen'\n            },\n            drag_here: {\n                hr: 'ili povuci ovdje',\n                en: 'or drag here',\n                de: 'oder hierher ziehen'\n            },\n            any_accommodation: {\n                hr: 'Svejedno, ponudite mi smje\u0161taj sukladno mogu\u0107nostima',\n                en: 'Any accommodation, please offer me options',\n                de: 'Ist mir egal, bieten Sie mir bitte eine Unterkunft an'\n            },\n            single_room: {\n                hr: 'Jednokrevetna soba',\n                en: 'Single room',\n                de: 'Einzelzimmer'\n            },\n            apartment_without_board: {\n                hr: 'Najam apartmana bez prehrane',\n                en: 'Apartment rental without board',\n                de: 'Apartmentvermietung ohne Verpflegung'\n            },\n            captcha: {\n                hr: 'Potvrdite da niste robot.',\n                en: 'Please confirm that you are not a robot.',\n                de: 'Bitte best\u00e4tigen Sie, dass Sie kein Roboter sind.'\n            },\n            sending: {\n                hr: 'Slanje zahtjeva...',\n                en: 'Sending request...',\n                de: 'Anfrage wird gesendet...'\n            },\n            sendingInfo: {\n                hr: 'Zahtjev se \u0161alje. Molimo pri\u010dekajte...',\n                en: 'Your request is being sent. Please wait...',\n                de: 'Ihre Anfrage wird gesendet. Bitte warten...'\n            },\n            submit: {\n                hr: 'Podnesi zahtjev za rezervaciju',\n                en: 'Submit reservation request',\n                de: 'Reservierungsanfrage senden'\n            },\n            error: {\n                hr: 'Do\u0161lo je do gre\u0161ke pri slanju obrasca. Molimo poku\u0161ajte ponovno.',\n                en: 'An error occurred while submitting the form. Please try again.',\n                de: 'Beim Senden des Formulars ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.'\n            },\n            date_order: {\n                hr: 'Datum odlaska je manji od datuma dolaska.',\n                en: 'Departure date is earlier than the arrival date.',\n                de: 'Das Abreisedatum liegt vor dem Anreisedatum.'\n            },\n            long_stay_confirm: {\n                hr: 'Boravak je du\u017ei od 30 dana. \u017delite li nastaviti?',\n                en: 'The stay is longer than 30 days. Do you want to continue?',\n                de: 'Der Aufenthalt ist l\u00e4nger als 30 Tage. M\u00f6chten Sie fortfahren?'\n            }\n        };\n\n        function getValidationContainer(field){\n            const isChoice = field.type === 'radio' || field.type === 'checkbox';\n            return field.closest('.thalasso-field') ||\n                (isChoice ? field.closest('.thalasso-block') : null) ||\n                field.closest('.thalasso-radio') ||\n                field.closest('.thalasso-checkbox') ||\n                field.closest('.thalasso-counter') ||\n                field.parentElement;\n        }\n\n        function clearFieldError(field){\n            const container = getValidationContainer(field);\n\n            if(container){\n                const message = container.querySelector('.thalasso-required-message');\n                if(message){\n                    message.remove();\n                }\n                container.classList.remove('thalasso-error');\n            }\n\n            field.classList.remove('thalasso-invalid');\n\n            if(field.type === 'radio' || field.type === 'checkbox'){\n                const group = form.querySelectorAll('[name=\"' + field.name + '\"]');\n                group.forEach(function(item){\n                    item.classList.remove('thalasso-invalid');\n                    const groupContainer = getValidationContainer(item);\n                    if(groupContainer){\n                        const groupMessage = groupContainer.querySelector('.thalasso-required-message');\n                        if(groupMessage){\n                            groupMessage.remove();\n                        }\n                        groupContainer.classList.remove('thalasso-error');\n                    }\n                });\n            }\n\n            if(form.querySelectorAll('.thalasso-required-message').length === 0){\n                globalError.style.display = 'none';\n                globalError.textContent = '';\n            }\n        }\n\n        form.querySelectorAll('input, select, textarea').forEach(function(field){\n            field.addEventListener('input', function(){\n                clearFieldError(field);\n            });\n            field.addEventListener('change', function(){\n                clearFieldError(field);\n            });\n        });\n\n        \/\/ Hide medical-use block and auto-select self-paid on non-HR pages\n        if ( lang !== 'hr' ) {\n            document.querySelectorAll('.thalasso-person-block').forEach(function(block){\n                const title = Array.from(block.querySelectorAll('.thalasso-label-big'))\n                    .find(el => el.textContent.includes('Medicinske usluge koristit'));\n                if (!title) return;\n                \/\/ Hide title\n                title.style.display = 'none';\n                \/\/ Hide the following radio option containers if present\n                if ( title.nextElementSibling ) title.nextElementSibling.style.display = 'none';\n                if ( title.nextElementSibling && title.nextElementSibling.nextElementSibling ) title.nextElementSibling.nextElementSibling.style.display = 'none';\n                \/\/ Auto-select \"self-paid\" (assumes second radio is self-paid) and relax required\n                const radios = block.querySelectorAll('input[type=\"radio\"][name*=\"[nacin]\"]');\n                if ( radios.length > 1 ) {\n                    radios[1].checked = true;\n                    radios[1].required = false;\n                    radios[0].required = false;\n                }\n            });\n        }\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | AUTO GRAD IZ PO\u0160TANSKOG BROJA\n        |--------------------------------------------------------------------------\n        *\/\n\n        const cities = {\n            \"10000\":\"Zagreb\",\n            \"21000\":\"Split\",\n            \"51000\":\"Rijeka\",\n            \"51260\":\"Crikvenica\"\n        };\n\n        const zip = form.querySelector('[name=\"postanski_broj\"]');\n        const city = form.querySelector('[name=\"grad\"]');\n\n        if(zip && city){\n            zip.addEventListener('keyup', function(){\n                const value = this.value.trim();\n                if(cities[value]){\n                    city.value = cities[value];\n                }\n            });\n        }\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | COUNTER PLUS \/ MINUS\n        |--------------------------------------------------------------------------\n        *\/\n\n        document.addEventListener('click', function(e){\n\n            if(\n                e.target.classList.contains('thalasso-counter-plus') ||\n                e.target.classList.contains('thalasso-counter-minus')\n            ){\n\n                const targetId = e.target.dataset.target;\n                const input = document.getElementById(targetId);\n\n                if(!input) return;\n\n                let value = parseInt(input.value || 0);\n\n                if(e.target.classList.contains('thalasso-counter-plus')){\n                    value++;\n                }\n\n                if(e.target.classList.contains('thalasso-counter-minus')){\n                    value--;\n                }\n\n                if(value < 0){\n                    value = 0;\n                }\n\n                input.value = value;\n\n                input.dispatchEvent(new Event('input', {\n                    bubbles:true\n                }));\n\n            }\n\n        });\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | REQUIRED TOGGLE\n        |--------------------------------------------------------------------------\n        *\/\n\n        function setRequired(container, required){\n            const fields = container.querySelectorAll('input, select, textarea');\n            fields.forEach(function(field){\n                if(required){\n                    if(field.type !== 'file'){\n                        field.setAttribute('required', 'required');\n                    }\n                } else {\n                    field.removeAttribute('required');\n                    if(field.type === 'radio' || field.type === 'checkbox'){\n                        field.checked = false;\n                    } else if(field.type !== 'hidden' && field.type !== 'file'){\n                        field.value = '';\n                    }\n                }\n            });\n        }\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | SMJE\u0160TAJNI OBJEKT CONDITIONAL\n        |--------------------------------------------------------------------------\n        *\/\n\n        const objectRadios = form.querySelectorAll('[name=\"smjestajni_objekt\"]');\n        const conditionalBlocks = form.querySelectorAll('.thalasso-conditional');\n\n        function updateAccommodationType(){\n\n            const selected = form.querySelector('[name=\"smjestajni_objekt\"]:checked');\n            const value = selected ? selected.value : '';\n\n            conditionalBlocks.forEach(function(block){\n\n                if(block.dataset.showFor === value){\n                    block.style.display = 'block';\n                    setRequired(block, true);\n                } else {\n                    block.style.display = 'none';\n                    setRequired(block, false);\n                }\n\n            });\n\n            const anyAccommodationRadio = form.querySelector('input[name=\"smjestajni_objekt\"][value=\"Svejedno, ponudite mi smje\u0161taj sukladno mogu\u0107nostima\"]');\n            if(anyAccommodationRadio && anyAccommodationRadio.parentElement){\n                const span = anyAccommodationRadio.parentElement.querySelector('span');\n                if(span && !span.textContent.trim()){\n                    span.textContent = txt.any_accommodation[lang];\n                }\n            }\n\n            const apartmentWithoutBoardRadio = form.querySelector('input[name=\"zeljene_usluge\"][value=\"Najam apartmana bez prehrane\"]');\n            if(apartmentWithoutBoardRadio && apartmentWithoutBoardRadio.parentElement){\n                const span = apartmentWithoutBoardRadio.parentElement.querySelector('span');\n                if(span && !span.textContent.trim()){\n                    span.textContent = txt.apartment_without_board[lang];\n                }\n            }\n\n        }\n\n        objectRadios.forEach(function(radio){\n            radio.addEventListener('change', updateAccommodationType);\n        });\n\n        updateAccommodationType();\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | TERMIN DATUMI\n        |--------------------------------------------------------------------------\n        *\/\n\n        const terminRadios = form.querySelectorAll('[name=\"termin_tip\"]');\n        const dateBlock = form.querySelector('.thalasso-termin-datumi');\n\n        function updateDates(){\n\n            const selected = form.querySelector('[name=\"termin_tip\"]:checked');\n            const value = selected ? selected.value : '';\n\n            if(value === 'Unos datuma'){\n                dateBlock.style.display = 'block';\n                setRequired(dateBlock, true);\n            } else {\n                dateBlock.style.display = 'none';\n                setRequired(dateBlock, false);\n            }\n\n        }\n\n        terminRadios.forEach(function(radio){\n            radio.addEventListener('change', updateDates);\n        });\n\n        updateDates();\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | VALIDACIJA DATUMA DOLASKA\/ODLASKA\n        |--------------------------------------------------------------------------\n        *\/\n\n        const arrivalInput = form.querySelector('[name=\"datum_dolaska\"]');\n        const departureInput = form.querySelector('[name=\"datum_odlaska\"]');\n        const dateError = document.getElementById('thalassoDateError');\n        let lastConfirmedRange = null;\n\n        function daysBetween(from, to){\n            return Math.round((new Date(to) - new Date(from)) \/ 86400000);\n        }\n\n        function showDateError(message){\n            if(!dateError || !departureInput) return;\n            dateError.textContent = message;\n            dateError.style.display = 'block';\n            departureInput.classList.add('thalasso-invalid');\n            const wrap = departureInput.closest('.thalasso-field');\n            if(wrap) wrap.classList.add('thalasso-error');\n        }\n\n        function clearDateError(){\n            if(!dateError || !departureInput) return;\n            dateError.textContent = '';\n            dateError.style.display = 'none';\n            departureInput.classList.remove('thalasso-invalid');\n            const wrap = departureInput.closest('.thalasso-field');\n            if(wrap) wrap.classList.remove('thalasso-error');\n        }\n\n        function validateDateRange(){\n\n            if(!arrivalInput || !departureInput) return true;\n\n            departureInput.setCustomValidity('');\n            clearDateError();\n\n            const arrival = arrivalInput.value;\n            const departure = departureInput.value;\n\n            if(!arrival || !departure){\n                return true;\n            }\n\n            const diff = daysBetween(arrival, departure);\n\n            if(diff < 0){\n                departureInput.setCustomValidity(txt.date_order[lang]);\n                showDateError(txt.date_order[lang]);\n                return false;\n            }\n\n            const rangeKey = arrival + '|' + departure;\n\n            if(diff > 30 && lastConfirmedRange !== rangeKey){\n                const proceed = window.confirm(txt.long_stay_confirm[lang]);\n                if(!proceed){\n                    departureInput.value = '';\n                    return true;\n                }\n                lastConfirmedRange = rangeKey;\n            }\n\n            return true;\n        }\n\n        if(arrivalInput && departureInput){\n            arrivalInput.addEventListener('change', validateDateRange);\n            departureInput.addEventListener('change', validateDateRange);\n        }\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | DOB DJECE \u2014 SMJE\u0160TAJ\n        |--------------------------------------------------------------------------\n        *\/\n\n        const brojDjeceSmjestaj = document.getElementById('broj_djece_smjestaj');\n        const dobDjeceSmjestaj = document.getElementById('dobDjeceSmjestaj');\n\n        function updateChildAgesAccommodation(){\n\n            const count = parseInt(brojDjeceSmjestaj.value || 0);\n\n            dobDjeceSmjestaj.innerHTML = '';\n\n            if(count < 1){\n                return;\n            }\n\n            for(let i = 1; i <= count; i++){\n\n                dobDjeceSmjestaj.insertAdjacentHTML('beforeend', `\n                    <div class=\"thalasso-field thalasso-age-field\">\n                        <label>${lang === 'hr' ? 'Broj godina ' + i + '. djeteta' : lang === 'de' ? 'Alter des ' + i + '. Kindes' : 'Age of child ' + i}<\/label>\n                        <input type=\"number\" name=\"dob_djece_smjestaj[]\" min=\"0\" max=\"18\" required>\n                    <\/div>\n                `);\n\n            }\n\n        }\n\n        if(brojDjeceSmjestaj){\n            brojDjeceSmjestaj.addEventListener('input', updateChildAgesAccommodation);\n            updateChildAgesAccommodation();\n        }\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | MEDICINSKE USLUGE BLOCK\n        |--------------------------------------------------------------------------\n        *\/\n\n        const medRadios = form.querySelectorAll('[name=\"medicinske_usluge_koristenje\"]');\n        const medBlock = form.querySelector('.thalasso-medical-block');\n\n        function updateMedicalBlock(){\n\n            const selected = form.querySelector('[name=\"medicinske_usluge_koristenje\"]:checked');\n            const value = selected ? selected.value : '';\n\n            if(value === 'Da'){\n                medBlock.style.display = 'block';\n                setRequired(medBlock, true);\n                updateMedicalChildrenAges();\n                updateMedicalPersons();\n            } else {\n                medBlock.style.display = 'none';\n                setRequired(medBlock, false);\n            }\n\n        }\n\n        medRadios.forEach(function(radio){\n            radio.addEventListener('change', updateMedicalBlock);\n        });\n\n        updateMedicalBlock();\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | DOB DJECE \u2014 MEDICINA\n        |--------------------------------------------------------------------------\n        *\/\n\n        const brojDjeceMedicina = document.getElementById('broj_djece_medicina');\n        const dobDjeceMedicina = document.getElementById('dobDjeceMedicina');\n\n        function updateMedicalChildrenAges(){\n\n            if(!brojDjeceMedicina) return;\n\n            const medSelected = form.querySelector('[name=\"medicinske_usluge_koristenje\"]:checked');\n\n            if(!medSelected || medSelected.value !== 'Da'){\n                if(dobDjeceMedicina){\n                    dobDjeceMedicina.innerHTML = '';\n                }\n                return;\n            }\n\n            const count = parseInt(brojDjeceMedicina.value || 0);\n\n            dobDjeceMedicina.innerHTML = '';\n\n            if(count < 1){\n                return;\n            }\n\n            for(let i = 1; i <= count; i++){\n\n                dobDjeceMedicina.insertAdjacentHTML('beforeend', `\n                    <div class=\"thalasso-field thalasso-age-field\">\n                        <label>${lang === 'hr' ? 'Broj godina ' + i + '. djeteta' : lang === 'de' ? 'Alter des ' + i + '. Kindes' : 'Age of child ' + i}<\/label>\n                        <input type=\"number\" name=\"dob_djece_medicina[]\" min=\"0\" max=\"18\" required>\n                    <\/div>\n                `);\n\n            }\n\n        }\n\n        if(brojDjeceMedicina){\n            brojDjeceMedicina.addEventListener('input', function(){\n                updateMedicalChildrenAges();\n                updateMedicalPersons();\n            });\n        }\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | OSOBE ZA MEDICINSKE USLUGE\n        |--------------------------------------------------------------------------\n        *\/\n\n        const brojOdraslihMedicina = document.getElementById('broj_odraslih_medicina');\n        const medicinskeOsobe = document.getElementById('medicinskeOsobe');\n\n        function updateMedicalPersons(){\n\n            const medSelected = form.querySelector('[name=\"medicinske_usluge_koristenje\"]:checked');\n\n            if(!medSelected || medSelected.value !== 'Da'){\n                if(medicinskeOsobe){\n                    medicinskeOsobe.innerHTML = '';\n                }\n                return;\n            }\n\n            const adults = parseInt(brojOdraslihMedicina.value || 0);\n            const children = parseInt(brojDjeceMedicina.value || 0);\n            const total = adults + children;\n\n            medicinskeOsobe.innerHTML = '';\n\n            if(total < 1){\n                return;\n            }\n\n            for(let i = 0; i < total; i++){\n\n                const broj = i + 1;\n\n                \/\/ Build conditional medical-payment block: show full HZZO radios only on HR pages,\n                \/\/ otherwise insert a hidden input defaulting to self-paid.\n                let medPaymentBlock = '';\n                if(lang === 'hr'){\n                    medPaymentBlock = `\n                        <div class=\"thalasso-label-big\">\n                            Medicinske usluge koristit \u0107u:\n                        <\/div>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"med_osobe[${i}][nacin]\" value=\"Temeljem uputnice HZZO-a za ambulantno lije\u010denje\" required>\n                            <span>Temeljem uputnice HZZO-a za ambulantno lije\u010denje<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-radio\">\n                            <input type=\"radio\" name=\"med_osobe[${i}][nacin]\" value=\"Medicinske usluge \u0107u platiti samostalno\">\n                            <span>Medicinske usluge \u0107u platiti samostalno<\/span>\n                        <\/label>\n                    `;\n                } else {\n                    medPaymentBlock = `<input type=\"hidden\" name=\"med_osobe[${i}][nacin]\" value=\"Medicinske usluge \u0107u platiti samostalno\">`;\n                }\n\n                medicinskeOsobe.insertAdjacentHTML('beforeend', `\n\n                    <div class=\"thalasso-person-block\">\n\n                        <h4>Osoba ${broj}<\/h4>\n\n                        <div class=\"thalasso-field\">\n                            <label>Ime i prezime osobe koja \u0107e koristiti medicinske usluge<\/label>\n                            <input type=\"text\" name=\"med_osobe[${i}][ime]\" required>\n                        <\/div>\n\n                        <div class=\"thalasso-label-big\">\n                            Navedite medicinske usluge koje \u017eelite koristiti\n                        <\/div>\n\n                        <label class=\"thalasso-checkbox\">\n                            <input type=\"checkbox\" name=\"med_osobe[${i}][usluge][]\" value=\"Fizikalna terapija\">\n                            <span>Fizikalna terapija<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-checkbox\">\n                            <input type=\"checkbox\" name=\"med_osobe[${i}][usluge][]\" value=\"Terapija za di\u0161ne putove \u2013 pulmologija, odrasle osobe\">\n                            <span>Terapija za di\u0161ne putove \u2013 pulmologija, odrasle osobe<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-checkbox\">\n                            <input type=\"checkbox\" name=\"med_osobe[${i}][usluge][]\" value=\"Terapija za di\u0161ne putove \u2013 otorinolaringologija, odrasle osobe\">\n                            <span>Terapija za di\u0161ne putove \u2013 otorinolaringologija, odrasle osobe<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-checkbox\">\n                            <input type=\"checkbox\" name=\"med_osobe[${i}][usluge][]\" value=\"Terapija za di\u0161ne putove \u2013 pedijatrija, za djecu\">\n                            <span>Terapija za di\u0161ne putove \u2013 pedijatrija, za djecu<\/span>\n                        <\/label>\n\n                        <label class=\"thalasso-checkbox\">\n                            <input type=\"checkbox\" class=\"other-med-service\" name=\"med_osobe[${i}][usluge][]\" value=\"Druge medicinske usluge\">\n                            <span>Druge medicinske usluge<\/span>\n                        <\/label>\n\n                        <div class=\"thalasso-field thalasso-other-med-field\">\n                            <label>Navedite druge medicinske usluge<\/label>\n                            <textarea name=\"med_osobe[${i}][druge_usluge]\"><\/textarea>\n                        <\/div>\n\n                        ${medPaymentBlock}\n\n                    <\/div>\n\n                `);\n\n            }\n\n        }\n\n        if(brojOdraslihMedicina){\n            brojOdraslihMedicina.addEventListener('input', updateMedicalPersons);\n        }\n\n        if(brojDjeceMedicina){\n            brojDjeceMedicina.addEventListener('input', updateMedicalPersons);\n        }\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | DRUGE MEDICINSKE USLUGE\n        |--------------------------------------------------------------------------\n        *\/\n\n        document.addEventListener('change', function(e){\n\n            if(e.target.classList.contains('other-med-service')){\n\n                const block = e.target.closest('.thalasso-person-block');\n                const otherField = block.querySelector('.thalasso-other-med-field');\n\n                if(e.target.checked){\n                    otherField.style.display = 'block';\n                    otherField.querySelector('textarea').setAttribute('required', 'required');\n                } else {\n                    otherField.style.display = 'none';\n                    otherField.querySelector('textarea').removeAttribute('required');\n                    otherField.querySelector('textarea').value = '';\n                }\n\n            }\n\n        });\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | OGRANI\u010cENJA\n        |--------------------------------------------------------------------------\n        *\/\n\n        const ogranicenjaOpis = form.querySelector('.thalasso-ogranicenja-opis');\n\n        function updateOgranicenja(){\n\n            const checked = form.querySelector('input[name=\"ogranicenja\"][value=\"Da, postoje ograni\u010denja\"]');\n\n            if(checked && checked.checked){\n                ogranicenjaOpis.style.display = 'block';\n            } else {\n                ogranicenjaOpis.style.display = 'none';\n                ogranicenjaOpis.querySelector('textarea').value = '';\n            }\n\n        }\n\n        form.querySelectorAll('input[name=\"ogranicenja\"]').forEach(function(ch){\n            ch.addEventListener('change', updateOgranicenja);\n        });\n\n        updateOgranicenja();\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | FILE PREVIEW\n        |--------------------------------------------------------------------------\n        *\/\n\n        document.addEventListener('change', function(e){\n\n            if(e.target.matches('input[type=\"file\"]')){\n\n                const file = e.target.files[0];\n                const row = e.target.closest('.thalasso-upload-row');\n                const fileBox = row.querySelector('.thalasso-file');\n\n                if(file){\n\n                    fileBox.innerHTML = `\n                        <div class=\"thalasso-file-item\">\n                            <div>\ud83d\udcc4 ${file.name}<\/div>\n                            <button type=\"button\" class=\"thalasso-remove\">\u00d7<\/button>\n                        <\/div>\n                    `;\n\n                    row.classList.add('has-file');\n\n                }\n\n            }\n\n        });\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | REMOVE FILE\n        |--------------------------------------------------------------------------\n        *\/\n\n        document.addEventListener('click', function(e){\n\n            if(e.target.matches('.thalasso-remove')){\n\n                e.preventDefault();\n                e.stopPropagation();\n\n                const row = e.target.closest('.thalasso-upload-row');\n\n                row.querySelector('input[type=\"file\"]').value = '';\n                row.querySelector('.thalasso-file').innerHTML = '';\n                row.classList.remove('has-file');\n\n            }\n\n        });\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | ADD DOCUMENT\n        |--------------------------------------------------------------------------\n        *\/\n\n        const addDoc = document.getElementById('addSmjestajDokument');\n\n        if(addDoc){\n\n            addDoc.addEventListener('click', function(){\n\n                const container = document.getElementById('smjestajDokumenti');\n                const uniqueId = Date.now();\n\n                container.insertAdjacentHTML('beforeend', `\n\n                    <div class=\"thalasso-upload-row\">\n\n                        <div class=\"thalasso-upload-box\">\n\n                            <input\n                                type=\"file\"\n                                name=\"dokumenti[]\"\n                                id=\"dokumenti_${uniqueId}\"\n                                accept=\".pdf\"\n                            >\n\n                            <label for=\"dokumenti_${uniqueId}\" class=\"thalasso-upload-inner\">\n\n                                <div class=\"thalasso-upload-icon\">\n                                    \ud83d\udcc4\n                                <\/div>\n\n                                <div class=\"thalasso-upload-text\">\n                                    ${txt.choose_file[lang]}\n                                <\/div>\n\n                                <div class=\"thalasso-upload-sub\">\n                                    ${txt.drag_here[lang]}\n                                <\/div>\n\n                            <\/label>\n\n                            <div class=\"thalasso-file\"><\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                `);\n\n            });\n\n        }\n\n\n        \/*\n        |--------------------------------------------------------------------------\n        | AJAX SUBMIT\n        |--------------------------------------------------------------------------\n        *\/\n\n        form.addEventListener('submit', function(e){\n\n            e.preventDefault();\n\n            \/*\n            |--------------------------------------------------------------------------\n            | RESET VALIDACIJE\n            |--------------------------------------------------------------------------\n            *\/\n\n            form.querySelectorAll('.thalasso-required-message').forEach(function(msg){\n                msg.remove();\n            });\n\n            form.querySelectorAll('.thalasso-error').forEach(function(errorElement){\n                if(errorElement !== globalError){\n                    errorElement.classList.remove('thalasso-error');\n                }\n            });\n\n            form.querySelectorAll('.thalasso-invalid').forEach(function(field){\n                field.classList.remove('thalasso-invalid');\n            });\n\n            if(document.querySelector('.thalasso-response')){\n                document.querySelector('.thalasso-response').innerHTML = '';\n            }\n\n            globalError.style.display = 'none';\n            globalError.textContent = '';\n\n            if(typeof validateDateRange === 'function'){\n                validateDateRange();\n            }\n\n            \/*\n            |--------------------------------------------------------------------------\n            | VALIDACIJA OBAVEZNIH POLJA\n            |--------------------------------------------------------------------------\n            *\/\n\n            const invalidFields = form.querySelectorAll(':invalid');\n\n            if(invalidFields.length > 0){\n\n                let scrollTarget = null;\n\n                invalidFields.forEach(function(field, index){\n\n                    field.classList.add('thalasso-invalid');\n\n                    const isChoice = field.type === 'radio' || field.type === 'checkbox';\n                    const optionWrap = isChoice\n                        ? (field.closest('.thalasso-radio') || field.closest('.thalasso-checkbox'))\n                        : null;\n                    const fieldWrap =\n                        field.closest('.thalasso-field') ||\n                        (isChoice ? field.closest('.thalasso-block') : null) ||\n                        optionWrap ||\n                        field.closest('.thalasso-counter') ||\n                        field.parentElement;\n\n                    if(fieldWrap){\n                        fieldWrap.classList.add('thalasso-error');\n                    }\n\n                    const messageText = field.validity.customError ? field.validationMessage : txt.required[lang];\n\n                    if(fieldWrap && !fieldWrap.querySelector('.thalasso-required-message')){\n\n                        fieldWrap.insertAdjacentHTML('beforeend', `\n                            <div class=\"thalasso-required-message\">\n                                ${messageText}\n                            <\/div>\n                        `);\n\n                    }\n\n                    if(index === 0){\n                        const precise = optionWrap || field.closest('.thalasso-field') || fieldWrap;\n                        if(precise){\n                            precise.classList.add('thalasso-error-precise');\n                        }\n                        scrollTarget = precise || fieldWrap;\n                    }\n\n                });\n\n                if(scrollTarget){\n                    scrollTarget.scrollIntoView({\n                        behavior:'smooth',\n                        block:'center'\n                    });\n                }\n\n                if(typeof invalidFields[0].focus === 'function'){\n                    invalidFields[0].focus({ preventScroll: true });\n                }\n\n                globalError.textContent = txt.fields[lang];\n                globalError.style.display = 'block';\n\n                return;\n            }\n\n            \/*\n            |--------------------------------------------------------------------------\n            | FORM DATA\n            |--------------------------------------------------------------------------\n            *\/\nif(typeof grecaptcha !== 'undefined'){\n\n    const recaptchaResponse = grecaptcha.getResponse();\n\n    if(!recaptchaResponse){\n\n        document.querySelector('.thalasso-response').innerHTML = `\n            <div class=\"thalasso-error\">\n                ${txt.captcha[lang]}\n            <\/div>\n        `;\n\n        return;\n    }\n}\n\t\t\tconst submitBtn = form.querySelector('.thalasso-btn');\n\nsubmitBtn.disabled = true;\n\nsubmitBtn.innerHTML = `\n    <span class=\"thalasso-spinner\"><\/span>\n    ${txt.sending[lang]}\n`;\n\nform.querySelector('.thalasso-response').innerHTML = `\n    <div class=\"thalasso-info\">\n        ${txt.sendingInfo[lang]}\n    <\/div>\n`;\n            const formData = new FormData(form);\n\n            formData.append('action', 'thalasso_smjestaj_submit');\n\n            fetch('https:\/\/thalasso-ck.hr\/wp-admin\/admin-ajax.php', {\n                method:'POST',\n                body:formData\n            })\n            .then(response => response.json())\n            .then(data => {\n\n\t\t\t\tsubmitBtn.disabled = false;\n\nsubmitBtn.innerHTML = `\n    ${txt.submit[lang]}\n`;\n\t\t\t\t\n                document.querySelector('.thalasso-response').innerHTML = `\n                    <div class=\"${data.success ? 'thalasso-success' : 'thalasso-error'}\">\n                        ${data.message}\n                    <\/div>\n                `;\n\n                if(data.success){\n\n                    form.reset();\n\n                    form.querySelectorAll('.thalasso-required-message').forEach(function(msg){\n                        msg.remove();\n                    });\n\n                    form.querySelectorAll('.thalasso-invalid').forEach(function(field){\n                        field.classList.remove('thalasso-invalid');\n                    });\n\n                    form.querySelectorAll('.thalasso-error').forEach(function(errorElement){\n                        if(errorElement !== globalError){\n                            errorElement.classList.remove('thalasso-error');\n                        }\n                    });\n\n                    globalError.style.display = 'none';\n                    globalError.textContent = '';\n\n                    updateAccommodationType();\n                    updateDates();\n                    updateChildAgesAccommodation();\n                    updateMedicalBlock();\n                    updateMedicalChildrenAges();\n                    updateMedicalPersons();\n                    updateOgranicenja();\n\n                    document.querySelectorAll('.thalasso-file').forEach(function(box){\n                        box.innerHTML = '';\n                    });\n\n                    document.querySelectorAll('.thalasso-upload-row').forEach(function(row){\n                        row.classList.remove('has-file');\n                    });\n\n                    if(typeof grecaptcha !== 'undefined'){\n    grecaptcha.reset();\n}\n\n                }\n\n                document.querySelector('.thalasso-response').scrollIntoView({\n                    behavior:'smooth',\n                    block:'center'\n                });\n\n            })\n            .catch(() => {\n\t\t\t\t\n\t\t\t\tsubmitBtn.disabled = false;\n\nsubmitBtn.innerHTML = `\n    ${txt.submit[lang]}\n`;\n\n                document.querySelector('.thalasso-response').innerHTML = `\n                    <div class=\"thalasso-error\">\n                        ${txt.error[lang]}\n                    <\/div>\n                `;\n\n            });\n\n        });\n\n    });\n    <\/script>\n\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NARU\u010cIVANJE I REZERVACIJE Naru\u010divanje i rezervacije Bolni\u010dko lije\u010denje Specijalisti\u010dki pregled, dijagnostika, ambulantno lije\u010denje Rezervacija smje\u0161taja Op\u0107i upit Otkazivanje narud\u017ebe NARU\u010cIVANJE I REZERVACIJE<\/p>","protected":false},"author":1,"featured_media":0,"parent":47,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1345","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thalasso-ck.hr\/en\/wp-json\/wp\/v2\/pages\/1345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thalasso-ck.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thalasso-ck.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thalasso-ck.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thalasso-ck.hr\/en\/wp-json\/wp\/v2\/comments?post=1345"}],"version-history":[{"count":34,"href":"https:\/\/thalasso-ck.hr\/en\/wp-json\/wp\/v2\/pages\/1345\/revisions"}],"predecessor-version":[{"id":5527,"href":"https:\/\/thalasso-ck.hr\/en\/wp-json\/wp\/v2\/pages\/1345\/revisions\/5527"}],"up":[{"embeddable":true,"href":"https:\/\/thalasso-ck.hr\/en\/wp-json\/wp\/v2\/pages\/47"}],"wp:attachment":[{"href":"https:\/\/thalasso-ck.hr\/en\/wp-json\/wp\/v2\/media?parent=1345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}