{"id":89571,"date":"2025-12-14T01:28:54","date_gmt":"2025-12-13T22:28:54","guid":{"rendered":"https:\/\/book.salsaspring.gr\/?page_id=89571"},"modified":"2026-04-30T09:41:02","modified_gmt":"2026-04-30T06:41:02","slug":"available-hotels-prices","status":"publish","type":"page","link":"https:\/\/book.salsaspring.gr\/el\/available-hotels-prices\/","title":{"rendered":"Available Hotels &#038; Prices"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"89571\" class=\"elementor elementor-89571\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-14a2f76 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"14a2f76\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4965421\" data-id=\"4965421\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41f93a5 elementor-align-center elementor-widget__width-inherit hotel-btn elementor-invisible elementor-widget elementor-widget-the7_button_widget\" data-id=\"41f93a5\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceIn&quot;}\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><a href=\"https:\/\/book.salsaspring.gr\/el\/hotel-book\/\" class=\"box-button elementor-button elementor-size-md\">Book a Room<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df1cf86 elementor-widget elementor-widget-html\" data-id=\"df1cf86\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hotel-tabs\">\n\n  <div class=\"hotel-tabs__nav\" role=\"tablist\" aria-label=\"Hotel rates\">\n    <button class=\"hotel-tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"tab-casino\" data-tab=\"tab-casino\">\n      Hotel Casino Loutraki <span class=\"sold-out\">#SOLD OUT#<\/span>\n    <\/button>\n    <button class=\"hotel-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-barbara\" data-tab=\"tab-barbara\">\n  Hotel Barbara <span class=\"sold-out\">#SOLD OUT#<\/span>\n<\/button>\n<button class=\"hotel-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-paolo\" data-tab=\"tab-paolo\">\n  Hotel Paolo <span class=\"sold-out\">#SOLD OUT#<\/span>\n<\/button>\n  <\/div>\n\n  <style>\n    .hotel-tabs{\n      font-family: Arial, sans-serif;\n      margin: 20px 0;\n    }\n\n    \/* Tabs container *\/\n    .hotel-tabs__nav{\n      display:flex;\n      gap:10px;\n      flex-wrap:wrap;\n      margin-bottom:12px;\n    }\n\n    \/*Sold Out*\/\n.sold-out{\n  color:#ff3b3b!important;\n  font-weight:700!important;\n  text-transform:uppercase!important;\n}\n\n.hotel-soldout-banner{\n  text-align:center;\n  margin:0 0 14px 0;\n}\n\n.hotel-soldout-banner img{\n  max-width:360px;\n  width:100%;\n  height:auto;\n  display:inline-block;\n}\n\n.hotel-panel{\n  position: relative;\n}\n\n.hotel-soldout-overlay{\n  position:absolute;\n  top:50%;\n  left:45%;\n  transform:translate(-50%, -50%) rotate(-15deg);\n  z-index:10;\n  pointer-events:none; \/* so it doesn\u2019t block clicks *\/\n  opacity:0.9;\n}\n\n.hotel-soldout-overlay img{\n  max-width:600px;\n  width:120%;\n  height:auto;\n}\n\n    \/* Tab buttons (dark + subtle accent, more rounded) *\/\n    .hotel-tab{\n      appearance:none;\n      border:1px solid #4a4a4a;\n      background:#1e1e1e;\n      color:#f5f5f5;\n      padding:10px 14px;\n      border-radius:14px;\n      cursor:pointer;\n      font-size:14px;\n      line-height:1.2;\n      transition:\n        background-color .15s ease,\n        border-color .15s ease,\n        box-shadow .15s ease,\n        transform .05s ease;\n    }\n    .hotel-tab:hover{ background:#252525; }\n    .hotel-tab:active{ transform: translateY(1px); }\n\n    \/* Active tab: subtle purple glow (matches dark UI) *\/\n    .hotel-tab.is-active{\n      background:#232326;\n      border-color:#6a5acd;\n      box-shadow:\n        inset 0 0 0 1px rgba(106,90,205,0.35),\n        0 0 0 1px rgba(106,90,205,0.15);\n      color:#fff;\n    }\n\n    \/* Panels *\/\n    .hotel-panel{ display:none; }\n    .hotel-panel.is-active{ display:block; }\n\n    \/* Rates container *\/\n    .rates-container{\n      overflow-x:auto;\n      background:#1e1e1e;\n      padding:12px;\n      border-radius:12px;\n      border:1px solid #444;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    table{\n      border-collapse:collapse;\n      width:100%;\n      color:#f5f5f5;\n    }\n\n    th, td{\n      border:1px solid #444;\n      padding:10px;\n      text-align:center;\n      font-size:15px;\n      white-space:nowrap;\n    }\n\n    td.room-type, th:first-child{\n      text-align:left;\n    }\n\n    .section-title{\n      font-weight:bold;\n      text-align:left;\n      background:#2a2a2a;\n    }\n\n    \/* Casino table sizing *\/\n    table.table-casino{ min-width:650px; }\n    table.table-casino td.room-type,\n    table.table-casino th:first-child{ width:35%; }\n    table.table-casino th:not(:first-child),\n    table.table-casino td:not(.room-type){ width:calc(65% \/ 3); }\n\n    \/* Barbara\/Paolo table sizing *\/\n    table.table-simple{ min-width:400px; }\n    table.table-simple td.room-type,\n    table.table-simple th:first-child{ width:50%; }\n\n    \/* Mobile: tabs look great and easy to tap *\/\n    @media (max-width: 600px){\n      .hotel-tabs__nav{\n        display:grid;\n        grid-template-columns: 1fr 1fr 1fr;\n        gap:8px;\n      }\n      .hotel-tab{\n        width:100%;\n        text-align:center;\n        padding:14px 10px;\n        font-size:14px;\n        border-radius:18px;\n      }\n    }\n\n    \/* Very small screens: stack *\/\n    @media (max-width: 380px){\n      .hotel-tabs__nav{\n        grid-template-columns: 1fr;\n      }\n      .hotel-tab{\n        font-size:15px;\n      }\n    }\n\n    \/* Mobile table readability + reduce first column width *\/\n    @media (max-width: 480px){\n      th, td{\n        padding:12px 8px;\n        font-size:16px;\n      }\n\n      table td.room-type,\n      table th:first-child{\n        width:40% !important;\n        max-width:40%;\n      }\n\n      td.room-type{\n        white-space: normal;\n        word-break: break-word;\n      }\n    }\n  <\/style>\n\n  <!-- TAB 1: Casino Loutraki -->\n<div id=\"tab-casino\" class=\"hotel-panel is-active\" role=\"tabpanel\" aria-label=\"Hotel Casino Loutraki\">\n\n  <div class=\"hotel-soldout-overlay\">\n    <img decoding=\"async\" src=\"https:\/\/book.salsaspring.gr\/wp-content\/uploads\/2026\/03\/soldout_1.png\" alt=\"Sold out\">\n  <\/div>\n\n  <div class=\"rates-container\">\n    <p class=\"rates-note\">Rates are per person, per night, and include breakfast and dinner.<\/p>\n    <table class=\"table-casino\">\n        <tbody>\n          <tr>\n            <th>Room Type<\/th>\n            <th>Tue\u2013Thu &amp; Sun<br>(19, 20, 21 &amp; 24 May 2026)<\/th>\n            <th>Friday<br>22 May 2026<\/th>\n            <th>Saturday<br>23 May 2026<\/th>\n          <\/tr>\n\n          <tr>\n            <td class=\"section-title\" colspan=\"4\">Executive rooms with mountain view<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Single<\/td>\n            <td>\u20ac127.5<\/td>\n            <td>\u20ac152.5<\/td>\n            <td>\u20ac152.5<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Twin \/ Double<\/td>\n            <td>\u20ac72.5<\/td>\n            <td>\u20ac85<\/td>\n            <td>\u20ac85<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Triple<\/td>\n            <td>\u20ac64.5<\/td>\n            <td>\u20ac72.5<\/td>\n            <td>\u20ac72.5<\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"section-title\" colspan=\"4\">Deluxe rooms with sea view<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Single<\/td>\n            <td>\u20ac157.5<\/td>\n            <td>\u20ac182.5<\/td>\n            <td>\u20ac182.5<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Twin \/ Double<\/td>\n            <td>\u20ac87.5<\/td>\n            <td>\u20ac100<\/td>\n            <td>\u20ac100<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Triple<\/td>\n            <td>\u20ac71<\/td>\n            <td>\u20ac82.5<\/td>\n            <td>\u20ac82.5<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <!-- TAB 2: Barbara -->\n  <div id=\"tab-barbara\" class=\"hotel-panel\" role=\"tabpanel\" aria-label=\"Hotel Barbara\">\n    <div class=\"hotel-soldout-overlay\">\n  <img decoding=\"async\" src=\"https:\/\/book.salsaspring.gr\/wp-content\/uploads\/2026\/03\/soldout_1.png\" alt=\"Sold out\">\n<\/div>\n    <div class=\"rates-container\">\n      <p class=\"rates-note\">Rates are per person, per night, and include breakfast.<\/p>\n      <table class=\"table-simple\">\n        <tbody>\n          <tr>\n            <th>Room Type<\/th>\n            <th>Rates per person per night<br>(same for all dates)<\/th>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Single<\/td>\n            <td>\u20ac102.5<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Twin \/ Double<\/td>\n            <td>\u20ac55.5<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Triple<\/td>\n            <td>\u20ac50.5<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Quadruple<\/td>\n            <td>\u20ac47.5<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <!-- TAB 3: Paolo -->\n<div id=\"tab-paolo\" class=\"hotel-panel\" role=\"tabpanel\" aria-label=\"Hotel Paolo\">\n\n  <div class=\"hotel-soldout-overlay\">\n    <img decoding=\"async\" src=\"https:\/\/book.salsaspring.gr\/wp-content\/uploads\/2026\/03\/soldout_1.png\" alt=\"Sold out\">\n  <\/div>\n\n  <div class=\"rates-container\">\n      <p class=\"rates-note\">Rates are per person, per night, and include breakfast and dinner.<\/p>\n      <table class=\"table-simple\">\n        <tbody>\n          <tr>\n            <th>Room Type<\/th>\n            <th>Rates per person per night<br>(same for all dates)<\/th>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Single<\/td>\n            <td>\u20ac67.5<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Twin \/ Double<\/td>\n            <td>\u20ac45.5<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"room-type\">Triple<\/td>\n            <td>\u20ac39<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript.closest('.hotel-tabs');\n      if(!root) return;\n\n      const tabs = root.querySelectorAll('.hotel-tab');\n      const panels = root.querySelectorAll('.hotel-panel');\n\n      function activate(tabId){\n        tabs.forEach(btn => {\n          const isActive = btn.dataset.tab === tabId;\n          btn.classList.toggle('is-active', isActive);\n          btn.setAttribute('aria-selected', isActive ? 'true' : 'false');\n        });\n\n        panels.forEach(panel => {\n          panel.classList.toggle('is-active', panel.id === tabId);\n        });\n      }\n\n      tabs.forEach(btn => {\n        btn.addEventListener('click', () => activate(btn.dataset.tab));\n      });\n    })();\n  <\/script>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f3881d elementor-widget elementor-widget-text-editor\" data-id=\"4f3881d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><i>Note: All rates are per person per night&nbsp;<\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08a7739 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"08a7739\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Book a Room Hotel Casino Loutraki #SOLD OUT# Hotel Barbara #SOLD OUT# Hotel Paolo #SOLD OUT# Rates are per person, per night, and include breakfast and dinner. Room Type Tue\u2013Thu &amp; Sun(19, 20, 21 &amp; 24 May 2026) Friday22 May 2026 Saturday23 May 2026 Executive rooms with mountain view Single \u20ac127.5 \u20ac152.5 \u20ac152.5 Twin \/&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-89571","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/book.salsaspring.gr\/el\/wp-json\/wp\/v2\/pages\/89571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/book.salsaspring.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/book.salsaspring.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/book.salsaspring.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/book.salsaspring.gr\/el\/wp-json\/wp\/v2\/comments?post=89571"}],"version-history":[{"count":0,"href":"https:\/\/book.salsaspring.gr\/el\/wp-json\/wp\/v2\/pages\/89571\/revisions"}],"wp:attachment":[{"href":"https:\/\/book.salsaspring.gr\/el\/wp-json\/wp\/v2\/media?parent=89571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}