/* responsive.css */

/* --- FIX NAV MOBILE (deve stare DOPO alle regole esistenti) --- */
@media (max-width: 640px){
  .nav-wrap{
    flex-direction: row !important;   /* forza in riga */
    align-items: center !important;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: nowrap;
  }
  .brand{ flex: 1 1 auto; }           /* logo/titolo occupano la sinistra */
  .nav-toggle{
    display: inline-block !important; /* assicurati che sia visibile */
    margin-left: auto;                /* spingilo a destra */
  }
  .primary-nav{ display: none !important; } /* nascondi nav desktop */
}

@media (max-width: 820px){
  .primary-nav{ display:none }
  .nav-toggle{ display:inline-block; margin-left:auto }
  .nav-wrap{
    display:flex; align-items:center; gap:10px; flex-wrap:nowrap;
    justify-content: space-between; /* opzionale: allinea come su desktop */
  }
  .brand{ flex:1 1 auto }
}

/* Contenitore pulsanti */
.actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin:12px 0;
}

/* il form non deve forzare l'inline-block */
.actions form{ margin:0; }

/* Mobile: pulsanti uno sotto l'altro, full width */
@media (max-width:640px){
  .actions{ flex-direction:column; align-items:stretch; }
  .actions .btn{ width:100%; }
}