.btn { 
    display: flex !important;             /* Active le mode Flexbox */
    justify-content: center !important;   /* Centre horizontalement */
    align-items: center !important;       /* Centre verticalement */
    height: 50px !important;
    
    /* Optionnel : À conserver uniquement si tu prévois d'ajouter une icône au-dessus ou en-dessous du texte */
    flex-direction: column !important; 
}


.btn.btn_inscription { 
    display: flex !important;             /* Active le mode Flexbox */
    justify-content: center !important;   /* Centre horizontalement */
    align-items: center !important;       /* Centre verticalement */
    height: 50px !important;
    
    /* Optionnel : À conserver uniquement si tu prévois d'ajouter une icône au-dessus ou en-dessous du texte */
    flex-direction: column !important; 
}
 
/* Spinner et bouton */
.btn-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #ffffff;
    animation: spin 1s ease-in-out infinite;
    vertical-align: middle;
    margin-right: 8px;
}

@keyframes spin { 
    to { transform: rotate(360deg); } 
}

.btn:disabled { 
    opacity: 0.7; 
    cursor: not-allowed; 
    box-shadow: none;   display: flex !important;             /* Active le mode Flexbox */
    justify-content: center !important;   /* Centre horizontalement */
    align-items: center !important;       /* Centre verticalement */
}

/* Bloc d'alerte Géolocalisation */
.geo-alert {
    background: #e3f2fd;
    border: 1px solid #90caf9;
    color: #0d47a1;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.geo-alert i { 
    font-size: 1.5rem; 
}

.info-row { 
    font-size: 12px; 
    color: #555; 
}