/* Header-only spacing overrides. Loaded after styles.css. */
.site-header .nav-shell {
  column-gap: clamp(0.5rem, 1.2vw, 1rem);
}

.site-header .brand,
.site-header .nav-actions {
  flex: 0 0 auto;
}

.site-header .brand,
.site-header .brand span,
.site-header .desktop-nav a,
.site-header .nav-actions .button {
  white-space: nowrap;
}

.site-header .desktop-nav {
  min-width: 0;
}

.site-header .desktop-nav a {
  text-align: center;
}

@media (min-width: 980px) and (max-width: 1119px) {
  .site-header .nav-shell {
    min-height: 68px;
  }

  .site-header .desktop-nav {
    display: none;
  }

  .site-header .menu-toggle {
    display: inline-flex;
  }

  .site-header .mobile-nav {
    display: none !important;
  }

  .site-header .mobile-nav:not([hidden]) {
    display: grid !important;
  }

  .site-header .nav-actions {
    display: flex;
    margin-left: auto;
    gap: 0.55rem;
  }

  .site-header .nav-actions .button-primary {
    display: none;
  }

  .site-header .whatsapp-header-button {
    width: 46px;
    padding: 11px;
  }

  .site-header .whatsapp-header-label {
    display: none;
  }
}

@media (min-width: 1120px) and (max-width: 1180px) {
  .site-header .nav-shell {
    width: min(100% - 1.25rem, var(--max));
    gap: 0.55rem;
  }

  .site-header .brand {
    gap: 0.18rem;
    font-size: 1.05rem;
  }

  .site-header .brand-logo {
    width: 70px;
  }

  .site-header .desktop-nav {
    flex: 0 0 auto;
    gap: 0.08rem;
    padding: 0.26rem;
    font-size: 0.86rem;
  }

  .site-header .desktop-nav a {
    padding: 0.5rem 0.38rem;
  }

  .site-header .nav-actions {
    gap: 0.45rem;
  }

  .site-header .nav-actions .button-primary {
    padding: 0.72rem 0.82rem;
  }

  .site-header .whatsapp-header-button {
    padding: 10px 12px;
  }
}