/*==================================
  =          SWISSNORTON           =
  ==================================
	
  Créé le : 17.12.2025
  Mis à jour le : 12.02.2026
  Par : Rui Dos Santos

  page : ./assets/css/connexion.css
==================================*/

/* =====================================
	FORMULAIRE "CONNEXION"
===================================== */
.connexion-form {
	margin: 0 auto;
	max-width: var(--container-login);
	padding: var(--spacing-xl);
	background-color: var(--bg-form);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-xl);
	flex-direction: column;
}

/* =====================================
	ESPACE CHAMPS FORMULAIRE
===================================== */
.champs-form-container {
}

/* =====================================
	CHAMPS FORMULAIRE
===================================== */
.connexion-form-field {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 0.5rem;
	padding-bottom: 1rem;
}

/* =====================================
	CSS RESPONSIVE
===================================== */
/* max 1024px */
@media (max-width: 1024px) {
    .connexion-form {
        padding: var(--spacing-md);
    }
}

/* max 768px */
@media (max-width: 768px) {
    .connexion-form {
        margin: 0 var(--spacing-sm);
    }

    .connexion-form-field {
        padding-bottom: 0.75rem;
    }
}

/* max 480px */
@media (max-width: 480px) {
    .connexion-form {
        padding: var(--spacing-sm-md);
        margin: 0 var(--spacing-xs);
        border-radius: 8px;
    }

    .connexion-form-field {
        gap: 0.375rem;
        padding-bottom: 0.5rem;
    }
}