/* ==================== FORMULAIRE REGISTER - GRILLE 6 COLONNES ==================== */

/* Forcer la grille du formulaire sur 6 colonnes avec haute spécificité */
.dashboard-container .account-block .account-header-row.form-grid {
  grid-template-columns: repeat(6, 1fr) !important;
  display: grid !important;
  gap: var(--box-gap) !important;
}

/* Classes span manquantes pour la grille 6 colonnes */
.account-header-row.form-grid .span-1 {
  grid-column: span 1;
}

.account-header-row.form-grid .span-2 {
  grid-column: span 2;
}

.account-header-row.form-grid .span-4 {
  grid-column: span 4;
}

.account-header-row.form-grid .span-5 {
  grid-column: span 5;
}

.account-header-row.form-grid .span-6 {
  grid-column: span 6;
}

/* Style du bouton en mode dark */
:root[data-theme="dark"] .account-header-row.form-grid .account-box span-1 button[type="submit"] {
  background: #1a3d5c !important;
  color: #90caf9 !important;
  border-color: #64b5f6 !important;
}

/* ==================== RESPONSIVE FORMULAIRE REGISTER ==================== */

@media (max-width: 768px) {
  /* FORMULAIRE : Passer en grille 3 colonnes */
  body .dashboard-container .account-block .account-header-row.form-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  /* Pseudo, Email, Password, Confirm : 2 colonnes */
  body .dashboard-container .account-block .account-header-row.form-grid .span-4 {
    grid-column: span 2 !important;
  }

  /* Bouton Création : 1 colonne */
  body .dashboard-container .account-block .account-header-row.form-grid .span-2 {
    grid-column: span 1 !important;
  }
}