/* Klever v35 — one sticky mobile row: menu button on the left, then logo, then actions.
   The menu trigger is part of the real header markup, not positioned inside the actions block. */

@media (max-width: 767.98px) {
  :root { --klever-mobile-header-height: 66px; }

  html body.klever-site-page header.klever-home-header,
  html body.klever-site-page header.klever-site-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 71000 !important;
  }

  html body.klever-site-page .klever-home-header__inner,
  html body.klever-site-page .klever-site-header__inner {
    display: flex !important;
    align-items: center !important;
    width: calc(100% - 28px) !important;
    min-height: var(--klever-mobile-header-height) !important;
    height: var(--klever-mobile-header-height) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  /* Visible native label. It stays before the logo and cannot be squeezed out by the actions. */
  html body.klever-site-page .klever-mobile-left-menu-toggle {
    display: inline-flex !important;
    position: relative !important;
    z-index: 71030 !important;
    order: 0 !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border: 1px solid #d5b366 !important;
    border-radius: 10px !important;
    background: #fffdf8 !important;
    color: #60461d !important;
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    box-sizing: border-box !important;
  }

  html body.klever-site-page .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars,
  html body.klever-site-page .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::before,
  html body.klever-site-page .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::after {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    border-radius: 9px !important;
    background: currentColor !important;
    content: '' !important;
  }

  html body.klever-site-page .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars {
    position: relative !important;
  }
  html body.klever-site-page .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::before,
  html body.klever-site-page .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::after {
    position: absolute !important;
    left: 0 !important;
  }
  html body.klever-site-page .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::before { top: -7px !important; }
  html body.klever-site-page .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::after { top: 7px !important; }

  html body.klever-site-page.klever-mobile-nav-open .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars,
  html body.klever-site-page:has(#klever-mobile-menu-state:checked) .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars {
    background: transparent !important;
  }
  html body.klever-site-page.klever-mobile-nav-open .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::before,
  html body.klever-site-page:has(#klever-mobile-menu-state:checked) .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::before {
    top: 0 !important;
    transform: rotate(45deg) !important;
  }
  html body.klever-site-page.klever-mobile-nav-open .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::after,
  html body.klever-site-page:has(#klever-mobile-menu-state:checked) .klever-mobile-left-menu-toggle .klever-mobile-inline-menu-toggle__bars::after {
    top: 0 !important;
    transform: rotate(-45deg) !important;
  }

  html body.klever-site-page .klever-home-header__brand,
  html body.klever-site-page .klever-site-header__brand {
    order: 1 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
  }

  html body.klever-site-page .klever-home-header__brand > *,
  html body.klever-site-page .klever-site-header__brand > * {
    max-width: 100% !important;
  }

  html body.klever-site-page .klever-home-header__brand .klever-logo-title,
  html body.klever-site-page .klever-site-header__brand .klever-logo-title {
    display: block !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-size: clamp(18px, 5.5vw, 24px) !important;
    line-height: 1 !important;
    text-overflow: clip !important;
  }

  html body.klever-site-page .klever-home-header__brand img,
  html body.klever-site-page .klever-site-header__brand img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 34px !important;
    height: auto !important;
  }

  html body.klever-site-page .klever-home-header__caption,
  html body.klever-site-page .klever-site-header__caption,
  html body.klever-site-page .klever-home-header__link,
  html body.klever-site-page .klever-site-header__link {
    display: none !important;
  }

  html body.klever-site-page .klever-home-header__actions,
  html body.klever-site-page .klever-site-header__actions {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 0 0 auto !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  html body.klever-site-page .klever-home-header__call,
  html body.klever-site-page .klever-site-header__call {
    position: relative !important;
    z-index: 71031 !important;
    display: inline-flex !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
  }
  html body.klever-site-page .klever-home-header__call > span,
  html body.klever-site-page .klever-site-header__call > span { display: none !important; }
  html body.klever-site-page .klever-home-header__call .klever-inline-icon,
  html body.klever-site-page .klever-site-header__call .klever-inline-icon {
    width: 23px !important;
    height: 23px !important;
  }

  html body.klever-site-page .klever-home-header__booking,
  html body.klever-site-page .klever-site-header__booking {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* The legacy separate mobile navbar has no visual footprint. The actual panel opens beneath this row. */
  html body.klever-site-page #klever-menu-placeholder {
    display: none !important;
  }
}

@media (max-width: 374px) {
  html body.klever-site-page .klever-home-header__inner,
  html body.klever-site-page .klever-site-header__inner {
    width: calc(100% - 20px) !important;
    gap: 6px !important;
  }
  html body.klever-site-page .klever-mobile-left-menu-toggle {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
  html body.klever-site-page .klever-home-header__call,
  html body.klever-site-page .klever-site-header__call {
    display: none !important;
  }
  html body.klever-site-page .klever-home-header__booking,
  html body.klever-site-page .klever-site-header__booking {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }
}

@media (min-width: 768px) {
  html body.klever-site-page .klever-mobile-left-menu-toggle { display: none !important; }
}