/* Salon privé clients : accès visible, sobre et distinct. */
.main-nav { min-width: 0; flex-wrap: wrap; row-gap: 8px; align-items: center; }
.main-nav a { white-space: nowrap; }
.main-nav .salon-menu {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 40px; padding: 8px 13px; border: 1px solid #b9bdc2;
  border-radius: 7px; background: #282a2d; color: #fffaf0;
  font-weight: 600; line-height: 1.3; text-decoration: none;
}
.main-nav .salon-menu:hover { background: #3b3e42; color: #fffaf0; }
.main-nav .salon-menu:focus-visible { outline: 3px solid #676d74; outline-offset: 3px; }
@media (min-width: 981px) {
  .site-header { gap: 20px; }
  .main-nav { column-gap: clamp(14px, 1.7vw, 26px); }
}
@media (max-width: 560px) {
  .main-nav { gap: 8px 12px; overflow: visible; }
  .main-nav .salon-menu { min-height: 38px; padding: 7px 11px; }
}