/* Desktop header proportions matched to the approved ClubSys reference. */
@media (min-width: 801px) {
  .site-header { height: 80px; background: rgb(17, 82, 52); }
  .nav-wrap { width: min(1288px, calc(100% - 24px)); justify-content: flex-start; }
  .brand img { width: 280px; }
  .main-nav { flex: 1; justify-content: space-between; gap: 28px; margin-left: clamp(60px, 5vw, 120px); }
  .main-nav a { color: rgb(248, 248, 248); font-family: Manrope, Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 16px; }
  .main-nav .button--small { background: rgb(185, 154, 69); color: rgb(255, 255, 255); padding: 15px 20px; border-radius: 8px; font-size: 16px; }
}

@media (min-width: 801px) and (max-width: 1500px) {
  .nav-wrap { width: calc(100% - 24px); }
  .brand img { width: 280px; }
  .main-nav { flex: 1; justify-content: space-between; gap: 22px; margin-left: clamp(42px, 4vw, 70px); }
  .main-nav a { font-size: 16px; }
  .main-nav .button--small { padding: 14px 22px; font-size: 14px; }
}