{"id":9914,"date":"2021-11-12T11:41:28","date_gmt":"2021-11-12T10:41:28","guid":{"rendered":"https:\/\/cz.plazahotel.cz\/header\/"},"modified":"2025-12-29T14:19:49","modified_gmt":"2025-12-29T13:19:49","slug":"header","status":"publish","type":"page","link":"https:\/\/hotelmiramare.ge\/en\/header\/","title":{"rendered":"Header"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9914\" class=\"elementor elementor-9914 elementor-46\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2129197 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"2129197\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\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-e583eaa\" data-id=\"e583eaa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-91c6c5b elementor-widget elementor-widget-html\" data-id=\"91c6c5b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- HEADER -->\n\n<style>\n  \/* ========== DG HEADER \u2013 SHARED CSS (all languages) ========== *\/\n  .dg-top * {\n    box-sizing: border-box;\n  }\n  .dg-top {\n    font-family: system-ui, Segoe UI, Roboto, Arial, sans-serif;\n    color: #fff;\n  }\n\n  \/* Theme vars *\/\n  :root {\n    --dg-h: 96px;\n    --dg-gold: #b19235;\n    --dg-border: 1px solid rgba(255, 255, 255, 0.75);\n    --dg-bg: transparent;\n    --menu-bg: rgba(255, 255, 255, 0.8);\n    --menu-text: #282828;\n    --menu-line: rgba(0, 0, 0, 0.08);\n  }\n\n  \/* Top bar *\/\n  .dg-bar {\n    position: relative;\n    z-index: 10;\n    height: var(--dg-h);\n    background: var(--dg-bg);\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    align-items: center;\n    padding: 0 16px;\n  }\n\n  \/* Menu (left) *\/\n  .dg-menu-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    justify-self: start;\n  }\n  .dg-menu-label {\n    letter-spacing: 0.25em;\n    font-weight: 600;\n    font-size: 14px;\n    color: #fff;\n  }\n  .dg-burger {\n    display: inline-grid;\n    place-items: center;\n    width: 44px;\n    height: 44px;\n    border: var(--dg-border);\n    border-radius: 2px;\n    background: transparent;\n    color: #fff;\n    cursor: pointer;\n    transition: transform 0.2s ease;\n  }\n  .dg-burger:hover {\n    transform: translateY(-1px);\n  }\n  .dg-burger:focus-visible {\n    outline: 2px solid #bfe3ff;\n    outline-offset: 3px;\n  }\n  .dg-lines {\n    width: 20px;\n    display: grid;\n    gap: 6px;\n  }\n  .dg-lines span {\n    display: block;\n    height: 2px;\n    width: 100%;\n    background: currentColor;\n    transition: 0.25s transform, 0.2s opacity;\n  }\n\n  \/* Brand (center) *\/\n  .dg-brand {\n    text-align: center;\n    justify-self: center;\n    line-height: 1;\n  }\n  .dg-brand img {\n    display: block;\n    height: auto;\n    margin: 0 auto;\n  }\n  .dg-brand .logo-top {\n    max-width: 358px;\n    margin-top: 10px;\n  }\n  .dg-brand .logo-main {\n    max-width: 288px;\n    margin-top: 3px;\n  }\n\n  \/* ===================== Languages ===================== *\/\n  .dg-lang {\n    --btnH: 38px;\n    --gap: 6px;\n    --count: 3;\n    position: relative;\n    justify-self: end;\n    width: var(--btnH);\n    height: var(--btnH);\n    display: block;\n    isolation: isolate;\n    z-index: 1000;\n    overflow: visible;\n  }\n  .dg-lang a {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    width: var(--btnH);\n    height: var(--btnH);\n    border: var(--dg-border);\n    border-radius: 6px;\n    text-decoration: none;\n    color: #fff;\n    font-weight: 700;\n    font-size: 12px;\n    letter-spacing: 0.04em;\n    transition: background-color 0.2s ease, border-color 0.2s ease,\n      transform 0.15s ease, opacity 0.28s ease, translate 0.28s ease;\n    position: relative;\n    z-index: 1;\n    transform: translateZ(0);\n  }\n  .dg-lang a:hover,\n  .dg-lang a[aria-current=\"true\"] {\n    background-color: var(--dg-gold);\n    border-color: var(--dg-gold);\n  }\n\n  \/* non-current items \u2013 start hidden *\/\n  .dg-lang a:not([aria-current=\"true\"]) {\n    position: absolute;\n    right: 0;\n    top: calc(100% + var(--gap));\n    opacity: 0;\n    transform: translateY(-6px);\n    pointer-events: none;\n    border-color: transparent;\n    overflow: hidden;\n  }\n\n  \/* open *\/\n  .dg-lang.open a:not([aria-current=\"true\"]),\n  .dg-lang:hover a:not([aria-current=\"true\"]),\n  .dg-lang:focus-within a:not([aria-current=\"true\"]) {\n    opacity: 1;\n    transform: translateY(calc((var(--i) - 1) * (var(--btnH) + var(--gap))));\n    pointer-events: auto;\n    border: var(--dg-border);\n  }\n\n  \/* bubble behind items *\/\n  .dg-lang::after {\n    content: \"\";\n    position: absolute;\n    top: 100%;\n    right: 0;\n    width: var(--btnH);\n    height: calc(var(--count) * var(--btnH) + var(--count) * var(--gap));\n    border-radius: 6px;\n    background: rgba(0, 0, 0, 0.35);\n    backdrop-filter: blur(6px);\n    opacity: 0;\n    transform: translateY(-6px);\n    transition: opacity 0.28s ease, transform 0.28s ease;\n    z-index: 0;\n    pointer-events: auto;\n  }\n  .dg-lang.open::after,\n  .dg-lang:hover::after,\n  .dg-lang:focus-within::after {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* Off-canvas panel *\/\n  .dg-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.25s ease;\n    z-index: 900;\n  }\n  .dg-panel {\n    position: fixed;\n    inset: 0 auto 0 0;\n    width: min(290px, 80vw);\n    background: var(--menu-bg);\n    color: var(--menu-text);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n    padding: 22px 20px 28px;\n    overflow: auto;\n    z-index: 950;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n    border-right: 1px solid var(--menu-line);\n    backdrop-filter: blur(1px);\n  }\n  .dg-panel header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 6px;\n  }\n  .dg-panel h3 {\n    margin: 0;\n    font-size: 12px;\n    letter-spacing: 0.3em;\n    opacity: 0.7;\n    text-transform: uppercase;\n  }\n  .dg-close {\n    background: transparent;\n    border: 1px solid rgba(0, 0, 0, 0.25);\n    color: var(--menu-text);\n    width: 42px;\n    height: 42px;\n    cursor: pointer;\n    line-height: 42px;\n    text-align: center;\n    font-size: 18px;\n    border-radius: 2px;\n  }\n\n  \/* Nav list *\/\n  .dg-nav {\n    list-style: none;\n    margin: 14px 0 0;\n    padding: 0;\n    display: grid;\n    gap: 2px;\n  }\n  .dg-nav > li {\n    border-bottom: 1px solid var(--menu-line);\n  }\n  .dg-nav a {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--menu-text);\n    text-decoration: none;\n    padding: 12px 4px;\n    font-size: 17px;\n    font-weight: 600;\n  }\n  .dg-nav a:hover {\n    color: var(--dg-gold);\n  }\n\n  \/* Submenu (rooms) *\/\n  .dg-has-sub > a {\n    cursor: pointer;\n  }\n  .dg-caret {\n    width: 18px;\n    height: 18px;\n    margin-left: 10px;\n    flex: 0 0 auto;\n    transition: transform 0.2s ease;\n  }\n  .dg-sub {\n    display: none;\n    padding: 6px 0 10px 0;\n    margin-left: 0;\n    list-style: none;\n  }\n  .dg-sub li a {\n    padding: 10px 4px 10px 12px;\n    font-size: 16px;\n    font-weight: 500;\n    border-left: 2px solid transparent;\n  }\n  .dg-sub li a:hover {\n    border-left-color: var(--dg-gold);\n    color: var(--dg-gold);\n  }\n\n  \/* Open state + burger animation *\/\n  .dg-open .dg-overlay {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .dg-open .dg-panel {\n    transform: translateX(0);\n  }\n  .dg-open .dg-burger .dg-lines span:nth-child(1) {\n    transform: translateY(8px) rotate(45deg);\n  }\n  .dg-open .dg-burger .dg-lines span:nth-child(2) {\n    opacity: 0;\n  }\n  .dg-open .dg-burger .dg-lines span:nth-child(3) {\n    transform: translateY(-8px) rotate(-45deg);\n  }\n\n  \/* ========== Mobile tweaks ========== *\/\n  @media (max-width: 768px) {\n    .dg-bar {\n      grid-template-columns: auto 1fr auto;\n      gap: 10px;\n      position: relative;\n      overflow: visible;\n      z-index: 20;\n    }\n    .dg-brand .logo-top {\n      max-width: 148px;\n    }\n    .dg-brand .logo-main {\n      max-width: 160px;\n    }\n    .dg-menu-label {\n      display: none;\n    }\n    .dg-lang {\n      --btnH: 42px;\n    }\n    .dg-panel {\n      background: rgba(255, 255, 255, 0.8);\n      backdrop-filter: none;\n      width: min(240px, 80vw);\n    }\n  }\n<\/style>\n\n<!-- DG HEADER \u2013 Miramare Magnetic Beach Hotel (EN) -->\n\n<div class=\"dg-top\" data-dg>\n  <header class=\"dg-bar\" role=\"banner\">\n    <div class=\"dg-menu-left\">\n      <button class=\"dg-burger\" type=\"button\" aria-label=\"Open menu\">\n        <span class=\"dg-lines\" aria-hidden=\"true\">\n          <span><\/span><span><\/span><span><\/span>\n        <\/span>\n      <\/button>\n      <span class=\"dg-menu-label\">MENU<\/span>\n    <\/div>\n\n    <div class=\"dg-brand\" aria-label=\"Brand\">\n      <a href=\"https:\/\/www.czechinn.cz\/en\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <img class=\"logo-top\"\n             src=\"https:\/\/hotelmiramare.ge\/wp-content\/uploads\/2025\/12\/Logo_czechinn_260.png\"\n             alt=\"Czech Inn Hotels\">\n      <\/a>\n\n      <a href=\"\/en\/\">\n        <img class=\"logo-main\"\n             src=\"https:\/\/hotelmiramare.ge\/wp-content\/uploads\/2025\/12\/logo_magnetic_beach.png\"\n             alt=\"Miramare Magnetic Beach Hotel\">\n      <\/a>\n    <\/div>\n\n    <nav class=\"dg-lang\" aria-label=\"Language selector\">\n      <a href=\"\/en\/\" lang=\"en\" hreflang=\"en\" aria-current=\"true\">EN<\/a>\n      <a href=\"\/ge\/\" lang=\"ka\" hreflang=\"ge\">GE<\/a>\n      <a href=\"\/cs\/\" lang=\"cs\" hreflang=\"cs\">CZ<\/a>\n      <a href=\"\/de\/\" lang=\"de\" hreflang=\"de\">DE<\/a>\n      <a href=\"\/ru\/\" lang=\"ru\" hreflang=\"ru\">RU<\/a>\n      <a href=\"\/hy\/\" lang=\"hy\" hreflang=\"hy\">HY<\/a>\n      <a href=\"\/pl\/\" lang=\"pl\" hreflang=\"pl\">PL<\/a>\n    <\/nav>\n  <\/header>\n\n  <div class=\"dg-overlay\" aria-hidden=\"true\"><\/div>\n\n  <aside class=\"dg-panel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Main menu\" tabindex=\"-1\">\n    <header>\n      <h3>MENU<\/h3>\n      <button class=\"dg-close\" type=\"button\" aria-label=\"Close\">\u2715<\/button>\n    <\/header>\n\n    <nav>\n      <ul class=\"dg-nav\" id=\"menu-homepage-menu-en\">\n\n        <li>\n          <a href=\"https:\/\/hotelmiramare.ge\/en\/#onas\">ABOUT US<\/a>\n        <\/li>\n\n        <li class=\"dg-has-sub\">\n          <a href=\"#\" class=\"dg-rooms-toggle\" aria-expanded=\"false\">\n            ROOMS\n            <svg class=\"dg-caret\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M7 10l5 5 5-5H7z\"\/>\n            <\/svg>\n          <\/a>\n\n          <ul class=\"dg-sub rooms-sub\" hidden>\n            <li>\n              <a href=\"https:\/\/hotelmiramare.ge\/en\/single\/\">\n                Superior with kitchenette\n              <\/a>\n            <\/li>\n            <li>\n              <a href=\"https:\/\/hotelmiramare.ge\/en\/deluxe-with-sea-view-and-kitchenette\/\">\n                Deluxe with sea view and kitchenette\n              <\/a>\n            <\/li>\n            <li>\n              <a href=\"https:\/\/hotelmiramare.ge\/en\/grand-deluxe-with-sea-view-and-kitchenette\/\">\n                Grand Deluxe with sea view and kitchenette\n              <\/a>\n            <\/li>\n            <li>\n              <a href=\"https:\/\/hotelmiramare.ge\/en\/family-room-with-sea-view-and-kitchenette\/\">\n                Family room with sea view and kitchenette\n              <\/a>\n            <\/li>\n            <li>\n              <a href=\"https:\/\/hotelmiramare.ge\/en\/premier-suite-with-sea-view-and-kitchenette\/\">\n                Premier Suite with sea view and kitchenette\n              <\/a>\n            <\/li>\n          <\/ul>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/hotelmiramare.ge\/en\/#restaurace\">RESTAURANT<\/a>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/hotelmiramare.ge\/en\/gallery\/\">PHOTOS<\/a>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/hotelmiramare.ge\/en\/#kontakt\">CONTACT<\/a>\n        <\/li>\n\n      <\/ul>\n    <\/nav>\n  <\/aside>\n<\/div>\n\n\n<script>\n  (function () {\n    document.querySelectorAll(\"[data-dg]\").forEach(function (root) {\n      const burger = root.querySelector(\".dg-burger\");\n      const overlay = root.querySelector(\".dg-overlay\");\n      const panel = root.querySelector(\".dg-panel\");\n      const closeB = root.querySelector(\".dg-close\");\n\n      function openNav() {\n        root.classList.add(\"dg-open\");\n        if (burger) burger.setAttribute(\"aria-expanded\", \"true\");\n        if (panel) panel.focus({ preventScroll: true });\n      }\n\n      function closeNav() {\n        root.classList.remove(\"dg-open\");\n        if (burger) burger.setAttribute(\"aria-expanded\", \"false\");\n        if (burger) burger.focus({ preventScroll: true });\n      }\n\n      if (burger) burger.addEventListener(\"click\", openNav);\n      if (overlay) overlay.addEventListener(\"click\", closeNav);\n      if (closeB)\n        closeB.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          closeNav();\n        });\n\n      document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\") closeNav();\n      });\n\n      \/\/ ROOMS submenu toggle\n      const toggle = root.querySelector(\".dg-rooms-toggle\");\n      const sub = root.querySelector(\".rooms-sub\");\n      if (toggle && sub) {\n        toggle.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          const open = this.getAttribute(\"aria-expanded\") === \"true\";\n          this.setAttribute(\"aria-expanded\", String(!open));\n          sub.hidden = open;\n          sub.style.display = open ? \"none\" : \"block\";\n          const caret = this.querySelector(\".dg-caret\");\n          if (caret) caret.style.transform = open ? \"rotate(0deg)\" : \"rotate(180deg)\";\n        });\n      }\n\n      \/\/ ===== Language dropdown =====\n      const lang = root.querySelector(\".dg-lang\");\n      if (lang) {\n        lang.addEventListener(\"focusin\", () => lang.classList.add(\"open\"));\n        lang.addEventListener(\"focusout\", () => {\n          setTimeout(() => {\n            if (!lang.contains(document.activeElement)) lang.classList.remove(\"open\");\n          }, 0);\n        });\n\n        lang.addEventListener(\"click\", function (ev) {\n          if (!window.matchMedia(\"(max-width: 768px)\").matches) return;\n          const a = ev.target.closest(\"a\");\n          if (a && a.getAttribute(\"aria-current\") === \"true\") {\n            ev.preventDefault();\n            lang.classList.toggle(\"open\");\n          }\n        });\n\n        document.addEventListener(\n          \"click\",\n          function (e) {\n            if (!window.matchMedia(\"(max-width: 768px)\").matches) return;\n            if (!lang.contains(e.target)) lang.classList.remove(\"open\");\n          },\n          { passive: true }\n        );\n      }\n    });\n  })();\n<\/script>\n\n<script>\n  \/* Dynamically set indexes (--i) and count (--count) for language dropdown *\/\n  (function () {\n    document.querySelectorAll(\"[data-dg] .dg-lang\").forEach(function (lang) {\n      const items = Array.from(lang.querySelectorAll(\"a\"));\n      if (!items.length) return;\n\n      const current = items.find((a) => a.getAttribute(\"aria-current\") === \"true\") || items[0];\n      const others = items.filter((a) => a !== current);\n\n      others.forEach((a, i) => a.style.setProperty(\"--i\", String(i + 1)));\n      lang.style.setProperty(\"--count\", String(others.length));\n    });\n  })();\n<\/script>\n\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MENU EN GE CZ DE RU HY PL MENU \u2715 ABOUT US ROOMS Superior with kitchenette Deluxe with sea view and kitchenette Grand Deluxe with sea view and kitchenette Family room with sea view and kitchenette Premier Suite with sea view and kitchenette RESTAURANT PHOTOS CONTACT<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/hotelmiramare.ge\/en\/wp-json\/wp\/v2\/pages\/9914"}],"collection":[{"href":"https:\/\/hotelmiramare.ge\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotelmiramare.ge\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotelmiramare.ge\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/hotelmiramare.ge\/en\/wp-json\/wp\/v2\/comments?post=9914"}],"version-history":[{"count":37,"href":"https:\/\/hotelmiramare.ge\/en\/wp-json\/wp\/v2\/pages\/9914\/revisions"}],"predecessor-version":[{"id":25488,"href":"https:\/\/hotelmiramare.ge\/en\/wp-json\/wp\/v2\/pages\/9914\/revisions\/25488"}],"wp:attachment":[{"href":"https:\/\/hotelmiramare.ge\/en\/wp-json\/wp\/v2\/media?parent=9914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}