/* ===== Layout overflow fix — header mobile ===== */

/* Previene scroll orizzontale a livello window */
html, body { overflow-x: hidden; }

/* Brand può restringersi per fare spazio ai controlli di destra */
.brand { min-width: 0; flex-shrink: 1; }
.brand-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}

/* Auth area: rimossa min-width 80px, l'avatar Clerk è 32px */
.auth-area { min-width: 0; }

/* Head-right non si stringe mai — il brand cede per primo */
.head-right { flex-shrink: 0; }

/* Su schermi molto stretti (<360px) nascondi lang-pick */
@media (max-width: 359px) {
  .lang-pick { display: none; }
}