{"id":5737,"date":"2025-12-15T19:04:46","date_gmt":"2025-12-15T17:04:46","guid":{"rendered":"https:\/\/hotelathinalamia.gr\/hotel-search\/"},"modified":"2026-05-24T20:39:55","modified_gmt":"2026-05-24T17:39:55","slug":"hotel-search","status":"publish","type":"page","link":"https:\/\/hotelathinalamia.gr\/en\/hotel-search\/","title":{"rendered":"Hotel Booking Search"},"content":{"rendered":"<section class=\"bde-section-5737-109 bde-section\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<div class=\"section-container\"><div class=\"bde-div-5737-110 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-5737-111 bde-heading\">\n\u0394\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b1 \u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1...\n<\/h1>\n<\/div><\/div>\n<\/section><section class=\"bde-section-5737-158 bde-section back_v1\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h5 class=\"bde-heading-5737-130 bde-heading\">\n\u0388\u03c7\u03b5\u03c4\u03b5 \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03b5\u03b9 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7 \u03b3\u03b9\u03b1 :\n<\/h5><div class=\"bde-div-5737-138 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-5737-131 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-5737-133 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-5737-132 bde-text\">\nDates \n<\/div>\n<\/div><div class=\"bde-div-5737-139 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-search-parameters-5737-113 verdent-search-parameters\">\n<div class=\"verdent-search-params verdent-search-params--inline verdent-search-params--no-labels verdent-search-params--no-icons\" id=\"vsp_6a13b66b8db8c\">\n            \n                \n                \n                \n                \n                \n    <\/div>\n\n\n<script>\n(function() {\n    var container = document.getElementById('vsp_6a13b66b8db8c');\n    if (!container) return;\n    \n    \/\/ Listen for dynamic guest changes\n    document.addEventListener('verdent-guests-changed', function(e) {\n        if (!e.detail) return;\n        \n        var adults = parseInt(e.detail.adults) || 0;\n        var children = parseInt(e.detail.children) || 0;\n        var rooms = parseInt(e.detail.rooms) || 1;\n        \n        \/\/ Update guests display\n        var guestsItem = container.querySelector('.verdent-search-params__guests .verdent-search-params__value');\n        if (guestsItem) {\n            var parts = [];\n            if (adults > 0) parts.push(adults + ' \u0395\u03bd\u03ae\u03bb\u03b9\u03ba\u03b5\u03c2');\n            if (children > 0) parts.push(children + ' \u03a0\u03b1\u03b9\u03b4\u03b9\u03ac');\n            guestsItem.textContent = parts.join(', ') || '-';\n        }\n        \n        \/\/ Update rooms display\n        var roomsItem = container.querySelector('.verdent-search-params__rooms .verdent-search-params__value');\n        if (roomsItem) {\n            roomsItem.textContent = rooms;\n        }\n    });\n    \n    \/\/ Listen for dynamic date changes\n    document.addEventListener('verdent-dates-changed', function(e) {\n        if (!e.detail || !e.detail.startDate || !e.detail.endDate) return;\n        \n        var startDate = e.detail.startDate;\n        var endDate = e.detail.endDate;\n        \n        \/\/ Calculate nights\n        var nights = 0;\n        try {\n            var s = new Date(startDate);\n            var en = new Date(endDate);\n            nights = Math.max(0, Math.floor((en - s) \/ (1000 * 60 * 60 * 24)));\n        } catch(err) {}\n        \n        \/\/ Format dates for display\n        var formattedStart = formatDateForDisplay(startDate);\n        var formattedEnd = formatDateForDisplay(endDate);\n        \n        \/\/ Update dates display\n        var datesItem = container.querySelector('.verdent-search-params__dates .verdent-search-params__value');\n        if (datesItem) {\n            var html = formattedStart + ' - ' + formattedEnd;\n            if (nights > 0) {\n                html += ' <span class=\"verdent-search-params__nights\">(' + nights + ' \u0394\u03b9\u03b1\u03bd\u03c5\u03ba\u03c4\u03b5\u03c1\u03b5\u03cd\u03c3\u03b5\u03b9\u03c2)<\/span>';\n            }\n            datesItem.innerHTML = html;\n        }\n    });\n    \n    \/\/ Helper function to format date\n    function formatDateForDisplay(dateStr) {\n        try {\n            var d = new Date(dateStr);\n            var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n            var day = d.getDate();\n            var month = d.getMonth();\n            var year = d.getFullYear();\n            \n            \/\/ Use PHP format: d M Y            var format = 'd M Y';\n            return format\n                .replace('d', day.toString().padStart(2, '0'))\n                .replace('j', day)\n                .replace('M', months[month])\n                .replace('F', ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][month])\n                .replace('m', (month + 1).toString().padStart(2, '0'))\n                .replace('n', month + 1)\n                .replace('Y', year)\n                .replace('y', year.toString().slice(-2));\n        } catch(err) {\n            return dateStr;\n        }\n    }\n})();\n<\/script>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-5737-134 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-5737-141 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-5737-142 bde-text\">\n\u0395\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b5\u03c2: \n<\/div>\n<\/div><div class=\"bde-div-5737-140 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-search-parameters-5737-137 verdent-search-parameters\">\n<div class=\"verdent-search-params verdent-search-params--inline verdent-search-params--no-labels verdent-search-params--no-icons\" id=\"vsp_6a13b66b8eaa6\">\n            \n                \n                <div class=\"verdent-search-params__item verdent-search-params__guests\">\n                        <div class=\"verdent-search-params__content\">\n                                <span class=\"verdent-search-params__value\">\n                                            2 \u0395\u03bd\u03ae\u03bb\u03b9\u03ba\u03b5\u03c2                                    <\/span>\n            <\/div>\n        <\/div>\n                \n                \n                \n                \n    <\/div>\n\n\n<script>\n(function() {\n    var container = document.getElementById('vsp_6a13b66b8eaa6');\n    if (!container) return;\n    \n    \/\/ Listen for dynamic guest changes\n    document.addEventListener('verdent-guests-changed', function(e) {\n        if (!e.detail) return;\n        \n        var adults = parseInt(e.detail.adults) || 0;\n        var children = parseInt(e.detail.children) || 0;\n        var rooms = parseInt(e.detail.rooms) || 1;\n        \n        \/\/ Update guests display\n        var guestsItem = container.querySelector('.verdent-search-params__guests .verdent-search-params__value');\n        if (guestsItem) {\n            var parts = [];\n            if (adults > 0) parts.push(adults + ' \u0395\u03bd\u03ae\u03bb\u03b9\u03ba\u03b5\u03c2');\n            if (children > 0) parts.push(children + ' \u03a0\u03b1\u03b9\u03b4\u03b9\u03ac');\n            guestsItem.textContent = parts.join(', ') || '-';\n        }\n        \n        \/\/ Update rooms display\n        var roomsItem = container.querySelector('.verdent-search-params__rooms .verdent-search-params__value');\n        if (roomsItem) {\n            roomsItem.textContent = rooms;\n        }\n    });\n    \n    \/\/ Listen for dynamic date changes\n    document.addEventListener('verdent-dates-changed', function(e) {\n        if (!e.detail || !e.detail.startDate || !e.detail.endDate) return;\n        \n        var startDate = e.detail.startDate;\n        var endDate = e.detail.endDate;\n        \n        \/\/ Calculate nights\n        var nights = 0;\n        try {\n            var s = new Date(startDate);\n            var en = new Date(endDate);\n            nights = Math.max(0, Math.floor((en - s) \/ (1000 * 60 * 60 * 24)));\n        } catch(err) {}\n        \n        \/\/ Format dates for display\n        var formattedStart = formatDateForDisplay(startDate);\n        var formattedEnd = formatDateForDisplay(endDate);\n        \n        \/\/ Update dates display\n        var datesItem = container.querySelector('.verdent-search-params__dates .verdent-search-params__value');\n        if (datesItem) {\n            var html = formattedStart + ' - ' + formattedEnd;\n            if (nights > 0) {\n                html += ' <span class=\"verdent-search-params__nights\">(' + nights + ' \u0394\u03b9\u03b1\u03bd\u03c5\u03ba\u03c4\u03b5\u03c1\u03b5\u03cd\u03c3\u03b5\u03b9\u03c2)<\/span>';\n            }\n            datesItem.innerHTML = html;\n        }\n    });\n    \n    \/\/ Helper function to format date\n    function formatDateForDisplay(dateStr) {\n        try {\n            var d = new Date(dateStr);\n            var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n            var day = d.getDate();\n            var month = d.getMonth();\n            var year = d.getFullYear();\n            \n            \/\/ Use PHP format: d M Y            var format = 'd M Y';\n            return format\n                .replace('d', day.toString().padStart(2, '0'))\n                .replace('j', day)\n                .replace('M', months[month])\n                .replace('F', ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][month])\n                .replace('m', (month + 1).toString().padStart(2, '0'))\n                .replace('n', month + 1)\n                .replace('Y', year)\n                .replace('y', year.toString().slice(-2));\n        } catch(err) {\n            return dateStr;\n        }\n    }\n})();\n<\/script>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-5737-144 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-5737-145 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-5737-146 bde-text\">\nRooms\n<\/div>\n<\/div><div class=\"bde-div-5737-147 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-search-parameters-5737-148 verdent-search-parameters\">\n<div class=\"verdent-search-params verdent-search-params--inline verdent-search-params--no-labels verdent-search-params--no-icons\" id=\"vsp_6a13b66b8f9c4\">\n            \n                \n                \n                <div class=\"verdent-search-params__item verdent-search-params__rooms\">\n                        <div class=\"verdent-search-params__content\">\n                                <span class=\"verdent-search-params__value\">\n                                            1                                    <\/span>\n            <\/div>\n        <\/div>\n                \n                \n                \n    <\/div>\n\n\n<script>\n(function() {\n    var container = document.getElementById('vsp_6a13b66b8f9c4');\n    if (!container) return;\n    \n    \/\/ Listen for dynamic guest changes\n    document.addEventListener('verdent-guests-changed', function(e) {\n        if (!e.detail) return;\n        \n        var adults = parseInt(e.detail.adults) || 0;\n        var children = parseInt(e.detail.children) || 0;\n        var rooms = parseInt(e.detail.rooms) || 1;\n        \n        \/\/ Update guests display\n        var guestsItem = container.querySelector('.verdent-search-params__guests .verdent-search-params__value');\n        if (guestsItem) {\n            var parts = [];\n            if (adults > 0) parts.push(adults + ' \u0395\u03bd\u03ae\u03bb\u03b9\u03ba\u03b5\u03c2');\n            if (children > 0) parts.push(children + ' \u03a0\u03b1\u03b9\u03b4\u03b9\u03ac');\n            guestsItem.textContent = parts.join(', ') || '-';\n        }\n        \n        \/\/ Update rooms display\n        var roomsItem = container.querySelector('.verdent-search-params__rooms .verdent-search-params__value');\n        if (roomsItem) {\n            roomsItem.textContent = rooms;\n        }\n    });\n    \n    \/\/ Listen for dynamic date changes\n    document.addEventListener('verdent-dates-changed', function(e) {\n        if (!e.detail || !e.detail.startDate || !e.detail.endDate) return;\n        \n        var startDate = e.detail.startDate;\n        var endDate = e.detail.endDate;\n        \n        \/\/ Calculate nights\n        var nights = 0;\n        try {\n            var s = new Date(startDate);\n            var en = new Date(endDate);\n            nights = Math.max(0, Math.floor((en - s) \/ (1000 * 60 * 60 * 24)));\n        } catch(err) {}\n        \n        \/\/ Format dates for display\n        var formattedStart = formatDateForDisplay(startDate);\n        var formattedEnd = formatDateForDisplay(endDate);\n        \n        \/\/ Update dates display\n        var datesItem = container.querySelector('.verdent-search-params__dates .verdent-search-params__value');\n        if (datesItem) {\n            var html = formattedStart + ' - ' + formattedEnd;\n            if (nights > 0) {\n                html += ' <span class=\"verdent-search-params__nights\">(' + nights + ' \u0394\u03b9\u03b1\u03bd\u03c5\u03ba\u03c4\u03b5\u03c1\u03b5\u03cd\u03c3\u03b5\u03b9\u03c2)<\/span>';\n            }\n            datesItem.innerHTML = html;\n        }\n    });\n    \n    \/\/ Helper function to format date\n    function formatDateForDisplay(dateStr) {\n        try {\n            var d = new Date(dateStr);\n            var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n            var day = d.getDate();\n            var month = d.getMonth();\n            var year = d.getFullYear();\n            \n            \/\/ Use PHP format: d M Y            var format = 'd M Y';\n            return format\n                .replace('d', day.toString().padStart(2, '0'))\n                .replace('j', day)\n                .replace('M', months[month])\n                .replace('F', ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][month])\n                .replace('m', (month + 1).toString().padStart(2, '0'))\n                .replace('n', month + 1)\n                .replace('Y', year)\n                .replace('y', year.toString().slice(-2));\n        } catch(err) {\n            return dateStr;\n        }\n    }\n})();\n<\/script>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-5737-149 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-5737-152 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-search-parameters-5737-153 verdent-search-parameters\">\n<div class=\"verdent-search-params verdent-search-params--inline verdent-search-params--no-labels verdent-search-params--no-icons\" id=\"vsp_6a13b66b903f6\">\n            \n                \n                \n                \n                \n                <div class=\"verdent-search-params__item verdent-search-params__edit\">\n            <button type=\"button\" class=\"verdent-search-params__edit-btn\" data-modal-trigger=\"vsp_6a13b66b903f6_modal\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/>\n                    <path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/>\n                <\/svg>\n                <span>\u0391\u03bb\u03bb\u03b1\u03b3\u03ae \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03c4\u03c1\u03c9\u03bd<\/span>\n            <\/button>\n        <\/div>\n                \n    <\/div>\n\n<!-- Edit Modal -->\n<div class=\"verdent-search-modal\" id=\"vsp_6a13b66b903f6_modal\" style=\"display:none;\">\n    <div class=\"verdent-search-modal__overlay\"><\/div>\n    <div class=\"verdent-search-modal__container\">\n        <div class=\"verdent-search-modal__header\">\n            <h3 class=\"verdent-search-modal__title\">Edit Search<\/h3>\n            <button type=\"button\" class=\"verdent-search-modal__close\">&times;<\/button>\n        <\/div>\n        <div class=\"verdent-search-modal__body\">\n            <!-- Dates -->\n            <div class=\"verdent-search-modal__field\">\n                <label class=\"verdent-search-modal__label\">Check-in<\/label>\n                <input type=\"text\" class=\"verdent-search-modal__input verdent-search-modal__checkin\" \n                       value=\"\" \n                       data-original=\"\"\n                       placeholder=\"YYYY-MM-DD\" readonly>\n            <\/div>\n            <div class=\"verdent-search-modal__field\">\n                <label class=\"verdent-search-modal__label\">Check-out<\/label>\n                <input type=\"text\" class=\"verdent-search-modal__input verdent-search-modal__checkout\" \n                       value=\"\" \n                       data-original=\"\"\n                       placeholder=\"YYYY-MM-DD\" readonly>\n            <\/div>\n            \n            <!-- Adults -->\n            <div class=\"verdent-search-modal__field\">\n                <label class=\"verdent-search-modal__label\">Adults<\/label>\n                <div class=\"verdent-search-modal__stepper\">\n                    <button type=\"button\" class=\"verdent-search-modal__stepper-btn\" data-action=\"decrease\" data-target=\"adults\">-<\/button>\n                    <input type=\"number\" class=\"verdent-search-modal__stepper-input verdent-search-modal__adults\" \n                           value=\"2\" min=\"1\" max=\"20\" readonly>\n                    <button type=\"button\" class=\"verdent-search-modal__stepper-btn\" data-action=\"increase\" data-target=\"adults\">+<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Children -->\n            <div class=\"verdent-search-modal__field\">\n                <label class=\"verdent-search-modal__label\">Childrens<\/label>\n                <div class=\"verdent-search-modal__stepper\">\n                    <button type=\"button\" class=\"verdent-search-modal__stepper-btn\" data-action=\"decrease\" data-target=\"children\">-<\/button>\n                    <input type=\"number\" class=\"verdent-search-modal__stepper-input verdent-search-modal__children\" \n                           value=\"0\" min=\"0\" max=\"10\" readonly>\n                    <button type=\"button\" class=\"verdent-search-modal__stepper-btn\" data-action=\"increase\" data-target=\"children\">+<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"verdent-search-modal__footer\">\n            <button type=\"button\" class=\"verdent-search-modal__btn verdent-search-modal__btn--cancel\">Cancel<\/button>\n            <button type=\"button\" class=\"verdent-search-modal__btn verdent-search-modal__btn--apply\">Apply Changes<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    var wrapper = document.getElementById('vsp_6a13b66b903f6');\n    var modal = document.getElementById('vsp_6a13b66b903f6_modal');\n    if (!wrapper || !modal) return;\n    \n    var editBtn = wrapper.querySelector('.verdent-search-params__edit-btn');\n    var closeBtn = modal.querySelector('.verdent-search-modal__close');\n    var overlay = modal.querySelector('.verdent-search-modal__overlay');\n    var cancelBtn = modal.querySelector('.verdent-search-modal__btn--cancel');\n    var applyBtn = modal.querySelector('.verdent-search-modal__btn--apply');\n    var checkinInput = modal.querySelector('.verdent-search-modal__checkin');\n    var checkoutInput = modal.querySelector('.verdent-search-modal__checkout');\n    var adultsInput = modal.querySelector('.verdent-search-modal__adults');\n    var childrenInput = modal.querySelector('.verdent-search-modal__children');\n    \n    \/\/ Open modal\n    function openModal() {\n        modal.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n        initFlatpickr();\n    }\n    \n    \/\/ Close modal\n    function closeModal() {\n        modal.style.display = 'none';\n        document.body.style.overflow = '';\n    }\n    \n    \/\/ Initialize Flatpickr\n    var fpCheckin, fpCheckout;\n    function initFlatpickr() {\n        if (typeof flatpickr === 'undefined') {\n            \/\/ Load flatpickr if not available\n            var link = document.createElement('link');\n            link.rel = 'stylesheet';\n            link.href = 'https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css';\n            document.head.appendChild(link);\n            \n            var script = document.createElement('script');\n            script.src = 'https:\/\/cdn.jsdelivr.net\/npm\/flatpickr';\n            script.onload = function() { setupFlatpickr(); };\n            document.head.appendChild(script);\n        } else {\n            setupFlatpickr();\n        }\n    }\n    \n    function setupFlatpickr() {\n        if (fpCheckin) fpCheckin.destroy();\n        if (fpCheckout) fpCheckout.destroy();\n        \n        fpCheckin = flatpickr(checkinInput, {\n            dateFormat: 'Y-m-d',\n            minDate: 'today',\n            onChange: function(selectedDates) {\n                if (selectedDates[0] && fpCheckout) {\n                    fpCheckout.set('minDate', selectedDates[0]);\n                    \/\/ If checkout is before checkin, update it\n                    var checkoutDate = fpCheckout.selectedDates[0];\n                    if (checkoutDate && checkoutDate <= selectedDates[0]) {\n                        var newCheckout = new Date(selectedDates[0]);\n                        newCheckout.setDate(newCheckout.getDate() + 1);\n                        fpCheckout.setDate(newCheckout);\n                    }\n                }\n            }\n        });\n        \n        fpCheckout = flatpickr(checkoutInput, {\n            dateFormat: 'Y-m-d',\n            minDate: checkinInput.value || 'today',\n            onChange: function(selectedDates) {}\n        });\n    }\n    \n    \/\/ Stepper buttons\n    modal.querySelectorAll('.verdent-search-modal__stepper-btn').forEach(function(btn) {\n        btn.addEventListener('click', function() {\n            var action = this.dataset.action;\n            var target = this.dataset.target;\n            var input = modal.querySelector('.verdent-search-modal__' + target);\n            if (!input) return;\n            \n            var val = parseInt(input.value) || 0;\n            var min = parseInt(input.min) || 0;\n            var max = parseInt(input.max) || 99;\n            \n            if (action === 'increase' && val < max) {\n                input.value = val + 1;\n            } else if (action === 'decrease' && val > min) {\n                input.value = val - 1;\n            }\n        });\n    });\n    \n    \/\/ Apply changes\n    function applyChanges() {\n        var newStartDate = checkinInput.value;\n        var newEndDate = checkoutInput.value;\n        var newAdults = adultsInput.value;\n        var newChildren = childrenInput.value;\n        \n        \/\/ Build new URL\n        var url = new URL(window.location.href);\n        if (newStartDate) url.searchParams.set('start_date', newStartDate);\n        if (newEndDate) url.searchParams.set('end_date', newEndDate);\n        url.searchParams.set('adult_quantity', newAdults);\n        url.searchParams.set('children_quantity', newChildren);\n        \n        \/\/ Redirect to new URL\n        window.location.href = url.toString();\n    }\n    \n    \/\/ Event listeners\n    if (editBtn) editBtn.addEventListener('click', openModal);\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\n    if (overlay) overlay.addEventListener('click', closeModal);\n    if (cancelBtn) cancelBtn.addEventListener('click', closeModal);\n    if (applyBtn) applyBtn.addEventListener('click', applyChanges);\n    \n    \/\/ ESC key to close\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && modal.style.display === 'flex') {\n            closeModal();\n        }\n    });\n    \n    \/\/ Update modal inputs when guests change\n    document.addEventListener('verdent-guests-changed', function(e) {\n        if (!e.detail) return;\n        if (adultsInput) adultsInput.value = parseInt(e.detail.adults) || 0;\n        if (childrenInput) childrenInput.value = parseInt(e.detail.children) || 0;\n    });\n    \n    \/\/ Update modal inputs when dates change\n    document.addEventListener('verdent-dates-changed', function(e) {\n        if (!e.detail) return;\n        if (checkinInput && e.detail.startDate) checkinInput.value = e.detail.startDate;\n        if (checkoutInput && e.detail.endDate) checkoutInput.value = e.detail.endDate;\n    });\n})();\n<\/script>\n\n<style>\n.verdent-search-modal {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 99999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.verdent-search-modal__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0,0,0,0.5);\n}\n.verdent-search-modal__container {\n    position: relative;\n    background: #fff;\n    border-radius: 12px;\n    width: 90%;\n    max-width: 400px;\n    max-height: 90vh;\n    overflow: auto;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n}\n.verdent-search-modal__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid #eee;\n}\n.verdent-search-modal__title {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n}\n.verdent-search-modal__close {\n    background: none;\n    border: none;\n    font-size: 28px;\n    cursor: pointer;\n    color: #666;\n    line-height: 1;\n    padding: 0;\n}\n.verdent-search-modal__close:hover {\n    color: #000;\n}\n.verdent-search-modal__body {\n    padding: 20px;\n}\n.verdent-search-modal__field {\n    margin-bottom: 16px;\n}\n.verdent-search-modal__field:last-child {\n    margin-bottom: 0;\n}\n.verdent-search-modal__label {\n    display: block;\n    font-size: 13px;\n    font-weight: 500;\n    color: #666;\n    margin-bottom: 6px;\n}\n.verdent-search-modal__input {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    font-size: 15px;\n    cursor: pointer;\n}\n.verdent-search-modal__input:focus {\n    outline: none;\n    border-color: #007bff;\n}\n.verdent-search-modal__stepper {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    overflow: hidden;\n}\n.verdent-search-modal__stepper-btn {\n    width: 44px;\n    height: 44px;\n    border: none;\n    background: #f5f5f5;\n    font-size: 20px;\n    cursor: pointer;\n    transition: background 0.2s;\n}\n.verdent-search-modal__stepper-btn:hover {\n    background: #e0e0e0;\n}\n.verdent-search-modal__stepper-input {\n    flex: 1;\n    text-align: center;\n    border: none;\n    font-size: 16px;\n    font-weight: 500;\n    -moz-appearance: textfield;\n}\n.verdent-search-modal__stepper-input::-webkit-outer-spin-button,\n.verdent-search-modal__stepper-input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n}\n.verdent-search-modal__footer {\n    display: flex;\n    gap: 10px;\n    padding: 16px 20px;\n    border-top: 1px solid #eee;\n}\n.verdent-search-modal__btn {\n    flex: 1;\n    padding: 12px 20px;\n    border: none;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.2s;\n}\n.verdent-search-modal__btn--cancel {\n    background: #f0f0f0;\n    color: #333;\n}\n.verdent-search-modal__btn--cancel:hover {\n    background: #e0e0e0;\n}\n.verdent-search-modal__btn--apply {\n    background: #007bff;\n    color: #fff;\n}\n.verdent-search-modal__btn--apply:hover {\n    background: #0056b3;\n}\n.verdent-search-params__edit-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    background: transparent;\n    border: 1px solid currentColor;\n    border-radius: 6px;\n    font-size: 14px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n.verdent-search-params__edit-btn:hover {\n    background: rgba(0,0,0,0.05);\n}\n.verdent-search-params__edit-btn svg {\n    width: 16px;\n    height: 16px;\n}\n<\/style>\n\n<script>\n(function() {\n    var container = document.getElementById('vsp_6a13b66b903f6');\n    if (!container) return;\n    \n    \/\/ Listen for dynamic guest changes\n    document.addEventListener('verdent-guests-changed', function(e) {\n        if (!e.detail) return;\n        \n        var adults = parseInt(e.detail.adults) || 0;\n        var children = parseInt(e.detail.children) || 0;\n        var rooms = parseInt(e.detail.rooms) || 1;\n        \n        \/\/ Update guests display\n        var guestsItem = container.querySelector('.verdent-search-params__guests .verdent-search-params__value');\n        if (guestsItem) {\n            var parts = [];\n            if (adults > 0) parts.push(adults + ' \u0395\u03bd\u03ae\u03bb\u03b9\u03ba\u03b5\u03c2');\n            if (children > 0) parts.push(children + ' \u03a0\u03b1\u03b9\u03b4\u03b9\u03ac');\n            guestsItem.textContent = parts.join(', ') || '-';\n        }\n        \n        \/\/ Update rooms display\n        var roomsItem = container.querySelector('.verdent-search-params__rooms .verdent-search-params__value');\n        if (roomsItem) {\n            roomsItem.textContent = rooms;\n        }\n    });\n    \n    \/\/ Listen for dynamic date changes\n    document.addEventListener('verdent-dates-changed', function(e) {\n        if (!e.detail || !e.detail.startDate || !e.detail.endDate) return;\n        \n        var startDate = e.detail.startDate;\n        var endDate = e.detail.endDate;\n        \n        \/\/ Calculate nights\n        var nights = 0;\n        try {\n            var s = new Date(startDate);\n            var en = new Date(endDate);\n            nights = Math.max(0, Math.floor((en - s) \/ (1000 * 60 * 60 * 24)));\n        } catch(err) {}\n        \n        \/\/ Format dates for display\n        var formattedStart = formatDateForDisplay(startDate);\n        var formattedEnd = formatDateForDisplay(endDate);\n        \n        \/\/ Update dates display\n        var datesItem = container.querySelector('.verdent-search-params__dates .verdent-search-params__value');\n        if (datesItem) {\n            var html = formattedStart + ' - ' + formattedEnd;\n            if (nights > 0) {\n                html += ' <span class=\"verdent-search-params__nights\">(' + nights + ' \u0394\u03b9\u03b1\u03bd\u03c5\u03ba\u03c4\u03b5\u03c1\u03b5\u03cd\u03c3\u03b5\u03b9\u03c2)<\/span>';\n            }\n            datesItem.innerHTML = html;\n        }\n    });\n    \n    \/\/ Helper function to format date\n    function formatDateForDisplay(dateStr) {\n        try {\n            var d = new Date(dateStr);\n            var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n            var day = d.getDate();\n            var month = d.getMonth();\n            var year = d.getFullYear();\n            \n            \/\/ Use PHP format: d M Y            var format = 'd M Y';\n            return format\n                .replace('d', day.toString().padStart(2, '0'))\n                .replace('j', day)\n                .replace('M', months[month])\n                .replace('F', ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][month])\n                .replace('m', (month + 1).toString().padStart(2, '0'))\n                .replace('n', month + 1)\n                .replace('Y', year)\n                .replace('y', year.toString().slice(-2));\n        } catch(err) {\n            return dateStr;\n        }\n    }\n})();\n<\/script>\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><header class=\"bde-header-builder-5737-157 bde-header-builder bde-header-builder--sticky bde-header-builder--sticky-scroll-slide bde-header-builder--sticky-styles bde-header-builder--sticky-scroll-start-off-hidden bde-header-builder--sticky-scroll-hide bde-header-builder--sticky-bottom bde-header-builder--overlay\" data-sticky-hide-until-scroll-distance=\"300\" data-sticky-reveal-on-scroll-up=\"yes\">\n\n<div class=\"bde-header-builder__container\"><div class=\"bde-div-5737-159 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-verdent-ehb-book-selected-5737-121 bde-verdent-ehb-book-selected\">\n<div class=\"verdent-book-selected\" \n     id=\"vbs_6a13b66b91240\"\n     data-ajax-url=\"https:\/\/hotelathinalamia.gr\/wp-admin\/admin-ajax.php\"\n     data-nonce=\"2b62c157fb\"\n     data-checkout-url=\"https:\/\/hotelathinalamia.gr\/en\/cart\/\"\n     data-start-date=\"2026-05-25\"\n     data-end-date=\"2026-05-26\"\n     data-adults=\"1\"\n     data-children=\"0\"\n     data-nights=\"1\"\n     data-no-selection=\"Please select at least one room\"\n     data-capacity-error=\"\u03a4\u03b1 \u03b5\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ac\u03bd\u03b1 \u0394\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1 \u03b4\u03b5\u03bd \u03b5\u03c0\u03b1\u03c1\u03ba\u03bf\u03cd\u03bd.\">\n    \n    <div class=\"verdent-book-selected__summary\" style=\"display:none;\">\n        <h4 class=\"verdent-book-selected__summary-title\">\u039f\u03b9 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2 \u03c3\u03b1\u03c2<\/h4>\n        <div class=\"verdent-book-selected__guests\">\n            1 adults &middot; 1 night        <\/div>\n        <div class=\"verdent-book-selected__items\"><\/div>\n        <div class=\"verdent-book-selected__total\">\n            <span class=\"verdent-book-selected__total-label\">Total:<\/span> <span class=\"verdent-book-selected__total-price\">\u20ac0<\/span>\n        <\/div>\n    <\/div>\n    \n    <div class=\"verdent-book-selected__error\" style=\"display:none;\"><\/div>\n    \n    <button type=\"button\" class=\"verdent-book-selected__button\" disabled>\n        \u039a\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7 \u0395\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03c9\u03bd    <\/button>\n<\/div>\n\n<script>\n(function($) {\n    var container = document.getElementById('vbs_6a13b66b91240');\n    if (!container || container.dataset.initialized) return;\n    \n    var ajaxUrl = container.dataset.ajaxUrl;\n    var nonce = container.dataset.nonce;\n    var checkoutUrl = container.dataset.checkoutUrl;\n    var startDate = container.dataset.startDate;\n    var endDate = container.dataset.endDate;\n    var totalAdults = parseInt(container.dataset.adults) || 1;\n    var totalChildren = parseInt(container.dataset.children) || 0;\n    var nights = parseInt(container.dataset.nights) || 1;\n    var noSelectionMsg = container.dataset.noSelection;\n    var capacityErrorMsg = container.dataset.capacityError;\n    \n    var $summary = $(container).find('.verdent-book-selected__summary');\n    var $items = $(container).find('.verdent-book-selected__items');\n    var $totalPrice = $(container).find('.verdent-book-selected__total-price');\n    var $error = $(container).find('.verdent-book-selected__error');\n    var $button = $(container).find('.verdent-book-selected__button');\n    \n    var selectedRooms = {};\n    var accommodationPrices = {}; \/\/ Cache for accommodation prices (total, not per night)\n    var selectedServices = {}; \/\/ Track selected services per accommodation\n    \n    \/\/ Fetch correct total price for accommodation using verdent_get_accommodation_data\n    \/\/ Uses room capacity for variable\/longstay pricing lookup\n    function fetchAccommodationPrice(accId, callback) {\n        if (accommodationPrices[accId] !== undefined) {\n            callback(accommodationPrices[accId]);\n            return;\n        }\n        \n        $.post(ajaxUrl, {\n            action: 'verdent_get_accommodation_data',\n            accommodation_id: accId,\n            start_date: startDate,\n            end_date: endDate,\n            adults: totalAdults,\n            children: totalChildren,\n            rooms: 1,\n            selected_services: JSON.stringify(selectedServices[accId] || []),\n            use_room_capacity: true \/\/ Use room's adult_capacity\/children_capacity for pricing lookup\n        }, function(response) {\n            if (response.success && response.data) {\n                accommodationPrices[accId] = {\n                    accommodation_total: parseFloat(response.data.accommodation_total) || 0,\n                    flat_fees_total: parseFloat(response.data.flat_fees_total) || 0,\n                    services_total: parseFloat(response.data.services_total) || 0,\n                    grand_total: parseFloat(response.data.grand_total) || 0,\n                    room_adult_capacity: parseInt(response.data.room_adult_capacity) || 1,\n                    room_children_capacity: parseInt(response.data.room_children_capacity) || 0,\n                    lookup_adults: parseInt(response.data.lookup_adults) || 1,\n                    lookup_children: parseInt(response.data.lookup_children) || 0\n                };\n                callback(accommodationPrices[accId]);\n            } else {\n                callback(null);\n            }\n        });\n    }\n    \n    \/\/ Invalidate cache when services change\n    function invalidatePriceCache(accId) {\n        if (accId) {\n            delete accommodationPrices[accId];\n        } else {\n            accommodationPrices = {};\n        }\n    }\n    \n    function updateSummary() {\n        var selections = Object.values(selectedRooms).filter(function(r) { return r.selected; });\n        \n        if (selections.length === 0) {\n            $summary.hide();\n            $error.hide();\n            $button.prop('disabled', true);\n            return;\n        }\n        \n        \/\/ Show loading state\n        $items.html('<div class=\"verdent-book-selected__loading\">Calculating prices...<\/div>');\n        $summary.show();\n        \n        var pricesLoaded = 0;\n        \n        \/\/ Fetch correct prices for all selections\n        selections.forEach(function(room) {\n            fetchAccommodationPrice(room.accId, function(priceData) {\n                if (priceData) {\n                    room.priceData = priceData;\n                }\n                pricesLoaded++;\n                \n                if (pricesLoaded === selections.length) {\n                    renderSummary(selections);\n                }\n            });\n        });\n    }\n    \n    function renderSummary(selections) {\n        var totalAdultCapacity = 0;\n        var totalChildrenCapacity = 0;\n        var grandTotal = 0;\n        var itemsHtml = '';\n        \n        selections.forEach(function(room) {\n            totalAdultCapacity += room.adultCapacity * room.quantity;\n            totalChildrenCapacity += room.childrenCapacity * room.quantity;\n            \n            var roomTotal = 0;\n            if (room.priceData) {\n                \/\/ Use the grand total which includes accommodation + fees + services\n                roomTotal = room.priceData.grand_total * room.quantity;\n            } else {\n                \/\/ Fallback to basic price\n                roomTotal = room.price * room.quantity * nights;\n            }\n            \n            grandTotal += roomTotal;\n            \n            itemsHtml += '<div class=\"verdent-book-selected__item\">';\n            itemsHtml += '<span class=\"verdent-book-selected__item-name\">' + room.quantity + 'x ' + room.accTitle + '<\/span>';\n            itemsHtml += '<span class=\"verdent-book-selected__item-price\">' + formatPrice(roomTotal) + '<\/span>';\n            itemsHtml += '<\/div>';\n        });\n        \n        \/\/ Show services breakdown if any\n        var servicesTotal = 0;\n        selections.forEach(function(room) {\n            if (room.priceData && room.priceData.services_total > 0) {\n                servicesTotal += room.priceData.services_total * room.quantity;\n            }\n        });\n        \n        if (servicesTotal > 0) {\n            itemsHtml += '<div class=\"verdent-book-selected__item verdent-book-selected__item--services\">';\n            itemsHtml += '<span class=\"verdent-book-selected__item-name\">Extra Services<\/span>';\n            itemsHtml += '<span class=\"verdent-book-selected__item-price\">' + formatPrice(servicesTotal) + '<\/span>';\n            itemsHtml += '<\/div>';\n        }\n        \n        $items.html(itemsHtml);\n        $totalPrice.text(formatPrice(grandTotal));\n        \n        var canFitAdults = totalAdultCapacity >= totalAdults;\n        var canFitChildren = totalChildrenCapacity >= totalChildren || totalChildren === 0;\n        \n        if (!canFitAdults || !canFitChildren) {\n            $error.text(capacityErrorMsg + ' (Need: ' + totalAdults + ' adults, ' + totalChildren + ' children. Have: ' + totalAdultCapacity + ' adults, ' + totalChildrenCapacity + ' children capacity)').show();\n            $button.prop('disabled', true);\n        } else {\n            $error.hide();\n            $button.prop('disabled', false);\n        }\n        \n        $summary.show();\n    }\n    \n    function formatPrice(amount) {\n        return new Intl.NumberFormat('el-GR', { style: 'currency', currency: 'EUR' }).format(amount);\n    }\n    \n    \/\/ Listen for room selection changes\n    document.addEventListener('verdent-room-selection-changed', function(e) {\n        var detail = e.detail;\n        selectedRooms[detail.accId] = detail;\n        updateSummary();\n    });\n    \n    \/\/ Listen for guest count changes (from Guests Selector)\n    document.addEventListener('verdent-guests-changed', function(e) {\n        if (e.detail) {\n            totalAdults = parseInt(e.detail.adults) || 1;\n            totalChildren = parseInt(e.detail.children) || 0;\n            \n            \/\/ Update display\n            var $guestsDiv = $(container).find('.verdent-book-selected__guests');\n            var guestsText = totalAdults + ' adult' + (totalAdults !== 1 ? 's' : '');\n            if (totalChildren > 0) {\n                guestsText += ', ' + totalChildren + ' child' + (totalChildren !== 1 ? 'ren' : '');\n            }\n            guestsText += ' &middot; ' + nights + ' night' + (nights !== 1 ? 's' : '');\n            $guestsDiv.html(guestsText);\n            \n            \/\/ Invalidate price cache and recalculate\n            accommodationPrices = {};\n            updateSummary();\n        }\n    });\n    \n    \/\/ Listen for date changes (from Date Picker)\n    document.addEventListener('verdent-dates-changed', function(e) {\n        if (e.detail && e.detail.startDate && e.detail.endDate) {\n            startDate = e.detail.startDate;\n            endDate = e.detail.endDate;\n            \n            \/\/ Recalculate nights\n            try {\n                var s = new Date(startDate);\n                var en = new Date(endDate);\n                nights = Math.max(1, Math.floor((en - s) \/ (1000 * 60 * 60 * 24)));\n            } catch(err) {\n                nights = 1;\n            }\n            \n            \/\/ Update nights display\n            var $guestsDiv = $(container).find('.verdent-book-selected__guests');\n            var guestsText = totalAdults + ' adult' + (totalAdults !== 1 ? 's' : '');\n            if (totalChildren > 0) {\n                guestsText += ', ' + totalChildren + ' child' + (totalChildren !== 1 ? 'ren' : '');\n            }\n            guestsText += ' &middot; ' + nights + ' night' + (nights !== 1 ? 's' : '');\n            $guestsDiv.html(guestsText);\n            \n            \/\/ Invalidate price cache and recalculate\n            accommodationPrices = {};\n            updateSummary();\n        }\n    });\n    \n    \/\/ Listen for service selection changes\n    document.addEventListener('verdent-service-changed', function(e) {\n        var detail = e.detail;\n        if (detail && detail.accommodationId) {\n            selectedServices[detail.accommodationId] = detail.services || [];\n            invalidatePriceCache(detail.accommodationId);\n            updateSummary();\n        }\n    });\n    \n    \/\/ Also listen on checkbox changes directly (fallback)\n    $(document).on('change', '.verdent-service-checkbox', function() {\n        var $wrapper = $(this).closest('.verdent-services-wrapper');\n        var accId = $wrapper.data('accommodation-id');\n        \n        if (accId) {\n            var services = [];\n            $wrapper.find('.verdent-service-checkbox:checked').each(function() {\n                var $item = $(this).closest('.verdent-service-item');\n                services.push({\n                    id: parseInt($(this).val()),\n                    quantity: parseInt($item.find('.verdent-service-quantity').val()) || 1\n                });\n            });\n            \n            selectedServices[accId] = services;\n            invalidatePriceCache(accId);\n            \n            \/\/ Small delay to allow other handlers to complete\n            setTimeout(function() {\n                updateSummary();\n            }, 100);\n        }\n    });\n    \n    \/\/ Listen for service quantity changes\n    $(document).on('change', '.verdent-service-quantity', function() {\n        var $wrapper = $(this).closest('.verdent-services-wrapper');\n        var accId = $wrapper.data('accommodation-id');\n        var $checkbox = $(this).closest('.verdent-service-item').find('.verdent-service-checkbox');\n        \n        if (accId && $checkbox.is(':checked')) {\n            var services = [];\n            $wrapper.find('.verdent-service-checkbox:checked').each(function() {\n                var $item = $(this).closest('.verdent-service-item');\n                services.push({\n                    id: parseInt($(this).val()),\n                    quantity: parseInt($item.find('.verdent-service-quantity').val()) || 1\n                });\n            });\n            \n            selectedServices[accId] = services;\n            invalidatePriceCache(accId);\n            \n            setTimeout(function() {\n                updateSummary();\n            }, 100);\n        }\n    });\n    \n    $button.on('click', function() {\n        var selections = Object.values(selectedRooms).filter(function(r) { return r.selected; });\n        \n        if (selections.length === 0) {\n            alert(noSelectionMsg);\n            return;\n        }\n        \n        $button.prop('disabled', true).addClass('loading');\n        var originalText = $button.text();\n        $button.html('<span class=\"spinner\"><\/span> Processing...');\n        \n        \/\/ Build bookings array - one entry per accommodation type\n        \/\/ EHB expects adults\/children PER ROOM, not total\n        var bookings = [];\n        \n        selections.forEach(function(room) {\n            \/\/ For EHB, we pass the room's capacity as adults\/children per room\n            \/\/ EHB will multiply by roomQuantity internally\n            bookings.push({\n                accId: room.accId,\n                adults: room.adultCapacity,      \/\/ Per room capacity\n                children: room.childrenCapacity,  \/\/ Per room capacity\n                roomQuantity: room.quantity,      \/\/ Number of rooms selected\n                services: selectedServices[room.accId] || []\n            });\n        });\n        \n        console.log('Book Selected: Bookings to make:', bookings);\n        \n        var currentIndex = 0;\n        \n        function addNextBooking() {\n            if (currentIndex >= bookings.length) {\n                window.location.href = checkoutUrl;\n                return;\n            }\n            \n            var booking = bookings[currentIndex];\n            \n            var data = {\n                action: 'verdent_proxy_add_to_cart',\n                nonce: nonce,\n                accomodationId: booking.accId,\n                startDate: startDate,\n                endDate: endDate,\n                adultQuantity: booking.adults,       \/\/ Per room (capacity)\n                childrenQuantity: booking.children,  \/\/ Per room (capacity)\n                roomQuantity: booking.roomQuantity,  \/\/ Number of rooms\n                extraBedQuantity: 0,\n                selectedServices: JSON.stringify(booking.services)\n            };\n            \n            console.log('Book Selected: Adding booking', currentIndex + 1, 'of', bookings.length, data);\n            \n            $.post(ajaxUrl, data, function(response) {\n                console.log('Book Selected: Response', response);\n                \n                if (response.success) {\n                    currentIndex++;\n                    addNextBooking();\n                } else {\n                    $button.prop('disabled', false).removeClass('loading').text(originalText);\n                    var msg = response.data && response.data.message ? response.data.message : 'Error adding to cart';\n                    alert(msg);\n                }\n            }).fail(function() {\n                $button.prop('disabled', false).removeClass('loading').text(originalText);\n                alert('Connection error. Please try again.');\n            });\n        }\n        \n        addNextBooking();\n    });\n    \n    container.dataset.initialized = 'true';\n})(jQuery);\n<\/script>\n\n<style>\n.verdent-book-selected__button.loading {\n    opacity: 0.7;\n    cursor: wait;\n}\n.verdent-book-selected__button .spinner {\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n    border: 2px solid currentColor;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: vbs-spin 0.8s linear infinite;\n    margin-right: 5px;\n    vertical-align: middle;\n}\n@keyframes vbs-spin {\n    to { transform: rotate(360deg); }\n}\n<\/style>\n\n\n<\/div>\n<\/div><\/div>\n\n\n<\/header><section class=\"bde-section-5737-100 bde-section back_v1\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div id=\"sres\" class=\"bde-post-loop-5737-120 bde-post-loop sres\"><div class=\"bde-loop bde-loop-grid ee-posts ee-posts-grid\">    <article class=\"bde-loop-item ee-post\">\n        <a class=\"bde-container-link-7269-273-7816-7269-1 bde-container-link bde-container-link-7269-273 breakdance-link\" href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/junior-suite\/\" target=\"_self\" data-type=\"url\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-270-7816-7269-1 bde-div bde-div-7269-270\">\n  \n  \n\t\n\n\n\n<div id=\"ehb_room_v2\" class=\"bde-verdent-post-image-7269-293-7816-7269-1 bde-verdent-post-image bde-verdent-post-image-7269-293\"><div class=\"bd-post-image-wrapper mode-hover zoom-enabled effect-fade\" id=\"bd-pi-6a13b66b93ae0\" data-mode=\"hover\">\n    \n            <!-- Image on Hover -->\n        <div class=\"bd-pi-main bd-pi-hover-container\">\n                            <a href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/junior-suite\/\" target=\"_blank\" rel=\"noopener\" class=\"bd-pi-hover-link\">\n                        \n            <img decoding=\"async\" class=\"bd-pi-front\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515711.jpg\" \n                 alt=\"Junior Suite\"\n                                  srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515711.jpg 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515711-300x225.jpg 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515711-768x576.jpg 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515711-16x12.jpg 16w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515711-600x450.jpg 600w\"                 loading=\"lazy\">\n            \n            <img decoding=\"async\" class=\"bd-pi-back\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515504.jpg\" \n                 alt=\"\"\n                 srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515504.jpg 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515504-300x225.jpg 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515504-768x576.jpg 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515504-16x12.jpg 16w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2026\/02\/694515504-600x450.jpg 600w\"                 loading=\"lazy\">\n            \n                            <\/a>\n                    <\/div>\n        \n        \n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-7269-191-7816-7269-1 bde-div bde-div-7269-191\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-7269-192-7816-7269-1 bde-heading bde-heading-7269-192\">\nJunior Suite\n<\/h3><div class=\"bde-text-7269-196-7816-7269-1 bde-text bde-text-7269-196\">\n\u0397 \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03ae \u03bb\u03cd\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c0\u03bf\u03bb\u03c5\u03c4\u03ad\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03ac\u03bd\u03b5\u03c3\u03b7! \u03a5\u03c0\u03cc\u03c3\u03c7\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03b1\u03be\u03ad\u03c7\u03b1\u03c3\u03c4\u03b7 \u03b4\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae!\n...\n<\/div><div class=\"bde-div-7269-323-7816-7269-1 bde-div bde-div-7269-323\">\n  \n  \n\t\n\n\n\n<div class=\"bde-accordion-7269-324-7816-7269-1 bde-accordion bde-accordion-7269-324\"><div class=\"bde-accordion__content-wrapper-7269-325-7816-7269-1 bde-accordion__content-wrapper bde-accordion__content-wrapper-7269-325\">\n<h3 class=\"bde-accordion__title-tag\">\n  <button type=\"button\" class=\"bde-accordion__button\" id=\"accordion-button-325\" aria-controls=\"accordion-panel-325\" aria-expanded=\"false\">\n     <span class=\"bde-accordion__title\" >\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0388\u03be\u03c4\u03c1\u03b1 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--default\"><\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--active\"><\/span>\n  <\/button>\n<\/h3>\n\n<div role=\"region\" class=\"bde-accordion__panel\" id=\"accordion-panel-325\" aria-labelledby=\"accordion-button-325\">\n    <div class=\"bde-accordion__panel-content\">\n        <div class=\"verdent-ehb-services-selector-7269-322-7816-7269-1 verdent-ehb-services-selector verdent-ehb-services-selector-7269-322\">\n<div class=\"verdent-services-wrapper\" \n     data-accommodation-id=\"7816\"\n     data-show-prices=\"1\"\n     data-show-quantity=\"1\">\n    \n            <div class=\"verdent-services-title\">Extra Services<\/div>\n        \n    <div class=\"verdent-services-list\">\n        <p class=\"verdent-services-loading\">Loading services...<\/p>\n    <\/div>\n<\/div>\n\n<\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\r\n\r\n<\/div>\n<\/div><div class=\"bde-div-7269-327-7816-7269-1 bde-div bde-div-7269-327\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-ehb-dynamic-total-7269-321-7816-7269-1 verdent-ehb-dynamic-total verdent-ehb-dynamic-total-7269-321\">\n<div class=\"verdent-dynamic-total-wrapper\" \n     id=\"vdt_7816_6a13b66b9634a\"\n     data-accommodation-id=\"7816\"\n     data-nights=\"0\"\n     data-per-night-label=\"\/night\"\n     data-nights-label=\"nights\"\n     data-night-label=\"night\"\n     data-rooms-label=\"rooms\"\n     data-room-label=\"room\">\n    \n        <div class=\"verdent-total-breakdown\">\n        <div class=\"breakdown-item accommodation-price\">\n            <span class=\"item-label\">Accommodation:<\/span>\n            <span class=\"item-breakdown\">\n                <span class=\"price-per-night\">...<\/span>\/night                                <span class=\"rooms-part\" style=\"display:none;\">\n                    &times; <span class=\"rooms-count\">1<\/span> <span class=\"rooms-text\">room<\/span>\n                <\/span>\n            <\/span>\n            <span class=\"item-amount\">Loading...<\/span>\n        <\/div>\n        <!-- Flat fees and services will be inserted here by JS -->\n    <\/div>\n        \n    <div class=\"verdent-total-main\">\n        <span class=\"total-label\">Total:<\/span>\n        <span class=\"total-amount\">Loading...<\/span>\n    <\/div>\n<\/div>\n\n<style>\n.verdent-dynamic-total-wrapper .item-breakdown {\n    font-size: 0.85em;\n    opacity: 0.8;\n    margin-left: 5px;\n}\n.verdent-dynamic-total-wrapper .breakdown-item {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 5px;\n}\n.verdent-dynamic-total-wrapper .item-amount {\n    margin-left: auto;\n    font-weight: 600;\n}\n<\/style>\n\n<\/div>\n<\/div><div class=\"bde-div-7269-274-7816-7269-1 bde-div bde-div-7269-274\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-305-7816-7269-1 bde-div bde-div-7269-305\">\n  \n  \n\t\n\n\n\n<div class=\"bde-verdent-ehb-room-checkbox-7269-330-7816-7269-1 bde-verdent-ehb-room-checkbox bde-verdent-ehb-room-checkbox-7269-330\">\n<div class=\"verdent-room-checkbox\" \n     id=\"vrc_7816_6a13b66b96a86\"\n     data-acc-id=\"7816\"\n     data-acc-title=\"Junior Suite\"\n     data-adult-capacity=\"2\"\n     data-children-capacity=\"2\"\n     data-total-rooms=\"1\"\n     data-price=\"190\">\n    \n    <label class=\"verdent-room-checkbox__label\">\n        <input type=\"checkbox\" \n               class=\"verdent-room-checkbox__input\" \n               name=\"selected_rooms[]\" \n               value=\"7816\">\n        <span class=\"verdent-room-checkbox__checkmark\"><\/span>\n    <\/label>\n    \n    <div class=\"verdent-room-checkbox__quantity\">\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--minus\" disabled>-<\/button>\n        <input type=\"number\" \n               class=\"verdent-room-checkbox__number\" \n               value=\"1\" \n               min=\"1\" \n               max=\"1\" \n               readonly>\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--plus\" disabled>+<\/button>\n    <\/div>\n    \n    <span class=\"verdent-room-checkbox__rooms-text\">room<\/span>\n    \n    <span class=\"verdent-room-checkbox__capacity\">\n        (2 adults, 2 children per room)\n    <\/span>\n<\/div>\n\n<script>\n(function() {\n    var container = document.getElementById('vrc_7816_6a13b66b96a86');\n    if (!container || container.dataset.initialized) return;\n    \n    var checkbox = container.querySelector('.verdent-room-checkbox__input');\n    var numberInput = container.querySelector('.verdent-room-checkbox__number');\n    var minusBtn = container.querySelector('.verdent-room-checkbox__btn--minus');\n    var plusBtn = container.querySelector('.verdent-room-checkbox__btn--plus');\n    var roomsText = container.querySelector('.verdent-room-checkbox__rooms-text');\n    var maxRooms = parseInt(container.dataset.totalRooms) || 1;\n    \n    function updateButtons() {\n        var val = parseInt(numberInput.value) || 1;\n        minusBtn.disabled = val <= 1;\n        plusBtn.disabled = val >= maxRooms;\n        \/\/ Update text (room\/rooms)\n        if (roomsText) {\n            roomsText.textContent = val === 1 ? 'room' : 'rooms';\n        }\n    }\n    \n    function dispatchChange() {\n        var event = new CustomEvent('verdent-room-selection-changed', {\n            bubbles: true,\n            detail: {\n                accId: container.dataset.accId,\n                accTitle: container.dataset.accTitle,\n                selected: checkbox.checked,\n                quantity: parseInt(numberInput.value) || 1,\n                adultCapacity: parseInt(container.dataset.adultCapacity) || 1,\n                childrenCapacity: parseInt(container.dataset.childrenCapacity) || 0,\n                price: parseFloat(container.dataset.price) || 0\n            }\n        });\n        document.dispatchEvent(event);\n    }\n    \n    checkbox.addEventListener('change', function() {\n        container.classList.toggle('is-selected', this.checked);\n        dispatchChange();\n    });\n    \n    minusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val > 1) {\n            numberInput.value = val - 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    plusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val < maxRooms) {\n            numberInput.value = val + 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    updateButtons();\n    container.dataset.initialized = 'true';\n})();\n<\/script>\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/a>    <\/article>\n    <article class=\"bde-loop-item ee-post\">\n        <a class=\"bde-container-link-7269-273-6139-7269-1 bde-container-link bde-container-link-7269-273 breakdance-link\" href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/triklino-premium\/\" target=\"_self\" data-type=\"url\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-270-6139-7269-1 bde-div bde-div-7269-270\">\n  \n  \n\t\n\n\n\n<div id=\"ehb_room_v2\" class=\"bde-verdent-post-image-7269-293-6139-7269-1 bde-verdent-post-image bde-verdent-post-image-7269-293\"><div class=\"bd-post-image-wrapper mode-hover zoom-enabled effect-fade\" id=\"bd-pi-6a13b66b9949e\" data-mode=\"hover\">\n    \n            <!-- Image on Hover -->\n        <div class=\"bd-pi-main bd-pi-hover-container\">\n                            <a href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/triklino-premium\/\" target=\"_blank\" rel=\"noopener\" class=\"bd-pi-hover-link\">\n                        \n            <img decoding=\"async\" class=\"bd-pi-front\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0111-1024x683.webp\" \n                 alt=\"Premium \u03a4\u03c1\u03af\u03ba\u03bb\u03b9\u03bd\u03bf\"\n                                  srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0111-1024x683.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0111-300x200.webp 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0111-768x512.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0111-1536x1024.webp 1536w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0111-2048x1365.webp 2048w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0111-18x12.webp 18w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0111-600x400.webp 600w\"                 loading=\"lazy\">\n            \n            <img decoding=\"async\" class=\"bd-pi-back\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0142-1024x683.webp\" \n                 alt=\"\"\n                 srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0142-1024x683.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0142-300x200.webp 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0142-768x512.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0142-1536x1024.webp 1536w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0142-2048x1365.webp 2048w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0142-18x12.webp 18w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0142-600x400.webp 600w\"                 loading=\"lazy\">\n            \n                            <\/a>\n                    <\/div>\n        \n        \n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-7269-191-6139-7269-1 bde-div bde-div-7269-191\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-7269-192-6139-7269-1 bde-heading bde-heading-7269-192\">\nPremium Triple\n<\/h3><div class=\"bde-text-7269-196-6139-7269-1 bde-text bde-text-7269-196\">\n\u03a0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b9\u03b1\u03bc\u03ad\u03bd\u03bf\u03bd\u03c4\u03b5\u03c2 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ad\u03c3\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c6\u03b9\u03bb\u03bf\u03be\u03b5\u03bd\u03ae\u03c3\u03b5\u03b9 \u03ad\u03c9\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b9\u03b1 5\u03bc\u03b5\u03bb\u03ae \u03bf\u03b9...\n<\/div><div class=\"bde-div-7269-323-6139-7269-1 bde-div bde-div-7269-323\">\n  \n  \n\t\n\n\n\n<div class=\"bde-accordion-7269-324-6139-7269-1 bde-accordion bde-accordion-7269-324\"><div class=\"bde-accordion__content-wrapper-7269-325-6139-7269-1 bde-accordion__content-wrapper bde-accordion__content-wrapper-7269-325\">\n<h3 class=\"bde-accordion__title-tag\">\n  <button type=\"button\" class=\"bde-accordion__button\" id=\"accordion-button-325\" aria-controls=\"accordion-panel-325\" aria-expanded=\"false\">\n     <span class=\"bde-accordion__title\" >\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0388\u03be\u03c4\u03c1\u03b1 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--default\"><\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--active\"><\/span>\n  <\/button>\n<\/h3>\n\n<div role=\"region\" class=\"bde-accordion__panel\" id=\"accordion-panel-325\" aria-labelledby=\"accordion-button-325\">\n    <div class=\"bde-accordion__panel-content\">\n        <div class=\"verdent-ehb-services-selector-7269-322-6139-7269-1 verdent-ehb-services-selector verdent-ehb-services-selector-7269-322\">\n<div class=\"verdent-services-wrapper\" \n     data-accommodation-id=\"6139\"\n     data-show-prices=\"1\"\n     data-show-quantity=\"1\">\n    \n            <div class=\"verdent-services-title\">Extra Services<\/div>\n        \n    <div class=\"verdent-services-list\">\n        <p class=\"verdent-services-loading\">Loading services...<\/p>\n    <\/div>\n<\/div>\n\n<\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\r\n\r\n<\/div>\n<\/div><div class=\"bde-div-7269-327-6139-7269-1 bde-div bde-div-7269-327\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-ehb-dynamic-total-7269-321-6139-7269-1 verdent-ehb-dynamic-total verdent-ehb-dynamic-total-7269-321\">\n<div class=\"verdent-dynamic-total-wrapper\" \n     id=\"vdt_6139_6a13b66b9ad6c\"\n     data-accommodation-id=\"6139\"\n     data-nights=\"0\"\n     data-per-night-label=\"\/night\"\n     data-nights-label=\"nights\"\n     data-night-label=\"night\"\n     data-rooms-label=\"rooms\"\n     data-room-label=\"room\">\n    \n        <div class=\"verdent-total-breakdown\">\n        <div class=\"breakdown-item accommodation-price\">\n            <span class=\"item-label\">Accommodation:<\/span>\n            <span class=\"item-breakdown\">\n                <span class=\"price-per-night\">...<\/span>\/night                                <span class=\"rooms-part\" style=\"display:none;\">\n                    &times; <span class=\"rooms-count\">1<\/span> <span class=\"rooms-text\">room<\/span>\n                <\/span>\n            <\/span>\n            <span class=\"item-amount\">Loading...<\/span>\n        <\/div>\n        <!-- Flat fees and services will be inserted here by JS -->\n    <\/div>\n        \n    <div class=\"verdent-total-main\">\n        <span class=\"total-label\">Total:<\/span>\n        <span class=\"total-amount\">Loading...<\/span>\n    <\/div>\n<\/div>\n\n<style>\n.verdent-dynamic-total-wrapper .item-breakdown {\n    font-size: 0.85em;\n    opacity: 0.8;\n    margin-left: 5px;\n}\n.verdent-dynamic-total-wrapper .breakdown-item {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 5px;\n}\n.verdent-dynamic-total-wrapper .item-amount {\n    margin-left: auto;\n    font-weight: 600;\n}\n<\/style>\n\n<\/div>\n<\/div><div class=\"bde-div-7269-274-6139-7269-1 bde-div bde-div-7269-274\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-305-6139-7269-1 bde-div bde-div-7269-305\">\n  \n  \n\t\n\n\n\n<div class=\"bde-verdent-ehb-room-checkbox-7269-330-6139-7269-1 bde-verdent-ehb-room-checkbox bde-verdent-ehb-room-checkbox-7269-330\">\n<div class=\"verdent-room-checkbox\" \n     id=\"vrc_6139_6a13b66b9af31\"\n     data-acc-id=\"6139\"\n     data-acc-title=\"Premium \u03a4\u03c1\u03af\u03ba\u03bb\u03b9\u03bd\u03bf\"\n     data-adult-capacity=\"3\"\n     data-children-capacity=\"2\"\n     data-total-rooms=\"4\"\n     data-price=\"120\">\n    \n    <label class=\"verdent-room-checkbox__label\">\n        <input type=\"checkbox\" \n               class=\"verdent-room-checkbox__input\" \n               name=\"selected_rooms[]\" \n               value=\"6139\">\n        <span class=\"verdent-room-checkbox__checkmark\"><\/span>\n    <\/label>\n    \n    <div class=\"verdent-room-checkbox__quantity\">\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--minus\" disabled>-<\/button>\n        <input type=\"number\" \n               class=\"verdent-room-checkbox__number\" \n               value=\"1\" \n               min=\"1\" \n               max=\"4\" \n               readonly>\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--plus\" >+<\/button>\n    <\/div>\n    \n    <span class=\"verdent-room-checkbox__rooms-text\">rooms<\/span>\n    \n    <span class=\"verdent-room-checkbox__capacity\">\n        (3 adults, 2 children per room)\n    <\/span>\n<\/div>\n\n<script>\n(function() {\n    var container = document.getElementById('vrc_6139_6a13b66b9af31');\n    if (!container || container.dataset.initialized) return;\n    \n    var checkbox = container.querySelector('.verdent-room-checkbox__input');\n    var numberInput = container.querySelector('.verdent-room-checkbox__number');\n    var minusBtn = container.querySelector('.verdent-room-checkbox__btn--minus');\n    var plusBtn = container.querySelector('.verdent-room-checkbox__btn--plus');\n    var roomsText = container.querySelector('.verdent-room-checkbox__rooms-text');\n    var maxRooms = parseInt(container.dataset.totalRooms) || 1;\n    \n    function updateButtons() {\n        var val = parseInt(numberInput.value) || 1;\n        minusBtn.disabled = val <= 1;\n        plusBtn.disabled = val >= maxRooms;\n        \/\/ Update text (room\/rooms)\n        if (roomsText) {\n            roomsText.textContent = val === 1 ? 'room' : 'rooms';\n        }\n    }\n    \n    function dispatchChange() {\n        var event = new CustomEvent('verdent-room-selection-changed', {\n            bubbles: true,\n            detail: {\n                accId: container.dataset.accId,\n                accTitle: container.dataset.accTitle,\n                selected: checkbox.checked,\n                quantity: parseInt(numberInput.value) || 1,\n                adultCapacity: parseInt(container.dataset.adultCapacity) || 1,\n                childrenCapacity: parseInt(container.dataset.childrenCapacity) || 0,\n                price: parseFloat(container.dataset.price) || 0\n            }\n        });\n        document.dispatchEvent(event);\n    }\n    \n    checkbox.addEventListener('change', function() {\n        container.classList.toggle('is-selected', this.checked);\n        dispatchChange();\n    });\n    \n    minusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val > 1) {\n            numberInput.value = val - 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    plusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val < maxRooms) {\n            numberInput.value = val + 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    updateButtons();\n    container.dataset.initialized = 'true';\n})();\n<\/script>\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/a>    <\/article>\n    <article class=\"bde-loop-item ee-post\">\n        <a class=\"bde-container-link-7269-273-6127-7269-1 bde-container-link bde-container-link-7269-273 breakdance-link\" href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/triklino-standard\/\" target=\"_self\" data-type=\"url\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-270-6127-7269-1 bde-div bde-div-7269-270\">\n  \n  \n\t\n\n\n\n<div id=\"ehb_room_v2\" class=\"bde-verdent-post-image-7269-293-6127-7269-1 bde-verdent-post-image bde-verdent-post-image-7269-293\"><div class=\"bd-post-image-wrapper mode-hover zoom-enabled effect-fade\" id=\"bd-pi-6a13b66b9c271\" data-mode=\"hover\">\n    \n            <!-- Image on Hover -->\n        <div class=\"bd-pi-main bd-pi-hover-container\">\n                            <a href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/triklino-standard\/\" target=\"_blank\" rel=\"noopener\" class=\"bd-pi-hover-link\">\n                        \n            <img decoding=\"async\" class=\"bd-pi-front\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0122-1024x683.webp\" \n                 alt=\"Standard \u03a4\u03c1\u03af\u03ba\u03bb\u03b9\u03bd\u03bf\"\n                                  srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0122-1024x683.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0122-300x200.webp 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0122-768x512.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0122-1536x1024.webp 1536w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0122-2048x1365.webp 2048w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0122-18x12.webp 18w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0122-600x400.webp 600w\"                 loading=\"lazy\">\n            \n            <img decoding=\"async\" class=\"bd-pi-back\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0069-1024x683.webp\" \n                 alt=\"\"\n                 srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0069-1024x683.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0069-300x200.webp 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0069-768x512.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0069-1536x1024.webp 1536w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0069-2048x1365.webp 2048w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0069-18x12.webp 18w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0069-600x400.webp 600w\"                 loading=\"lazy\">\n            \n                            <\/a>\n                    <\/div>\n        \n        \n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-7269-191-6127-7269-1 bde-div bde-div-7269-191\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-7269-192-6127-7269-1 bde-heading bde-heading-7269-192\">\nStandard Triple\n<\/h3><div class=\"bde-text-7269-196-6127-7269-1 bde-text bde-text-7269-196\">\n\u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03b4\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae 3 \u03b1\u03c4\u03cc\u03bc\u03c9\u03bd, \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1\u03c2 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ad\u03c3\u03b5\u03b9\u03c2!\n...\n<\/div><div class=\"bde-div-7269-323-6127-7269-1 bde-div bde-div-7269-323\">\n  \n  \n\t\n\n\n\n<div class=\"bde-accordion-7269-324-6127-7269-1 bde-accordion bde-accordion-7269-324\"><div class=\"bde-accordion__content-wrapper-7269-325-6127-7269-1 bde-accordion__content-wrapper bde-accordion__content-wrapper-7269-325\">\n<h3 class=\"bde-accordion__title-tag\">\n  <button type=\"button\" class=\"bde-accordion__button\" id=\"accordion-button-325\" aria-controls=\"accordion-panel-325\" aria-expanded=\"false\">\n     <span class=\"bde-accordion__title\" >\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0388\u03be\u03c4\u03c1\u03b1 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--default\"><\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--active\"><\/span>\n  <\/button>\n<\/h3>\n\n<div role=\"region\" class=\"bde-accordion__panel\" id=\"accordion-panel-325\" aria-labelledby=\"accordion-button-325\">\n    <div class=\"bde-accordion__panel-content\">\n        <div class=\"verdent-ehb-services-selector-7269-322-6127-7269-1 verdent-ehb-services-selector verdent-ehb-services-selector-7269-322\">\n<div class=\"verdent-services-wrapper\" \n     data-accommodation-id=\"6127\"\n     data-show-prices=\"1\"\n     data-show-quantity=\"1\">\n    \n            <div class=\"verdent-services-title\">Extra Services<\/div>\n        \n    <div class=\"verdent-services-list\">\n        <p class=\"verdent-services-loading\">Loading services...<\/p>\n    <\/div>\n<\/div>\n\n<\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\r\n\r\n<\/div>\n<\/div><div class=\"bde-div-7269-327-6127-7269-1 bde-div bde-div-7269-327\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-ehb-dynamic-total-7269-321-6127-7269-1 verdent-ehb-dynamic-total verdent-ehb-dynamic-total-7269-321\">\n<div class=\"verdent-dynamic-total-wrapper\" \n     id=\"vdt_6127_6a13b66b9d506\"\n     data-accommodation-id=\"6127\"\n     data-nights=\"0\"\n     data-per-night-label=\"\/night\"\n     data-nights-label=\"nights\"\n     data-night-label=\"night\"\n     data-rooms-label=\"rooms\"\n     data-room-label=\"room\">\n    \n        <div class=\"verdent-total-breakdown\">\n        <div class=\"breakdown-item accommodation-price\">\n            <span class=\"item-label\">Accommodation:<\/span>\n            <span class=\"item-breakdown\">\n                <span class=\"price-per-night\">...<\/span>\/night                                <span class=\"rooms-part\" style=\"display:none;\">\n                    &times; <span class=\"rooms-count\">1<\/span> <span class=\"rooms-text\">room<\/span>\n                <\/span>\n            <\/span>\n            <span class=\"item-amount\">Loading...<\/span>\n        <\/div>\n        <!-- Flat fees and services will be inserted here by JS -->\n    <\/div>\n        \n    <div class=\"verdent-total-main\">\n        <span class=\"total-label\">Total:<\/span>\n        <span class=\"total-amount\">Loading...<\/span>\n    <\/div>\n<\/div>\n\n<style>\n.verdent-dynamic-total-wrapper .item-breakdown {\n    font-size: 0.85em;\n    opacity: 0.8;\n    margin-left: 5px;\n}\n.verdent-dynamic-total-wrapper .breakdown-item {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 5px;\n}\n.verdent-dynamic-total-wrapper .item-amount {\n    margin-left: auto;\n    font-weight: 600;\n}\n<\/style>\n\n<\/div>\n<\/div><div class=\"bde-div-7269-274-6127-7269-1 bde-div bde-div-7269-274\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-305-6127-7269-1 bde-div bde-div-7269-305\">\n  \n  \n\t\n\n\n\n<div class=\"bde-verdent-ehb-room-checkbox-7269-330-6127-7269-1 bde-verdent-ehb-room-checkbox bde-verdent-ehb-room-checkbox-7269-330\">\n<div class=\"verdent-room-checkbox\" \n     id=\"vrc_6127_6a13b66b9d6ff\"\n     data-acc-id=\"6127\"\n     data-acc-title=\"Standard \u03a4\u03c1\u03af\u03ba\u03bb\u03b9\u03bd\u03bf\"\n     data-adult-capacity=\"3\"\n     data-children-capacity=\"2\"\n     data-total-rooms=\"14\"\n     data-price=\"115\">\n    \n    <label class=\"verdent-room-checkbox__label\">\n        <input type=\"checkbox\" \n               class=\"verdent-room-checkbox__input\" \n               name=\"selected_rooms[]\" \n               value=\"6127\">\n        <span class=\"verdent-room-checkbox__checkmark\"><\/span>\n    <\/label>\n    \n    <div class=\"verdent-room-checkbox__quantity\">\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--minus\" disabled>-<\/button>\n        <input type=\"number\" \n               class=\"verdent-room-checkbox__number\" \n               value=\"1\" \n               min=\"1\" \n               max=\"14\" \n               readonly>\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--plus\" >+<\/button>\n    <\/div>\n    \n    <span class=\"verdent-room-checkbox__rooms-text\">rooms<\/span>\n    \n    <span class=\"verdent-room-checkbox__capacity\">\n        (3 adults, 2 children per room)\n    <\/span>\n<\/div>\n\n<script>\n(function() {\n    var container = document.getElementById('vrc_6127_6a13b66b9d6ff');\n    if (!container || container.dataset.initialized) return;\n    \n    var checkbox = container.querySelector('.verdent-room-checkbox__input');\n    var numberInput = container.querySelector('.verdent-room-checkbox__number');\n    var minusBtn = container.querySelector('.verdent-room-checkbox__btn--minus');\n    var plusBtn = container.querySelector('.verdent-room-checkbox__btn--plus');\n    var roomsText = container.querySelector('.verdent-room-checkbox__rooms-text');\n    var maxRooms = parseInt(container.dataset.totalRooms) || 1;\n    \n    function updateButtons() {\n        var val = parseInt(numberInput.value) || 1;\n        minusBtn.disabled = val <= 1;\n        plusBtn.disabled = val >= maxRooms;\n        \/\/ Update text (room\/rooms)\n        if (roomsText) {\n            roomsText.textContent = val === 1 ? 'room' : 'rooms';\n        }\n    }\n    \n    function dispatchChange() {\n        var event = new CustomEvent('verdent-room-selection-changed', {\n            bubbles: true,\n            detail: {\n                accId: container.dataset.accId,\n                accTitle: container.dataset.accTitle,\n                selected: checkbox.checked,\n                quantity: parseInt(numberInput.value) || 1,\n                adultCapacity: parseInt(container.dataset.adultCapacity) || 1,\n                childrenCapacity: parseInt(container.dataset.childrenCapacity) || 0,\n                price: parseFloat(container.dataset.price) || 0\n            }\n        });\n        document.dispatchEvent(event);\n    }\n    \n    checkbox.addEventListener('change', function() {\n        container.classList.toggle('is-selected', this.checked);\n        dispatchChange();\n    });\n    \n    minusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val > 1) {\n            numberInput.value = val - 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    plusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val < maxRooms) {\n            numberInput.value = val + 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    updateButtons();\n    container.dataset.initialized = 'true';\n})();\n<\/script>\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/a>    <\/article>\n    <article class=\"bde-loop-item ee-post\">\n        <a class=\"bde-container-link-7269-273-6110-7269-1 bde-container-link bde-container-link-7269-273 breakdance-link\" href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/diklino-premium\/\" target=\"_self\" data-type=\"url\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-270-6110-7269-1 bde-div bde-div-7269-270\">\n  \n  \n\t\n\n\n\n<div id=\"ehb_room_v2\" class=\"bde-verdent-post-image-7269-293-6110-7269-1 bde-verdent-post-image bde-verdent-post-image-7269-293\"><div class=\"bd-post-image-wrapper mode-hover zoom-enabled effect-fade\" id=\"bd-pi-6a13b66b9e9d0\" data-mode=\"hover\">\n    \n            <!-- Image on Hover -->\n        <div class=\"bd-pi-main bd-pi-hover-container\">\n                            <a href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/diklino-premium\/\" target=\"_blank\" rel=\"noopener\" class=\"bd-pi-hover-link\">\n                        \n            <img decoding=\"async\" class=\"bd-pi-front\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0176-1024x683.webp\" \n                 alt=\"Premium \u0394\u03af\u03ba\u03bb\u03b9\u03bd\u03bf\"\n                                  srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0176-1024x683.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0176-300x200.webp 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0176-768x512.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0176-1536x1024.webp 1536w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0176-2048x1365.webp 2048w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0176-18x12.webp 18w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0176-600x400.webp 600w\"                 loading=\"lazy\">\n            \n            <img decoding=\"async\" class=\"bd-pi-back\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0057-1024x683.webp\" \n                 alt=\"\"\n                 srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0057-1024x683.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0057-300x200.webp 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0057-768x512.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0057-1536x1024.webp 1536w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0057-2048x1365.webp 2048w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0057-18x12.webp 18w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0057-600x400.webp 600w\"                 loading=\"lazy\">\n            \n                            <\/a>\n                    <\/div>\n        \n        \n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-7269-191-6110-7269-1 bde-div bde-div-7269-191\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-7269-192-6110-7269-1 bde-heading bde-heading-7269-192\">\nPremium Double \/ Twin\n<\/h3><div class=\"bde-text-7269-196-6110-7269-1 bde-text bde-text-7269-196\">\n\u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 2 \u03ac\u03c4\u03bf\u03bc\u03b1 \u03ae 1 \u03ac\u03c4\u03bf\u03bc\u03bf \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b9\u03b8\u03c5\u03bc\u03b5\u03af \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ad\u03c3\u03b5\u03b9\u03c2 \u03b5\u03bd\u03cc\u03c2 \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf\u03c5 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd!\n...\n<\/div><div class=\"bde-div-7269-323-6110-7269-1 bde-div bde-div-7269-323\">\n  \n  \n\t\n\n\n\n<div class=\"bde-accordion-7269-324-6110-7269-1 bde-accordion bde-accordion-7269-324\"><div class=\"bde-accordion__content-wrapper-7269-325-6110-7269-1 bde-accordion__content-wrapper bde-accordion__content-wrapper-7269-325\">\n<h3 class=\"bde-accordion__title-tag\">\n  <button type=\"button\" class=\"bde-accordion__button\" id=\"accordion-button-325\" aria-controls=\"accordion-panel-325\" aria-expanded=\"false\">\n     <span class=\"bde-accordion__title\" >\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0388\u03be\u03c4\u03c1\u03b1 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--default\"><\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--active\"><\/span>\n  <\/button>\n<\/h3>\n\n<div role=\"region\" class=\"bde-accordion__panel\" id=\"accordion-panel-325\" aria-labelledby=\"accordion-button-325\">\n    <div class=\"bde-accordion__panel-content\">\n        <div class=\"verdent-ehb-services-selector-7269-322-6110-7269-1 verdent-ehb-services-selector verdent-ehb-services-selector-7269-322\">\n<div class=\"verdent-services-wrapper\" \n     data-accommodation-id=\"6110\"\n     data-show-prices=\"1\"\n     data-show-quantity=\"1\">\n    \n            <div class=\"verdent-services-title\">Extra Services<\/div>\n        \n    <div class=\"verdent-services-list\">\n        <p class=\"verdent-services-loading\">Loading services...<\/p>\n    <\/div>\n<\/div>\n\n<\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\r\n\r\n<\/div>\n<\/div><div class=\"bde-div-7269-327-6110-7269-1 bde-div bde-div-7269-327\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-ehb-dynamic-total-7269-321-6110-7269-1 verdent-ehb-dynamic-total verdent-ehb-dynamic-total-7269-321\">\n<div class=\"verdent-dynamic-total-wrapper\" \n     id=\"vdt_6110_6a13b66b9fc33\"\n     data-accommodation-id=\"6110\"\n     data-nights=\"0\"\n     data-per-night-label=\"\/night\"\n     data-nights-label=\"nights\"\n     data-night-label=\"night\"\n     data-rooms-label=\"rooms\"\n     data-room-label=\"room\">\n    \n        <div class=\"verdent-total-breakdown\">\n        <div class=\"breakdown-item accommodation-price\">\n            <span class=\"item-label\">Accommodation:<\/span>\n            <span class=\"item-breakdown\">\n                <span class=\"price-per-night\">...<\/span>\/night                                <span class=\"rooms-part\" style=\"display:none;\">\n                    &times; <span class=\"rooms-count\">1<\/span> <span class=\"rooms-text\">room<\/span>\n                <\/span>\n            <\/span>\n            <span class=\"item-amount\">Loading...<\/span>\n        <\/div>\n        <!-- Flat fees and services will be inserted here by JS -->\n    <\/div>\n        \n    <div class=\"verdent-total-main\">\n        <span class=\"total-label\">Total:<\/span>\n        <span class=\"total-amount\">Loading...<\/span>\n    <\/div>\n<\/div>\n\n<style>\n.verdent-dynamic-total-wrapper .item-breakdown {\n    font-size: 0.85em;\n    opacity: 0.8;\n    margin-left: 5px;\n}\n.verdent-dynamic-total-wrapper .breakdown-item {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 5px;\n}\n.verdent-dynamic-total-wrapper .item-amount {\n    margin-left: auto;\n    font-weight: 600;\n}\n<\/style>\n\n<\/div>\n<\/div><div class=\"bde-div-7269-274-6110-7269-1 bde-div bde-div-7269-274\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-305-6110-7269-1 bde-div bde-div-7269-305\">\n  \n  \n\t\n\n\n\n<div class=\"bde-verdent-ehb-room-checkbox-7269-330-6110-7269-1 bde-verdent-ehb-room-checkbox bde-verdent-ehb-room-checkbox-7269-330\">\n<div class=\"verdent-room-checkbox\" \n     id=\"vrc_6110_6a13b66b9fde2\"\n     data-acc-id=\"6110\"\n     data-acc-title=\"Premium \u0394\u03af\u03ba\u03bb\u03b9\u03bd\u03bf\"\n     data-adult-capacity=\"2\"\n     data-children-capacity=\"1\"\n     data-total-rooms=\"7\"\n     data-price=\"110\">\n    \n    <label class=\"verdent-room-checkbox__label\">\n        <input type=\"checkbox\" \n               class=\"verdent-room-checkbox__input\" \n               name=\"selected_rooms[]\" \n               value=\"6110\">\n        <span class=\"verdent-room-checkbox__checkmark\"><\/span>\n    <\/label>\n    \n    <div class=\"verdent-room-checkbox__quantity\">\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--minus\" disabled>-<\/button>\n        <input type=\"number\" \n               class=\"verdent-room-checkbox__number\" \n               value=\"1\" \n               min=\"1\" \n               max=\"7\" \n               readonly>\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--plus\" >+<\/button>\n    <\/div>\n    \n    <span class=\"verdent-room-checkbox__rooms-text\">rooms<\/span>\n    \n    <span class=\"verdent-room-checkbox__capacity\">\n        (2 adults, 1 children per room)\n    <\/span>\n<\/div>\n\n<script>\n(function() {\n    var container = document.getElementById('vrc_6110_6a13b66b9fde2');\n    if (!container || container.dataset.initialized) return;\n    \n    var checkbox = container.querySelector('.verdent-room-checkbox__input');\n    var numberInput = container.querySelector('.verdent-room-checkbox__number');\n    var minusBtn = container.querySelector('.verdent-room-checkbox__btn--minus');\n    var plusBtn = container.querySelector('.verdent-room-checkbox__btn--plus');\n    var roomsText = container.querySelector('.verdent-room-checkbox__rooms-text');\n    var maxRooms = parseInt(container.dataset.totalRooms) || 1;\n    \n    function updateButtons() {\n        var val = parseInt(numberInput.value) || 1;\n        minusBtn.disabled = val <= 1;\n        plusBtn.disabled = val >= maxRooms;\n        \/\/ Update text (room\/rooms)\n        if (roomsText) {\n            roomsText.textContent = val === 1 ? 'room' : 'rooms';\n        }\n    }\n    \n    function dispatchChange() {\n        var event = new CustomEvent('verdent-room-selection-changed', {\n            bubbles: true,\n            detail: {\n                accId: container.dataset.accId,\n                accTitle: container.dataset.accTitle,\n                selected: checkbox.checked,\n                quantity: parseInt(numberInput.value) || 1,\n                adultCapacity: parseInt(container.dataset.adultCapacity) || 1,\n                childrenCapacity: parseInt(container.dataset.childrenCapacity) || 0,\n                price: parseFloat(container.dataset.price) || 0\n            }\n        });\n        document.dispatchEvent(event);\n    }\n    \n    checkbox.addEventListener('change', function() {\n        container.classList.toggle('is-selected', this.checked);\n        dispatchChange();\n    });\n    \n    minusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val > 1) {\n            numberInput.value = val - 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    plusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val < maxRooms) {\n            numberInput.value = val + 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    updateButtons();\n    container.dataset.initialized = 'true';\n})();\n<\/script>\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/a>    <\/article>\n    <article class=\"bde-loop-item ee-post\">\n        <a class=\"bde-container-link-7269-273-6062-7269-1 bde-container-link bde-container-link-7269-273 breakdance-link\" href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/diklino-standard\/\" target=\"_self\" data-type=\"url\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-270-6062-7269-1 bde-div bde-div-7269-270\">\n  \n  \n\t\n\n\n\n<div id=\"ehb_room_v2\" class=\"bde-verdent-post-image-7269-293-6062-7269-1 bde-verdent-post-image bde-verdent-post-image-7269-293\"><div class=\"bd-post-image-wrapper mode-hover zoom-enabled effect-fade\" id=\"bd-pi-6a13b66ba1168\" data-mode=\"hover\">\n    \n            <!-- Image on Hover -->\n        <div class=\"bd-pi-main bd-pi-hover-container\">\n                            <a href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/diklino-standard\/\" target=\"_blank\" rel=\"noopener\" class=\"bd-pi-hover-link\">\n                        \n            <img decoding=\"async\" class=\"bd-pi-front\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0161-1024x683.webp\" \n                 alt=\"Standard \u0394\u03af\u03ba\u03bb\u03b9\u03bd\u03bf\"\n                                  srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0161-1024x683.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0161-300x200.webp 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0161-768x512.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0161-1536x1024.webp 1536w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0161-2048x1365.webp 2048w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0161-18x12.webp 18w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0161-600x400.webp 600w\"                 loading=\"lazy\">\n            \n            <img decoding=\"async\" class=\"bd-pi-back\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2020\/05\/0093-1024x493.jpg\" \n                 alt=\"sdiklino\"\n                 srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2020\/05\/0093-1024x493.jpg 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2020\/05\/0093-600x289.jpg 600w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2020\/05\/0093-300x144.jpg 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2020\/05\/0093-768x370.jpg 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2020\/05\/0093-440x212.jpg 440w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2020\/05\/0093.jpg 1170w\"                 loading=\"lazy\">\n            \n                            <\/a>\n                    <\/div>\n        \n        \n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-7269-191-6062-7269-1 bde-div bde-div-7269-191\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-7269-192-6062-7269-1 bde-heading bde-heading-7269-192\">\nStandard Double \/ Twin\n<\/h3><div class=\"bde-text-7269-196-6062-7269-1 bde-text bde-text-7269-196\">\n\u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 2 \u03ac\u03c4\u03bf\u03bc\u03b1 \u03ae 1 \u03ac\u03c4\u03bf\u03bc\u03bf \u03bc\u03b5 \u03c4\u03b7\u03bd \u03ac\u03bd\u03b5\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c0\u03b9\u03bf \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf\u03c5 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd!\n...\n<\/div><div class=\"bde-div-7269-323-6062-7269-1 bde-div bde-div-7269-323\">\n  \n  \n\t\n\n\n\n<div class=\"bde-accordion-7269-324-6062-7269-1 bde-accordion bde-accordion-7269-324\"><div class=\"bde-accordion__content-wrapper-7269-325-6062-7269-1 bde-accordion__content-wrapper bde-accordion__content-wrapper-7269-325\">\n<h3 class=\"bde-accordion__title-tag\">\n  <button type=\"button\" class=\"bde-accordion__button\" id=\"accordion-button-325\" aria-controls=\"accordion-panel-325\" aria-expanded=\"false\">\n     <span class=\"bde-accordion__title\" >\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0388\u03be\u03c4\u03c1\u03b1 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--default\"><\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--active\"><\/span>\n  <\/button>\n<\/h3>\n\n<div role=\"region\" class=\"bde-accordion__panel\" id=\"accordion-panel-325\" aria-labelledby=\"accordion-button-325\">\n    <div class=\"bde-accordion__panel-content\">\n        <div class=\"verdent-ehb-services-selector-7269-322-6062-7269-1 verdent-ehb-services-selector verdent-ehb-services-selector-7269-322\">\n<div class=\"verdent-services-wrapper\" \n     data-accommodation-id=\"6062\"\n     data-show-prices=\"1\"\n     data-show-quantity=\"1\">\n    \n            <div class=\"verdent-services-title\">Extra Services<\/div>\n        \n    <div class=\"verdent-services-list\">\n        <p class=\"verdent-services-loading\">Loading services...<\/p>\n    <\/div>\n<\/div>\n\n<\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\r\n\r\n<\/div>\n<\/div><div class=\"bde-div-7269-327-6062-7269-1 bde-div bde-div-7269-327\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-ehb-dynamic-total-7269-321-6062-7269-1 verdent-ehb-dynamic-total verdent-ehb-dynamic-total-7269-321\">\n<div class=\"verdent-dynamic-total-wrapper\" \n     id=\"vdt_6062_6a13b66ba23df\"\n     data-accommodation-id=\"6062\"\n     data-nights=\"0\"\n     data-per-night-label=\"\/night\"\n     data-nights-label=\"nights\"\n     data-night-label=\"night\"\n     data-rooms-label=\"rooms\"\n     data-room-label=\"room\">\n    \n        <div class=\"verdent-total-breakdown\">\n        <div class=\"breakdown-item accommodation-price\">\n            <span class=\"item-label\">Accommodation:<\/span>\n            <span class=\"item-breakdown\">\n                <span class=\"price-per-night\">...<\/span>\/night                                <span class=\"rooms-part\" style=\"display:none;\">\n                    &times; <span class=\"rooms-count\">1<\/span> <span class=\"rooms-text\">room<\/span>\n                <\/span>\n            <\/span>\n            <span class=\"item-amount\">Loading...<\/span>\n        <\/div>\n        <!-- Flat fees and services will be inserted here by JS -->\n    <\/div>\n        \n    <div class=\"verdent-total-main\">\n        <span class=\"total-label\">Total:<\/span>\n        <span class=\"total-amount\">Loading...<\/span>\n    <\/div>\n<\/div>\n\n<style>\n.verdent-dynamic-total-wrapper .item-breakdown {\n    font-size: 0.85em;\n    opacity: 0.8;\n    margin-left: 5px;\n}\n.verdent-dynamic-total-wrapper .breakdown-item {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 5px;\n}\n.verdent-dynamic-total-wrapper .item-amount {\n    margin-left: auto;\n    font-weight: 600;\n}\n<\/style>\n\n<\/div>\n<\/div><div class=\"bde-div-7269-274-6062-7269-1 bde-div bde-div-7269-274\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-305-6062-7269-1 bde-div bde-div-7269-305\">\n  \n  \n\t\n\n\n\n<div class=\"bde-verdent-ehb-room-checkbox-7269-330-6062-7269-1 bde-verdent-ehb-room-checkbox bde-verdent-ehb-room-checkbox-7269-330\">\n<div class=\"verdent-room-checkbox\" \n     id=\"vrc_6062_6a13b66ba2583\"\n     data-acc-id=\"6062\"\n     data-acc-title=\"Standard \u0394\u03af\u03ba\u03bb\u03b9\u03bd\u03bf\"\n     data-adult-capacity=\"2\"\n     data-children-capacity=\"1\"\n     data-total-rooms=\"9\"\n     data-price=\"105\">\n    \n    <label class=\"verdent-room-checkbox__label\">\n        <input type=\"checkbox\" \n               class=\"verdent-room-checkbox__input\" \n               name=\"selected_rooms[]\" \n               value=\"6062\">\n        <span class=\"verdent-room-checkbox__checkmark\"><\/span>\n    <\/label>\n    \n    <div class=\"verdent-room-checkbox__quantity\">\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--minus\" disabled>-<\/button>\n        <input type=\"number\" \n               class=\"verdent-room-checkbox__number\" \n               value=\"1\" \n               min=\"1\" \n               max=\"9\" \n               readonly>\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--plus\" >+<\/button>\n    <\/div>\n    \n    <span class=\"verdent-room-checkbox__rooms-text\">rooms<\/span>\n    \n    <span class=\"verdent-room-checkbox__capacity\">\n        (2 adults, 1 children per room)\n    <\/span>\n<\/div>\n\n<script>\n(function() {\n    var container = document.getElementById('vrc_6062_6a13b66ba2583');\n    if (!container || container.dataset.initialized) return;\n    \n    var checkbox = container.querySelector('.verdent-room-checkbox__input');\n    var numberInput = container.querySelector('.verdent-room-checkbox__number');\n    var minusBtn = container.querySelector('.verdent-room-checkbox__btn--minus');\n    var plusBtn = container.querySelector('.verdent-room-checkbox__btn--plus');\n    var roomsText = container.querySelector('.verdent-room-checkbox__rooms-text');\n    var maxRooms = parseInt(container.dataset.totalRooms) || 1;\n    \n    function updateButtons() {\n        var val = parseInt(numberInput.value) || 1;\n        minusBtn.disabled = val <= 1;\n        plusBtn.disabled = val >= maxRooms;\n        \/\/ Update text (room\/rooms)\n        if (roomsText) {\n            roomsText.textContent = val === 1 ? 'room' : 'rooms';\n        }\n    }\n    \n    function dispatchChange() {\n        var event = new CustomEvent('verdent-room-selection-changed', {\n            bubbles: true,\n            detail: {\n                accId: container.dataset.accId,\n                accTitle: container.dataset.accTitle,\n                selected: checkbox.checked,\n                quantity: parseInt(numberInput.value) || 1,\n                adultCapacity: parseInt(container.dataset.adultCapacity) || 1,\n                childrenCapacity: parseInt(container.dataset.childrenCapacity) || 0,\n                price: parseFloat(container.dataset.price) || 0\n            }\n        });\n        document.dispatchEvent(event);\n    }\n    \n    checkbox.addEventListener('change', function() {\n        container.classList.toggle('is-selected', this.checked);\n        dispatchChange();\n    });\n    \n    minusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val > 1) {\n            numberInput.value = val - 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    plusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val < maxRooms) {\n            numberInput.value = val + 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    updateButtons();\n    container.dataset.initialized = 'true';\n})();\n<\/script>\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/a>    <\/article>\n    <article class=\"bde-loop-item ee-post\">\n        <a class=\"bde-container-link-7269-273-6044-7269-1 bde-container-link bde-container-link-7269-273 breakdance-link\" href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/monoklino-standard\/\" target=\"_self\" data-type=\"url\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-270-6044-7269-1 bde-div bde-div-7269-270\">\n  \n  \n\t\n\n\n\n<div id=\"ehb_room_v2\" class=\"bde-verdent-post-image-7269-293-6044-7269-1 bde-verdent-post-image bde-verdent-post-image-7269-293\"><div class=\"bd-post-image-wrapper mode-hover zoom-enabled effect-fade\" id=\"bd-pi-6a13b66ba3719\" data-mode=\"hover\">\n    \n            <!-- Image on Hover -->\n        <div class=\"bd-pi-main bd-pi-hover-container\">\n                            <a href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/monoklino-standard\/\" target=\"_blank\" rel=\"noopener\" class=\"bd-pi-hover-link\">\n                        \n            <img decoding=\"async\" class=\"bd-pi-front\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0133-1024x683.webp\" \n                 alt=\"Standard \u039c\u03bf\u03bd\u03cc\u03ba\u03bb\u03b9\u03bd\u03bf\"\n                                  srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0133-1024x683.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0133-300x200.webp 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0133-768x512.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0133-1536x1024.webp 1536w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0133-2048x1365.webp 2048w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0133-18x12.webp 18w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0133-600x400.webp 600w\"                 loading=\"lazy\">\n            \n            <img decoding=\"async\" class=\"bd-pi-back\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0139-683x1024.webp\" \n                 alt=\"\"\n                 srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0139-683x1024.webp 683w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0139-200x300.webp 200w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0139-768x1152.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0139-1024x1536.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0139-1365x2048.webp 1365w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0139-8x12.webp 8w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0139-600x900.webp 600w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0139-scaled.webp 1706w\"                 loading=\"lazy\">\n            \n                            <\/a>\n                    <\/div>\n        \n        \n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-7269-191-6044-7269-1 bde-div bde-div-7269-191\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-7269-192-6044-7269-1 bde-heading bde-heading-7269-192\">\nStandard Single\n<\/h3><div class=\"bde-text-7269-196-6044-7269-1 bde-text bde-text-7269-196\">\n<p>Ideal for one guest!<\/p>\n\n<\/div><div class=\"bde-div-7269-323-6044-7269-1 bde-div bde-div-7269-323\">\n  \n  \n\t\n\n\n\n<div class=\"bde-accordion-7269-324-6044-7269-1 bde-accordion bde-accordion-7269-324\"><div class=\"bde-accordion__content-wrapper-7269-325-6044-7269-1 bde-accordion__content-wrapper bde-accordion__content-wrapper-7269-325\">\n<h3 class=\"bde-accordion__title-tag\">\n  <button type=\"button\" class=\"bde-accordion__button\" id=\"accordion-button-325\" aria-controls=\"accordion-panel-325\" aria-expanded=\"false\">\n     <span class=\"bde-accordion__title\" >\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0388\u03be\u03c4\u03c1\u03b1 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--default\"><\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--active\"><\/span>\n  <\/button>\n<\/h3>\n\n<div role=\"region\" class=\"bde-accordion__panel\" id=\"accordion-panel-325\" aria-labelledby=\"accordion-button-325\">\n    <div class=\"bde-accordion__panel-content\">\n        <div class=\"verdent-ehb-services-selector-7269-322-6044-7269-1 verdent-ehb-services-selector verdent-ehb-services-selector-7269-322\">\n<div class=\"verdent-services-wrapper\" \n     data-accommodation-id=\"6044\"\n     data-show-prices=\"1\"\n     data-show-quantity=\"1\">\n    \n            <div class=\"verdent-services-title\">Extra Services<\/div>\n        \n    <div class=\"verdent-services-list\">\n        <p class=\"verdent-services-loading\">Loading services...<\/p>\n    <\/div>\n<\/div>\n\n<\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\r\n\r\n<\/div>\n<\/div><div class=\"bde-div-7269-327-6044-7269-1 bde-div bde-div-7269-327\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-ehb-dynamic-total-7269-321-6044-7269-1 verdent-ehb-dynamic-total verdent-ehb-dynamic-total-7269-321\">\n<div class=\"verdent-dynamic-total-wrapper\" \n     id=\"vdt_6044_6a13b66ba4975\"\n     data-accommodation-id=\"6044\"\n     data-nights=\"0\"\n     data-per-night-label=\"\/night\"\n     data-nights-label=\"nights\"\n     data-night-label=\"night\"\n     data-rooms-label=\"rooms\"\n     data-room-label=\"room\">\n    \n        <div class=\"verdent-total-breakdown\">\n        <div class=\"breakdown-item accommodation-price\">\n            <span class=\"item-label\">Accommodation:<\/span>\n            <span class=\"item-breakdown\">\n                <span class=\"price-per-night\">...<\/span>\/night                                <span class=\"rooms-part\" style=\"display:none;\">\n                    &times; <span class=\"rooms-count\">1<\/span> <span class=\"rooms-text\">room<\/span>\n                <\/span>\n            <\/span>\n            <span class=\"item-amount\">Loading...<\/span>\n        <\/div>\n        <!-- Flat fees and services will be inserted here by JS -->\n    <\/div>\n        \n    <div class=\"verdent-total-main\">\n        <span class=\"total-label\">Total:<\/span>\n        <span class=\"total-amount\">Loading...<\/span>\n    <\/div>\n<\/div>\n\n<style>\n.verdent-dynamic-total-wrapper .item-breakdown {\n    font-size: 0.85em;\n    opacity: 0.8;\n    margin-left: 5px;\n}\n.verdent-dynamic-total-wrapper .breakdown-item {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 5px;\n}\n.verdent-dynamic-total-wrapper .item-amount {\n    margin-left: auto;\n    font-weight: 600;\n}\n<\/style>\n\n<\/div>\n<\/div><div class=\"bde-div-7269-274-6044-7269-1 bde-div bde-div-7269-274\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-305-6044-7269-1 bde-div bde-div-7269-305\">\n  \n  \n\t\n\n\n\n<div class=\"bde-verdent-ehb-room-checkbox-7269-330-6044-7269-1 bde-verdent-ehb-room-checkbox bde-verdent-ehb-room-checkbox-7269-330\">\n<div class=\"verdent-room-checkbox\" \n     id=\"vrc_6044_6a13b66ba4b21\"\n     data-acc-id=\"6044\"\n     data-acc-title=\"Standard \u039c\u03bf\u03bd\u03cc\u03ba\u03bb\u03b9\u03bd\u03bf\"\n     data-adult-capacity=\"1\"\n     data-children-capacity=\"0\"\n     data-total-rooms=\"11\"\n     data-price=\"90\">\n    \n    <label class=\"verdent-room-checkbox__label\">\n        <input type=\"checkbox\" \n               class=\"verdent-room-checkbox__input\" \n               name=\"selected_rooms[]\" \n               value=\"6044\">\n        <span class=\"verdent-room-checkbox__checkmark\"><\/span>\n    <\/label>\n    \n    <div class=\"verdent-room-checkbox__quantity\">\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--minus\" disabled>-<\/button>\n        <input type=\"number\" \n               class=\"verdent-room-checkbox__number\" \n               value=\"1\" \n               min=\"1\" \n               max=\"11\" \n               readonly>\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--plus\" >+<\/button>\n    <\/div>\n    \n    <span class=\"verdent-room-checkbox__rooms-text\">rooms<\/span>\n    \n    <span class=\"verdent-room-checkbox__capacity\">\n        (1 adults per room)\n    <\/span>\n<\/div>\n\n<script>\n(function() {\n    var container = document.getElementById('vrc_6044_6a13b66ba4b21');\n    if (!container || container.dataset.initialized) return;\n    \n    var checkbox = container.querySelector('.verdent-room-checkbox__input');\n    var numberInput = container.querySelector('.verdent-room-checkbox__number');\n    var minusBtn = container.querySelector('.verdent-room-checkbox__btn--minus');\n    var plusBtn = container.querySelector('.verdent-room-checkbox__btn--plus');\n    var roomsText = container.querySelector('.verdent-room-checkbox__rooms-text');\n    var maxRooms = parseInt(container.dataset.totalRooms) || 1;\n    \n    function updateButtons() {\n        var val = parseInt(numberInput.value) || 1;\n        minusBtn.disabled = val <= 1;\n        plusBtn.disabled = val >= maxRooms;\n        \/\/ Update text (room\/rooms)\n        if (roomsText) {\n            roomsText.textContent = val === 1 ? 'room' : 'rooms';\n        }\n    }\n    \n    function dispatchChange() {\n        var event = new CustomEvent('verdent-room-selection-changed', {\n            bubbles: true,\n            detail: {\n                accId: container.dataset.accId,\n                accTitle: container.dataset.accTitle,\n                selected: checkbox.checked,\n                quantity: parseInt(numberInput.value) || 1,\n                adultCapacity: parseInt(container.dataset.adultCapacity) || 1,\n                childrenCapacity: parseInt(container.dataset.childrenCapacity) || 0,\n                price: parseFloat(container.dataset.price) || 0\n            }\n        });\n        document.dispatchEvent(event);\n    }\n    \n    checkbox.addEventListener('change', function() {\n        container.classList.toggle('is-selected', this.checked);\n        dispatchChange();\n    });\n    \n    minusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val > 1) {\n            numberInput.value = val - 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    plusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val < maxRooms) {\n            numberInput.value = val + 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    updateButtons();\n    container.dataset.initialized = 'true';\n})();\n<\/script>\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/a>    <\/article>\n    <article class=\"bde-loop-item ee-post\">\n        <a class=\"bde-container-link-7269-273-5811-7269-1 bde-container-link bde-container-link-7269-273 breakdance-link\" href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/monoklino-premium\/\" target=\"_self\" data-type=\"url\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-270-5811-7269-1 bde-div bde-div-7269-270\">\n  \n  \n\t\n\n\n\n<div id=\"ehb_room_v2\" class=\"bde-verdent-post-image-7269-293-5811-7269-1 bde-verdent-post-image bde-verdent-post-image-7269-293\"><div class=\"bd-post-image-wrapper mode-hover zoom-enabled effect-fade\" id=\"bd-pi-6a13b66ba5cf6\" data-mode=\"hover\">\n    \n            <!-- Image on Hover -->\n        <div class=\"bd-pi-main bd-pi-hover-container\">\n                            <a href=\"https:\/\/hotelathinalamia.gr\/en\/eshb_accomodation\/monoklino-premium\/\" target=\"_blank\" rel=\"noopener\" class=\"bd-pi-hover-link\">\n                        \n            <img decoding=\"async\" class=\"bd-pi-front\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0168-1024x683.webp\" \n                 alt=\"Premium \u039c\u03bf\u03bd\u03cc\u03ba\u03bb\u03b9\u03bd\u03bf\"\n                                  srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0168-1024x683.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0168-300x200.webp 300w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0168-768x512.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0168-1536x1024.webp 1536w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0168-2048x1365.webp 2048w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0168-18x12.webp 18w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0168-600x400.webp 600w\"                 loading=\"lazy\">\n            \n            <img decoding=\"async\" class=\"bd-pi-back\" src=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0167-683x1024.webp\" \n                 alt=\"\"\n                 srcset=\"https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0167-683x1024.webp 683w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0167-200x300.webp 200w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0167-768x1152.webp 768w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0167-1024x1536.webp 1024w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0167-1365x2048.webp 1365w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0167-8x12.webp 8w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0167-600x900.webp 600w, https:\/\/hotelathinalamia.gr\/wp-content\/uploads\/2025\/12\/0167-scaled.webp 1706w\"                 loading=\"lazy\">\n            \n                            <\/a>\n                    <\/div>\n        \n        \n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-7269-191-5811-7269-1 bde-div bde-div-7269-191\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-7269-192-5811-7269-1 bde-heading bde-heading-7269-192\">\nPremium Single\n<\/h3><div class=\"bde-text-7269-196-5811-7269-1 bde-text bde-text-7269-196\">\n<p>Ideal for one guest with all amenities!<\/p>\n\n<\/div><div class=\"bde-div-7269-323-5811-7269-1 bde-div bde-div-7269-323\">\n  \n  \n\t\n\n\n\n<div class=\"bde-accordion-7269-324-5811-7269-1 bde-accordion bde-accordion-7269-324\"><div class=\"bde-accordion__content-wrapper-7269-325-5811-7269-1 bde-accordion__content-wrapper bde-accordion__content-wrapper-7269-325\">\n<h3 class=\"bde-accordion__title-tag\">\n  <button type=\"button\" class=\"bde-accordion__button\" id=\"accordion-button-325\" aria-controls=\"accordion-panel-325\" aria-expanded=\"false\">\n     <span class=\"bde-accordion__title\" >\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0388\u03be\u03c4\u03c1\u03b1 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--default\"><\/span>\n     <span class=\"bde-accordion__icon bde-accordion__icon--active\"><\/span>\n  <\/button>\n<\/h3>\n\n<div role=\"region\" class=\"bde-accordion__panel\" id=\"accordion-panel-325\" aria-labelledby=\"accordion-button-325\">\n    <div class=\"bde-accordion__panel-content\">\n        <div class=\"verdent-ehb-services-selector-7269-322-5811-7269-1 verdent-ehb-services-selector verdent-ehb-services-selector-7269-322\">\n<div class=\"verdent-services-wrapper\" \n     data-accommodation-id=\"5811\"\n     data-show-prices=\"1\"\n     data-show-quantity=\"1\">\n    \n            <div class=\"verdent-services-title\">Extra Services<\/div>\n        \n    <div class=\"verdent-services-list\">\n        <p class=\"verdent-services-loading\">Loading services...<\/p>\n    <\/div>\n<\/div>\n\n<\/div>\n    <\/div>\n<\/div>\n\n\n\n<\/div>\r\n\r\n<\/div>\n<\/div><div class=\"bde-div-7269-327-5811-7269-1 bde-div bde-div-7269-327\">\n  \n  \n\t\n\n\n\n<div class=\"verdent-ehb-dynamic-total-7269-321-5811-7269-1 verdent-ehb-dynamic-total verdent-ehb-dynamic-total-7269-321\">\n<div class=\"verdent-dynamic-total-wrapper\" \n     id=\"vdt_5811_6a13b66ba6efe\"\n     data-accommodation-id=\"5811\"\n     data-nights=\"0\"\n     data-per-night-label=\"\/night\"\n     data-nights-label=\"nights\"\n     data-night-label=\"night\"\n     data-rooms-label=\"rooms\"\n     data-room-label=\"room\">\n    \n        <div class=\"verdent-total-breakdown\">\n        <div class=\"breakdown-item accommodation-price\">\n            <span class=\"item-label\">Accommodation:<\/span>\n            <span class=\"item-breakdown\">\n                <span class=\"price-per-night\">...<\/span>\/night                                <span class=\"rooms-part\" style=\"display:none;\">\n                    &times; <span class=\"rooms-count\">1<\/span> <span class=\"rooms-text\">room<\/span>\n                <\/span>\n            <\/span>\n            <span class=\"item-amount\">Loading...<\/span>\n        <\/div>\n        <!-- Flat fees and services will be inserted here by JS -->\n    <\/div>\n        \n    <div class=\"verdent-total-main\">\n        <span class=\"total-label\">Total:<\/span>\n        <span class=\"total-amount\">Loading...<\/span>\n    <\/div>\n<\/div>\n\n<style>\n.verdent-dynamic-total-wrapper .item-breakdown {\n    font-size: 0.85em;\n    opacity: 0.8;\n    margin-left: 5px;\n}\n.verdent-dynamic-total-wrapper .breakdown-item {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 5px;\n}\n.verdent-dynamic-total-wrapper .item-amount {\n    margin-left: auto;\n    font-weight: 600;\n}\n<\/style>\n\n<\/div>\n<\/div><div class=\"bde-div-7269-274-5811-7269-1 bde-div bde-div-7269-274\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-7269-305-5811-7269-1 bde-div bde-div-7269-305\">\n  \n  \n\t\n\n\n\n<div class=\"bde-verdent-ehb-room-checkbox-7269-330-5811-7269-1 bde-verdent-ehb-room-checkbox bde-verdent-ehb-room-checkbox-7269-330\">\n<div class=\"verdent-room-checkbox\" \n     id=\"vrc_5811_6a13b66ba70a6\"\n     data-acc-id=\"5811\"\n     data-acc-title=\"Premium \u039c\u03bf\u03bd\u03cc\u03ba\u03bb\u03b9\u03bd\u03bf\"\n     data-adult-capacity=\"1\"\n     data-children-capacity=\"0\"\n     data-total-rooms=\"1\"\n     data-price=\"95\">\n    \n    <label class=\"verdent-room-checkbox__label\">\n        <input type=\"checkbox\" \n               class=\"verdent-room-checkbox__input\" \n               name=\"selected_rooms[]\" \n               value=\"5811\">\n        <span class=\"verdent-room-checkbox__checkmark\"><\/span>\n    <\/label>\n    \n    <div class=\"verdent-room-checkbox__quantity\">\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--minus\" disabled>-<\/button>\n        <input type=\"number\" \n               class=\"verdent-room-checkbox__number\" \n               value=\"1\" \n               min=\"1\" \n               max=\"1\" \n               readonly>\n        <button type=\"button\" class=\"verdent-room-checkbox__btn verdent-room-checkbox__btn--plus\" disabled>+<\/button>\n    <\/div>\n    \n    <span class=\"verdent-room-checkbox__rooms-text\">room<\/span>\n    \n    <span class=\"verdent-room-checkbox__capacity\">\n        (1 adults per room)\n    <\/span>\n<\/div>\n\n<script>\n(function() {\n    var container = document.getElementById('vrc_5811_6a13b66ba70a6');\n    if (!container || container.dataset.initialized) return;\n    \n    var checkbox = container.querySelector('.verdent-room-checkbox__input');\n    var numberInput = container.querySelector('.verdent-room-checkbox__number');\n    var minusBtn = container.querySelector('.verdent-room-checkbox__btn--minus');\n    var plusBtn = container.querySelector('.verdent-room-checkbox__btn--plus');\n    var roomsText = container.querySelector('.verdent-room-checkbox__rooms-text');\n    var maxRooms = parseInt(container.dataset.totalRooms) || 1;\n    \n    function updateButtons() {\n        var val = parseInt(numberInput.value) || 1;\n        minusBtn.disabled = val <= 1;\n        plusBtn.disabled = val >= maxRooms;\n        \/\/ Update text (room\/rooms)\n        if (roomsText) {\n            roomsText.textContent = val === 1 ? 'room' : 'rooms';\n        }\n    }\n    \n    function dispatchChange() {\n        var event = new CustomEvent('verdent-room-selection-changed', {\n            bubbles: true,\n            detail: {\n                accId: container.dataset.accId,\n                accTitle: container.dataset.accTitle,\n                selected: checkbox.checked,\n                quantity: parseInt(numberInput.value) || 1,\n                adultCapacity: parseInt(container.dataset.adultCapacity) || 1,\n                childrenCapacity: parseInt(container.dataset.childrenCapacity) || 0,\n                price: parseFloat(container.dataset.price) || 0\n            }\n        });\n        document.dispatchEvent(event);\n    }\n    \n    checkbox.addEventListener('change', function() {\n        container.classList.toggle('is-selected', this.checked);\n        dispatchChange();\n    });\n    \n    minusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val > 1) {\n            numberInput.value = val - 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    plusBtn.addEventListener('click', function() {\n        var val = parseInt(numberInput.value) || 1;\n        if (val < maxRooms) {\n            numberInput.value = val + 1;\n            updateButtons();\n            if (checkbox.checked) dispatchChange();\n        }\n    });\n    \n    updateButtons();\n    container.dataset.initialized = 'true';\n})();\n<\/script>\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/a>    <\/article>\n<\/div>\r\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>\u0394\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b1 \u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1&#8230; \u0388\u03c7\u03b5\u03c4\u03b5 \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03b5\u03b9 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7 \u03b3\u03b9\u03b1 : \u0397\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b5\u03c2: \u0395\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b5\u03c2: 2 \u0395\u03bd\u03ae\u03bb\u03b9\u03ba\u03b5\u03c2 \u0394\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1: 1 \u0391\u03bb\u03bb\u03b1\u03b3\u03ae \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03c4\u03c1\u03c9\u03bd Edit Search &times; Check-in Check-out \u0395\u03bd\u03ae\u03bb\u03b9\u03ba\u03b5\u03c2 &#8211; + \u03a0\u03b1\u03b9\u03b4\u03b9\u03ac &#8211; + Cancel Apply Changes \u039f\u03b9 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2 \u03c3\u03b1\u03c2 1 adults &middot; 1 night Total: \u20ac0 \u039a\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7 \u0395\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03c9\u03bd Junior Suite \u0397 \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03ae \u03bb\u03cd\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c0\u03bf\u03bb\u03c5\u03c4\u03ad\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03ac\u03bd\u03b5\u03c3\u03b7! \u03a5\u03c0\u03cc\u03c3\u03c7\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03b1\u03be\u03ad\u03c7\u03b1\u03c3\u03c4\u03b7 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-5737","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hotelathinalamia.gr\/en\/wp-json\/wp\/v2\/pages\/5737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotelathinalamia.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotelathinalamia.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotelathinalamia.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotelathinalamia.gr\/en\/wp-json\/wp\/v2\/comments?post=5737"}],"version-history":[{"count":1,"href":"https:\/\/hotelathinalamia.gr\/en\/wp-json\/wp\/v2\/pages\/5737\/revisions"}],"predecessor-version":[{"id":8272,"href":"https:\/\/hotelathinalamia.gr\/en\/wp-json\/wp\/v2\/pages\/5737\/revisions\/8272"}],"wp:attachment":[{"href":"https:\/\/hotelathinalamia.gr\/en\/wp-json\/wp\/v2\/media?parent=5737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}