{"id":4912,"date":"2026-01-16T15:24:15","date_gmt":"2026-01-16T12:24:15","guid":{"rendered":"https:\/\/comfyrestdev1.wpenginepowered.com\/?page_id=4912"},"modified":"2026-01-16T15:24:15","modified_gmt":"2026-01-16T12:24:15","slug":"booking-test","status":"publish","type":"page","link":"https:\/\/comfyrest.eu\/en\/booking-test\/","title":{"rendered":"booking test"},"content":{"rendered":"        <style>\n            .comfy-app { --c-main-width:860px; }\n            .comfy-app.comfy-search-layout { width:min(100%, 860px); margin:0 auto; padding:15px; background:#fff; border-radius:5px; display:flex; flex-direction:column; gap:0px; box-sizing:border-box; }\n            .c-search-box { background:#fff; border-radius:8px; padding:0; width:min(100%, var(--c-main-width)); margin:0 auto; font-family:'Metropolis',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; box-sizing:border-box; position:relative; z-index:30; }\n            .c-search-message { text-align:center; padding:20px; box-sizing:border-box; }\n            .c-search-box.c-search-message-min-stay,\n            .c-search-box.c-search-message-guest-limit { color:#212529; }\n            .c-search-box.c-booking-widget-error {\n                padding:12px 14px;\n                border:1px solid rgba(212,17,30,0.24);\n                background:#fff;\n                color:#fff;\n                font-size:14px;\n                line-height:1.4;\n                font-weight:500;\n            }\n            .c-booking-widget-error__message { display:inline; }\n            .c-booking-widget-error__back {\n                color:#fff;\n                font-weight:600;\n                text-decoration:underline;\n                text-underline-offset:2px;\n            }\n            .c-booking-widget-error__back:hover { color:#0796ef; }\n            .home .c-search-box.c-booking-widget-error .c-booking-widget-error__message { color:#000;}\n            .home .c-search-box.c-booking-widget-error .c-booking-widget-error__back {color:#0796ef;}\n            .c-results-frame { width:min(100%, var(--c-main-width)); margin:0 auto; padding:15px 0; display:flex; flex-direction:column; gap:18px; position:relative; z-index:1; }\n            .c-results-grid { display:grid; gap:18px; width:100%; margin:0; }\n            .c-search-grid { display:flex; gap:8px; align-items:center; justify-content:center; flex-wrap:nowrap; border:1px solid #ced4da; border-radius:5px; padding:16px 15px 1px; box-sizing:border-box; width:100%; max-width:100%; margin:0 auto; position:relative; z-index:35; }\n            .c-field-group { flex:1 1 140px; min-width:0; position:relative; }\n            .c-field-group.c-date-field { flex:1 0 auto; padding:0 0 16px; box-sizing:border-box; }\n            .c-field-group.c-guest-field { flex:1 0 auto; padding:0 0 16px; box-sizing:border-box; z-index:1; }\n            .c-field-group.c-guest-field.is-open { z-index:1400; }\n            .c-field-group.c-guest-field.c-children-field { flex-basis:auto; min-width:72px; }\n            .c-field-group.c-search-action { flex:1 0 120px;  padding:29px 0 16px; box-sizing:border-box; display:flex; justify-content:center; align-items:flex-start; }\n            .c-field-group.c-search-action .c-label { display:none; }\n            .c-label { font-size:16px; font-weight:400; color:#9a9a9a; margin-bottom:5px; display:block; line-height:24px; }\n            .c-input-wrapper { position:relative; display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:5px; background:#fff; height:36px; }\n            .c-input-wrapper:focus-within { border-color:#4A60F5; outline:1px solid #4A60F5; outline-offset:-1px; }\n            .c-date-wrapper { cursor:pointer; overflow:hidden; }\n            .c-date-wrapper .c-input-divider,\n            .c-date-wrapper .c-input-icon { cursor:pointer; }\n            .c-date-wrapper.has-value .c-date-display { color:#4A4A4A; }\n            .c-date-display { flex:1; padding:10px 12px; font-size:16px; color:#9aa0a6; font-weight:400; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n            .c-date-native { position:absolute; inset:0; width:100%; height:100%; border:0; opacity:0; z-index:3; cursor:pointer; background:transparent; }\n            .c-date-native:focus { outline:none; }\n            .c-date-native::-webkit-calendar-picker-indicator { opacity:0; position:absolute; right:0; width:100%; height:100%; cursor:pointer; }\n            .c-input { border:none; padding:10px 12px; font-size:16px; width:100%; height:100%; background:transparent; box-sizing:border-box; color:#424242; font-weight:400; flex:1; }\n            .c-input:focus { outline:none; }\n            .c-input-divider { width:1px; height:100%; background:#ced4da; margin:0; flex-shrink:0; }\n            .c-input-icon { width:38px; height:100%; pointer-events:none; opacity:1; flex-shrink:0; display:flex; align-items:center; justify-content:center; margin-right:0; }\n            .c-input-icon svg { width:14px; height:16px; }\n            .c-input-icon svg, .c-input-icon svg * { stroke:#9a9a9a !important; fill:none !important; }\n            .c-guest-selector { position:relative; border:1px solid #ced4da; border-radius:5px; background:#fff; height:36px; display:flex; align-items:center; cursor:pointer; width:100%; margin:0 auto; z-index:1; }\n            .c-guest-selector:focus-within { border-color:#4A60F5; outline:1px solid #4A60F5; outline-offset:-1px; }\n            .c-guest-selector.active { z-index:1200; }\n            .c-guest-value { text-align:left; font-size:16px; font-weight:400; color:#424242; padding:8px; flex:1; min-width:0; }\n            .c-guest-chevron { width:30px; height:20px; margin-right:0; pointer-events:none; opacity:1; flex-shrink:0; display:flex; align-items:center; justify-content:center; }\n            .c-guest-chevron svg { width:100%; height:100%; stroke:#424242; stroke-width:2.5; }\n            .c-guest-dropdown { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; border:1px solid #ced4da; border-radius:5px; margin-top:4px; box-shadow:0 4px 12px rgba(0,0,0,0.15); z-index:1300; max-height:200px; overflow-y:auto; }\n            .c-guest-selector.active .c-guest-dropdown { display:block; }\n            .c-guest-option { padding:0px 6px; cursor:pointer; font-size:16px; color:#424242; }\n            .c-guest-option:hover { background:#e9ebf0; }\n            .c-search-btn { background-color:#0C71C3; color:white; border:1px solid #0C71C3; border-radius:4px; height:36px; width:100%; margin:0 auto; font-weight:500; cursor:pointer; font-size:16px; line-height:24px; transition:all 0.2s; display:block; }\n            .c-search-btn:hover { background-color:#0796ef; }\n            .c-search-btn:active { transform:scale(0.98); }\n            .c-card { display:flex; border:1px solid #ced4da; background:#fff; border-radius:5px; overflow:visible; box-shadow:none; transition:none; width:100%; max-width:100%; margin:0 auto; padding:16px 1px; box-sizing:border-box; }\n            .c-card:hover { transform:none; box-shadow:none; }\n            .c-img { width:203px; height:100%; margin:0 15px; border-radius:4.8px; background-position:center; background-size:cover; min-height:184px; flex:0 0 184px; }\n            .c-img-link { display:block; flex:0 0 auto; text-decoration:none; }\n            .c-body { padding:0 15px 0 0; flex:1; display:flex; gap:15px; justify-content:space-between; }\n            .c-card-main { min-width:0; display:flex; flex-direction:column; gap:15px; flex:1 1 auto; }\n            .c-card-title { margin:0; font-size:24px; line-height:1.15; color:#3f3f3f; font-weight:500; letter-spacing:-0.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n            .c-card-link { color:inherit; text-decoration:none; display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n            .c-card-link:hover { text-decoration:underline; }\n            .c-icon-stack { display:flex; flex-direction:column; gap:15px; width:100%; }\n            .c-bed-group { display:flex; gap:15px; align-items:center; flex-wrap:wrap; }\n            .c-bed-item { display:flex; align-items:center; gap:4px; }\n            .c-bed-item img { width:30px; height:30px; object-fit:contain; }\n            .c-bed-item img.c-icon-guest { width:18px; height:18px; }\n            .c-bed-item img.c-icon-bed-double { width:33px; }\n            .c-bed-item img.c-icon-bed-single { width:21px; height:17px; object-fit:fill; }\n            .c-amenity-group { display:flex; flex-wrap:wrap; gap:5px; align-items:flex-start; max-width:306px; }\n            .c-amenity-item { display:flex; align-items:center; justify-content:center; width:30px; height:30px; }\n            .c-amenity-item img { width:30px; height:30px; object-fit:contain; }\n            .c-icon-count { font-size:16px; line-height:1; font-weight:400; color:#424242; }\n            .c-card-footer { min-width:111px; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end; gap:6px; text-align:right; }\n            .c-card-price-wrap { display:flex; flex-direction:column; gap:6px; color:#212529; }\n            .c-card-price-meta { font-size:14px; line-height:1; color:#212529; margin:0; }\n            .c-card-price { font-size:18px; line-height:1; font-weight:600; color:#212529; margin:0; }\n            .c-card-book-btn { display:inline-flex; align-items:center; justify-content:center; min-width:111px; height:38px; background:#0C71C3; color:#fff; padding:7px 13px; border-radius:4px; text-decoration:none; font-weight:500; font-size:16px; line-height:24px; }\n            .c-card-book-btn:hover { background:#0796ef; }\n            .c-tooltip-item { position:relative; cursor:pointer; }\n            .c-tooltip-item:focus { outline:none; }\n            .c-icon-tooltip {\n                position:absolute;\n                left:50%;\n                bottom:calc(100% + 10px);\n                transform:translateX(-50%);\n                background:#b3b3b3;\n                color:#fff;\n                padding:6px 10px;\n                border-radius:6px;\n                font-size:12px;\n                line-height:1.2;\n                white-space:nowrap;\n                opacity:0;\n                visibility:hidden;\n                transition:opacity 0.15s ease;\n                pointer-events:none;\n                z-index:20;\n            }\n            .c-icon-tooltip:after {\n                content:\"\";\n                position:absolute;\n                top:100%;\n                left:50%;\n                transform:translateX(-50%);\n                border-width:6px 6px 0 6px;\n                border-style:solid;\n                border-color:#b3b3b3 transparent transparent transparent;\n            }\n            .c-tooltip-item:hover .c-icon-tooltip,\n            .c-tooltip-item:focus .c-icon-tooltip,\n            .c-tooltip-item.is-active .c-icon-tooltip {\n                opacity:1;\n                visibility:visible;\n            }\n            @media (max-width: 768px) { \n                .comfy-app.comfy-search-layout { padding:12px; }\n                .c-search-box { padding:0px; }\n                .c-results-frame { padding:12px 0 0; gap:12px; }\n                .c-search-grid { display:grid; grid-template-columns:1fr; gap:12px; padding:12px; width:100%; }\n                .c-field-group.c-date-field,\n                .c-field-group.c-guest-field,\n                .c-field-group.c-guest-field.c-children-field,\n                .c-field-group.c-search-action { flex-basis:auto; max-width:none; min-width:0; padding:0; flex-direction:column; }\n                .c-field-group.c-search-action .c-label { display:block; }\n                .c-guest-selector { width:100%; }\n                .c-search-btn { width:100%; }\n                .c-card { flex-direction:column; width:100%; padding:14px; } \n                .c-img { width:100%; height:200px; margin:14px 0; min-height:0; flex:0 0 auto; }\n                .c-body { padding:0; flex-direction:column; }\n                .c-card-main { width:100%; gap:0px; }\n                .c-card-title { font-size:24px; }\n                .c-bed-group { gap:10px; }\n                .c-amenity-group { max-width:none; }\n                .c-card-footer { text-align:right; margin-top:12px; min-width:0; width:100%; align-self:stretch; padding-left:0; align-items:flex-end !important; }\n                .c-card-price-wrap { gap:4px; width:100%; align-items:flex-end; text-align:right; }\n                .c-card-book-btn { align-self:flex-end; }\n                .c-tooltip-item.is-fixed-tooltip .c-icon-tooltip { position:fixed; left:var(--c-tooltip-left, 12px); top:var(--c-tooltip-top, 12px); bottom:auto; transform:none; max-width:calc(100vw - 24px); white-space:normal; text-align:left; z-index:2147483647; }\n                .c-tooltip-item.is-fixed-tooltip .c-icon-tooltip:after { top:100%; left:var(--c-tooltip-arrow-left, 15px); transform:none; }\n                .c-card-price { font-size:18px; }\n                .c-card-price-meta { font-size:14px; }\n                .c-card-book-btn { font-size:16px; }\n                .c-label,\n                .c-date-display,\n                .c-input,\n                .c-guest-value,\n                .c-search-btn { font-size:16px; }\n                .c-guest-option { font-size:16px; }\n                .c-input-wrapper, .c-guest-selector, .c-search-btn { height:44px; }\n                .c-input-icon { width:44px; }\n            }\n        <\/style>\n        <div id=\"comfy-search-widget\" class=\"comfy-app comfy-search-layout\">        <div class=\"c-search-box\">\n            <form method=\"GET\" action=\"#comfy-search-widget\" class=\"c-search-grid\" id=\"comfy-search-form\">\n                <input type=\"hidden\" name=\"step\" value=\"search\">\n                                                <div class=\"c-field-group c-date-field\">\n                    <label class=\"c-label\">Atvykimas<\/label>\n                    <div class=\"c-input-wrapper c-date-wrapper\">\n                        <span class=\"c-date-display\" id=\"comfy-checkin-display\">DD\/MM\/YY<\/span>\n                        <input type=\"date\" name=\"checkin\" value=\"\" required class=\"c-input c-date-native\" id=\"comfy-checkin\">\n                        <span class=\"c-input-divider\"><\/span>\n                        <div class=\"c-input-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                                <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n                                <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n                                <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"c-field-group c-date-field\">\n                    <label class=\"c-label\">I\u0161vykimas<\/label>\n                    <div class=\"c-input-wrapper c-date-wrapper\">\n                        <span class=\"c-date-display\" id=\"comfy-checkout-display\">DD\/MM\/YY<\/span>\n                        <input type=\"date\" name=\"checkout\" value=\"\" required class=\"c-input c-date-native\" id=\"comfy-checkout\">\n                        <span class=\"c-input-divider\"><\/span>\n                        <div class=\"c-input-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                                <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                                <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n                                <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n                                <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"c-field-group c-guest-field\">\n                    <label class=\"c-label\">Suaug\u0119<\/label>\n                    <div class=\"c-guest-selector\" data-field=\"adults\">\n                        <span class=\"c-guest-value\" id=\"adults-value\">2<\/span>\n                        <div class=\"c-guest-chevron\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <input type=\"hidden\" name=\"adults\" value=\"2\" id=\"adults-input\" min=\"1\">\n                        <div class=\"c-guest-dropdown\" id=\"adults-dropdown\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"c-field-group c-guest-field c-children-field\">\n                    <label class=\"c-label\">Vaikai<\/label>\n                    <div class=\"c-guest-selector\" data-field=\"children\">\n                        <span class=\"c-guest-value\" id=\"children-value\">0<\/span>\n                        <div class=\"c-guest-chevron\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <input type=\"hidden\" name=\"children\" value=\"0\" id=\"children-input\" min=\"0\">\n                        <div class=\"c-guest-dropdown\" id=\"children-dropdown\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"c-field-group c-guest-field\">\n                    <label class=\"c-label\">Augintiniai<\/label>\n                    <div class=\"c-guest-selector\" data-field=\"pets\">\n                        <span class=\"c-guest-value\" id=\"pets-value\">0<\/span>\n                        <div class=\"c-guest-chevron\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <input type=\"hidden\" name=\"pets\" value=\"0\" id=\"pets-input\" min=\"0\">\n                        <div class=\"c-guest-dropdown\" id=\"pets-dropdown\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"c-field-group c-search-action\">\n                    <label class=\"c-label\" style=\"opacity:0;\">Ie\u0161koti<\/label>\n                    <button type=\"submit\" class=\"c-search-btn\">Ie\u0161koti<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n        <script>\n        (function(){\n            function runWhenReady(fn) {\n                if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', fn, {once:true});\n                else fn();\n            }\n\n            function executeWidgetScripts(root) {\n                if(!root) return;\n                const scripts = Array.from(root.querySelectorAll('script'));\n                scripts.forEach(function(oldScript){\n                    const newScript = document.createElement('script');\n                    Array.from(oldScript.attributes).forEach(function(attr){\n                        newScript.setAttribute(attr.name, attr.value);\n                    });\n                    newScript.textContent = oldScript.textContent;\n                    oldScript.parentNode.replaceChild(newScript, oldScript);\n                });\n            }\n\n            function initSearchUI() {\n                const form = document.getElementById('comfy-search-form');\n                if(!form || form.dataset.comfyInit === '1') return;\n                form.dataset.comfyInit = '1';\n\n                const widget = document.getElementById('comfy-search-widget');\n                const checkin = document.getElementById('comfy-checkin');\n                const checkout = document.getElementById('comfy-checkout');\n                const checkinDisplay = document.getElementById('comfy-checkin-display');\n                const checkoutDisplay = document.getElementById('comfy-checkout-display');\n                const checkinWrap = checkin ? checkin.closest('.c-input-wrapper') : null;\n                const checkoutWrap = checkout ? checkout.closest('.c-input-wrapper') : null;\n\n                function openDatePicker(input) {\n                    if(!input) return;\n                    try {\n                        if(typeof input.showPicker === 'function') {\n                            input.showPicker();\n                            return;\n                        }\n                    } catch(e) {}\n                    input.focus();\n                    input.click();\n                }\n\n                if(checkinWrap && checkin) {\n                    checkinWrap.addEventListener('click', function(e){\n                        if(e.target !== checkin) openDatePicker(checkin);\n                    });\n                }\n                if(checkoutWrap && checkout) {\n                    checkoutWrap.addEventListener('click', function(e){\n                        if(e.target !== checkout) openDatePicker(checkout);\n                    });\n                }\n\n                function formatDateDisplay(input, display, wrapper) {\n                    if(!input || !display || !wrapper) return;\n                    if(input.value) {\n                        const date = new Date(input.value + 'T00:00:00');\n                        if(!Number.isNaN(date.getTime())) {\n                            const day = String(date.getDate()).padStart(2, '0');\n                            const month = String(date.getMonth() + 1).padStart(2, '0');\n                            const year = String(date.getFullYear()).slice(-2);\n                            display.textContent = `${day}\/${month}\/${year}`;\n                            wrapper.classList.add('has-value');\n                            return;\n                        }\n                    }\n                    display.textContent = 'DD\/MM\/YY';\n                    wrapper.classList.remove('has-value');\n                }\n\n                if(checkin && checkout) {\n                    const today = new Date().toISOString().split('T')[0];\n                    checkin.setAttribute('min', today);\n                    checkout.setAttribute('min', today);\n                    checkin.addEventListener('change', function(){\n                        if(this.value) {\n                            const nextDay = new Date(this.value);\n                            nextDay.setDate(nextDay.getDate() + 1);\n                            checkout.setAttribute('min', nextDay.toISOString().split('T')[0]);\n                            if(checkout.value && checkout.value <= this.value) checkout.value = '';\n                            formatDateDisplay(this, checkinDisplay, checkinWrap);\n                            formatDateDisplay(checkout, checkoutDisplay, checkoutWrap);\n                        }\n                    });\n                    checkout.addEventListener('change', function(){\n                        formatDateDisplay(this, checkoutDisplay, checkoutWrap);\n                    });\n                    formatDateDisplay(checkin, checkinDisplay, checkinWrap);\n                    formatDateDisplay(checkout, checkoutDisplay, checkoutWrap);\n                }\n\n                function closeAllGuestDropdowns() {\n                    document.querySelectorAll('.c-guest-selector').forEach(function(selector){\n                        selector.classList.remove('active');\n                    });\n                    document.querySelectorAll('.c-field-group.c-guest-field').forEach(function(fieldGroup){\n                        fieldGroup.classList.remove('is-open');\n                    });\n                }\n\n                function initGuestDropdown(field, min, max) {\n                    const selector = form.querySelector(`[data-field=\"${field}\"]`);\n                    const dropdown = document.getElementById(`${field}-dropdown`);\n                    const valueDisplay = document.getElementById(`${field}-value`);\n                    const hiddenInput = document.getElementById(`${field}-input`);\n                    const fieldGroup = selector ? selector.closest('.c-field-group.c-guest-field') : null;\n                    if(!selector || !dropdown || !valueDisplay || !hiddenInput) return;\n\n                    for(let i = min; i <= max; i++) {\n                        const option = document.createElement('div');\n                        option.className = 'c-guest-option';\n                        option.textContent = i;\n                        option.addEventListener('click', function(e){\n                            e.stopPropagation();\n                            hiddenInput.value = i;\n                            valueDisplay.textContent = i;\n                            closeAllGuestDropdowns();\n                        });\n                        dropdown.appendChild(option);\n                    }\n\n                    selector.addEventListener('click', function(e){\n                        e.stopPropagation();\n                        const isActive = this.classList.contains('active');\n                        closeAllGuestDropdowns();\n                        if(!isActive) {\n                            this.classList.add('active');\n                            if(fieldGroup) fieldGroup.classList.add('is-open');\n                        }\n                    });\n                }\n\n                initGuestDropdown('adults', 1, 20);\n                initGuestDropdown('children', 0, 10);\n                initGuestDropdown('pets', 0, 5);\n\n                if(!document.body.dataset.comfyGuestDocInit) {\n                    document.body.dataset.comfyGuestDocInit = '1';\n                    document.addEventListener('click', function(){\n                        closeAllGuestDropdowns();\n                    });\n                }\n\n                form.addEventListener('submit', function(e){\n                    if(window.comfyDebugLog) {\n                        window.comfyDebugLog('search', 'Search submitted', {\n                            checkin: checkin ? (checkin.value || '') : '',\n                            checkout: checkout ? (checkout.value || '') : '',\n                            adults: (document.getElementById('adults-input') || {}).value || '',\n                            children: (document.getElementById('children-input') || {}).value || '',\n                            pets: (document.getElementById('pets-input') || {}).value || ''\n                        });\n                    }\n                    if(!window.fetch || !window.DOMParser || !widget) return;\n                    e.preventDefault();\n                    if(form.dataset.loading === '1') return;\n                    form.dataset.loading = '1';\n\n                    const submitBtn = form.querySelector('.c-search-btn');\n                    if(submitBtn) submitBtn.disabled = true;\n\n                    const beforeTop = widget.getBoundingClientRect().top;\n                    const action = form.getAttribute('action') || window.location.href;\n                    const reqUrl = new URL(action, window.location.origin);\n                    reqUrl.search = '';\n                    const formData = new FormData(form);\n                    formData.forEach(function(value, key){\n                        reqUrl.searchParams.set(key, value);\n                    });\n                    reqUrl.hash = 'comfy-search-widget';\n\n                    fetch(reqUrl.toString(), {credentials:'same-origin'})\n                        .then(function(res){\n                            if(!res.ok) throw new Error('fetch failed');\n                            return res.text();\n                        })\n                        .then(function(html){\n                            const doc = new DOMParser().parseFromString(html, 'text\/html');\n                            const nextWidget = doc.getElementById('comfy-search-widget');\n                            if(!nextWidget) throw new Error('widget not found');\n                            widget.replaceWith(nextWidget);\n                            const afterTop = nextWidget.getBoundingClientRect().top;\n                            window.scrollBy(0, afterTop - beforeTop);\n                            if(window.history && typeof window.history.pushState === 'function') {\n                                window.history.pushState({}, '', reqUrl.toString());\n                            }\n                            executeWidgetScripts(nextWidget);\n                        })\n                        .catch(function(){\n                            form.submit();\n                        })\n                        .finally(function(){\n                            form.dataset.loading = '';\n                            if(submitBtn) submitBtn.disabled = false;\n                        });\n                });\n\n                if(window.comfyDebugLog) window.comfyDebugLog('search', 'Search UI ready');\n            }\n\n            runWhenReady(initSearchUI);\n        })();\n        <\/script>\n        <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":50,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[],"class_list":["post-4912","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/comfyrest.eu\/en\/wp-json\/wp\/v2\/pages\/4912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comfyrest.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/comfyrest.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/comfyrest.eu\/en\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/comfyrest.eu\/en\/wp-json\/wp\/v2\/comments?post=4912"}],"version-history":[{"count":0,"href":"https:\/\/comfyrest.eu\/en\/wp-json\/wp\/v2\/pages\/4912\/revisions"}],"wp:attachment":[{"href":"https:\/\/comfyrest.eu\/en\/wp-json\/wp\/v2\/media?parent=4912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comfyrest.eu\/en\/wp-json\/wp\/v2\/categories?post=4912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}