/* V5 — header + closing-hours refinement
   Applies to all public pages. */

/* Tighten the space below the logo while keeping the header slightly deeper than the old compact version. */
.home-topbar {
  min-height: 74px !important;
  padding-bottom: 10px !important;
}

/* Move the language switch down by 2px on every page. */
.header-language-switch {
  transform: translateY(4px) !important;
}

/* Keep the slide-down menu aligned with the refined header. */
:root {
  --site-menu-header-height: 74px !important;
}

.site-menu-drawer {
  top: 74px !important;
  max-height: calc(100dvh - 74px) !important;
}

/* Phone/mobile: reduce the excess gap under the logo. */
@media (max-width: 620px) {
  .home-topbar {
    min-height: 68px !important;
    padding-bottom: 8px !important;
  }

  :root {
    --site-menu-header-height: 68px !important;
  }

  .site-menu-drawer {
    top: 68px !important;
    max-height: calc(100dvh - 68px) !important;
  }
}

/* iPad/tablet and larger: keep a little breathing room, but no large gap under the logo. */
@media (min-width: 768px) {
  .home-topbar {
    min-height: 80px !important;
    padding-bottom: 12px !important;
  }

  :root {
    --site-menu-header-height: 80px !important;
  }

  .site-menu-drawer {
    top: 80px !important;
    max-height: calc(100dvh - 80px) !important;
  }
}

/* The dynamic opening-hours line now lives under the closing slogan. */
.home-closing-status {
  margin: 10px auto 0 !important;
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  text-decoration: none !important;
}

.home-closing-status:visited,
.home-closing-status:hover,
.home-closing-status:focus {
  text-decoration: none !important;
}

@media (min-width: 621px) {
  .home-closing-status {
    margin-top: 12px !important;
    font-size: 15px;
  }
}


/* V11 — header compactness + language switch lower */
.header-language-switch{transform:translateY(6px)!important;}
@media (max-width:620px){.home-topbar{min-height:64px!important;padding-bottom:4px!important;}.site-menu-drawer{top:64px!important;max-height:calc(100dvh - 64px)!important;}:root{--site-menu-header-height:64px!important;}}


/* V15 — inner-page header spacing matches homepage; logo size handled in hero-centered-v2.css */
.service-site-header__inner {
  min-height: 76px !important;
  padding: 12px 18px !important;
  align-items: center !important;
}

@media (max-width: 430px) {
  .service-site-header__inner {
    min-height: 64px !important;
    padding: 10px 14px 4px !important;
  }
}

@media (min-width: 431px) and (max-width: 620px) {
  .service-site-header__inner {
    min-height: 64px !important;
    padding: 12px 18px 4px !important;
  }
}

@media (min-width: 768px) {
  .service-site-header__inner {
    min-height: 80px !important;
    padding: 12px 18px !important;
  }
}


/* V16 — exact logo/header horizontal alignment across homepage and inner pages.
   Homepage uses a 16px flex gap between hamburger and logo; inner pages now match it. */
.service-site-header__inner {
  gap: 16px !important;
}