/* Sanitas Ex Natura - header 1.2.2, 2026-10-29.
 * Replaces assets/css/online-menu.css from the menu 1.2.1 package.
 * Menu font size is still controlled by the Typography admin panel.
 */
.desktop-nav .online-shop-link,
.mobile-menu .online-shop-link {
  color: var(--green);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: .25em;
  white-space: nowrap;
}

@media (min-width: 901px) {
  .site-header {
    grid-template-columns: 320px minmax(0, 1fr) auto;
    column-gap: 28px;
    min-height: 148px;
    padding: 24px clamp(20px, 3vw, 64px);
  }
  .site-header .brand img { width: 300px; height: 84px; }
  .desktop-nav {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 28px;
    min-width: 0;
  }
  .desktop-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding-block: 8px;
    white-space: nowrap;
  }
}

@media (min-width: 901px) and (max-width: 1680px) {
  .site-header {
    grid-template-columns: minmax(220px, 1fr) auto;
    row-gap: 18px;
  }
  .site-header .brand { grid-column: 1; grid-row: 1; }
  .site-header .header-cta { grid-column: 2; grid-row: 1; }
  .site-header .desktop-nav { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 900px) {
  .site-header { min-height: 92px; padding-block: 14px; }
  .mobile-menu nav { width: min(300px, calc(100vw - 24px)); }
  .mobile-menu nav a { display: flex; align-items: center; min-height: 48px; }
}