/* Menu di navigazione sotto la linea blu — pulsanti pieni */

.site-nav-buttons {
  display: flex;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--color-placeholder);
}

.site-nav-buttons a {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  background: var(--color-orange);
  padding: 10px 22px;
  border-radius: 3px;
  transition: background 0.15s ease;
}

.site-nav-buttons a:hover {
  background: var(--color-blue);
  color: #FFFFFF;
}

.site-nav-buttons a.is-active {
  background: var(--color-blue);
}

.site-nav-buttons a.is-active:hover {
  background: var(--color-ink);
}

@media (max-width: 480px) {
  .site-nav-buttons {
    gap: 10px;
    padding: 14px 0;
  }
  .site-nav-buttons a {
    font-size: 12px;
    padding: 9px 16px;
  }
}