/* Approved MAJOTILA lockup: one SVG per DE/CZ/EN public page.
   The M + ginkgo + brand name + localized descriptor are within ONE viewBox.
   Never reassemble or offset these pieces separately. The Care app and Demo6
   do not load this stylesheet. */
.header a.logo.majotila-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  overflow: visible !important;
}
/* The responsive asset wrapper does not change header spacing. */
.header a.logo.majotila-brand picture.majotila-responsive {
  display: block;
  line-height: 0;
  min-width: 0;
  max-width: 100%;
}
.header a.logo.majotila-brand img.majotila-lockup {
  display: block !important;
  width: 296px !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  position: static !important;
  transform: none !important;
  margin: 0 !important;
}
@media (max-width: 630px) {
  .header a.logo.majotila-brand img.majotila-lockup {
    width: clamp(140px, 42vw, 180px) !important;
  }
}
@media (max-width: 380px) {
  .header a.logo.majotila-brand img.majotila-lockup {
    width: clamp(135px, 40vw, 152px) !important;
  }
}


/* Fix desktop-tablet header alignment in the original site.
   At these widths the old flex space distribution separated the hamburger
   from the locale flags. Grid pins logo left, menu + flags together right.
   Mobile <=630px stays exactly as previously approved. */
@media (min-width: 631px) and (max-width: 1260px) {
  .header .headrow {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    justify-content: initial !important;
    gap: 12px !important;
    width: min(1220px, calc(100% - 48px)) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    position: relative;
  }
  .header a.logo.majotila-brand {
    grid-column: 1;
    justify-self: start;
    min-width: 0;
    max-width: 100%;
    flex: none !important;
  }
  .header button.menu {
    display: inline-flex !important;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-items: center;
    margin: 0 !important;
  }
  .header .locale-picker {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    margin: 0 !important;
  }
  .header nav.nav {
    display: none !important;
    position: absolute !important;
    top: 80px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 18px 24px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow-y: auto !important;
    max-height: calc(100vh - 80px) !important;
    background: #fffefa;
    box-shadow: 0 18px 30px #0002;
    z-index: 70;
  }
  .header nav.nav.open {
    display: flex !important;
  }
}