/* The attraction navigation uses the Apollonaut wordmark on its navy panel. */
.site-header .apo-header-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    container-type: inline-size;
    color: #fec61d;
    text-decoration: none;
}

.site-header .apo-header-lockup {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    max-width: 100%;
}

.site-header .apo-header-dot {
    color: #859238;
}

.site-header .apo-header-tagline {
    color: #fff7dc;
    font: 500 min(12px, 7cqw)/1.35 'DM Sans', Arial, sans-serif;
    letter-spacing: .05px;
    white-space: nowrap;
}

.site-header .apo-header-wordmark {
    display: inline-flex;
    align-items: center;
    font: 700 min(29px, 15cqw)/1 'DM Sans', Arial, sans-serif;
    letter-spacing: -.06em;
    white-space: nowrap;
}

.site-header .apo-header-sun {
    display: grid;
    place-items: center;
    flex: none;
    width: 1.27em;
    height: 1.27em;
    margin-right: .275em;
    border-radius: 50%;
    color: #183c34;
    background: #f8e46c;
}

.site-header .apo-header-sun svg {
    display: block;
    width: .94em;
    height: .94em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
}

.site-header .apo-header-brand:focus-visible {
    outline: 2px solid #fec61d;
    outline-offset: -4px;
}

@media (max-width: 1200px) {
    .site-header .apo-header-brand {
        align-items: flex-start;
    }
}

/* Match the main Apollonaut header on the Majorelle landing page. */
.vm-page-home .site-header.vm-header-without-notice {
  background: #fffefa;
  color: #19362f;
  grid-template-columns: minmax(185px,1fr) max-content;
  padding-inline: clamp(16px,3vw,44px);
}
.vm-page-home .site-header .apo-header-brand {
  color: #19362f;
  background: transparent;
  padding: 0;
  align-items: flex-start;
}
.vm-page-home .site-header .apo-header-tagline { color: inherit; }
.vm-page-home .site-header .desktop-nav { color: inherit; padding-inline: 0; gap: clamp(10px,1.4vw,22px); }
.vm-page-home .site-header .desktop-nav > a.vm-header-saved {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  color: #19362f;
  text-decoration: none;
}
.vm-header-saved svg { width: 20px; height: 20px; }
.vm-header-saved [data-vm-saved-count] {
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding-inline: 3px;
  border-radius: 100px;
  color: #19362f;
  background: #ecefe8;
  font: 600 11px/1 'DM Sans',sans-serif;
}
.vm-page-home .site-header .vm-language-enable {
  min-height: 44px;
  border: 1px solid #aab8ac;
  border-radius: 7px;
  color: #19362f;
  background: #fffefa;
}
.vm-page-home .site-header :is(.vm-header-saved,.vm-language-enable,.menu-toggle):focus-visible {
  outline: 2px solid #385f4d;
  outline-offset: 2px;
}
@media(max-width:1200px) {
  .vm-page-home .site-header.vm-header-without-notice {
    grid-template-columns: minmax(0,1fr) auto 44px 44px;
    column-gap: 8px;
    padding-inline: clamp(14px,3.8vw,28px);
  }
  .vm-page-home .site-header .desktop-nav { display: contents; }
  .vm-page-home .site-header .vm-header-saved { grid-area: 1 / 2; }
  .vm-page-home .site-header .vm-language-switcher { grid-area: 1 / 3; }
  .vm-page-home .site-header .vm-language-enable {
    box-sizing: border-box;
    width: 44px;
    padding: 0;
    justify-content: center;
    gap: 0;
  }
  .vm-page-home .vm-language-enable > .vm-language-label,
  .vm-page-home .vm-language-enable > span[aria-hidden="true"] { display: none; }
  .vm-page-home .vm-language-enable .vm-language-flag { width: 24px; height: 17px; }
  .vm-page-home .vm-language-enable:has(.vm-language-flag[hidden]) > .vm-language-label {
    display: block; max-width: 38px; font-size: 11px;
  }
  .vm-page-home .site-header .vm-language-switcher #vm-language-panel {
    inset-inline-end: 0;
    width: min(285px,calc(100vw - 86px));
    box-sizing: border-box;
  }
  .vm-page-home .site-header .menu-toggle {
    grid-area: 1 / 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    gap: 5px;
    background: transparent;
    border: none;
  }
  .vm-page-home .site-header .menu-toggle span {
    width: 21px;
    height: 2px;
    margin: 0;
    background: #19362f;
  }
  .vm-page-home .site-header .menu-toggle span:last-child { display: none; }
  .vm-page-home .site-header .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .vm-page-home .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(-3.5px) rotate(-45deg); }
  .vm-page-home .mobile-menu:not([hidden]) { background: #fffefa; color: #19362f; }
  .vm-page-home .site-header .apo-header-wordmark { font-size: min(26px,16cqw); }
  .vm-page-home .site-header .apo-header-tagline { font-size: min(11px,7cqw); }
}
@media(max-width:380px) {
  .vm-page-home .site-header.vm-header-without-notice { column-gap: 4px; padding-inline: 10px; }
}