/* Ajoutez vos styles CSS personnalisés pour le formulaire de connexion ici */

.login-branding {
    text-align: center;
    margin-bottom: 20px;
}

.login-logo {
    font-size: 24px;
}

.login-desc {
    font-style: italic;
}

.login-form {
   /* margin: 0 auto;
    max-width: 400px; */
}

.login-msg {
    margin-top: 20px;
    padding: 10px;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    border-radius: 4px;
}

p.login-username input#user.input, p.login-password input#pass.input {
    background-color: #f5f5f5;
    width: -webkit-fill-available;
}

.login-submit input#wp-submit.button.button-primary{
    //background-color: #f5f5f5;
    width: -webkit-fill-available;
}

@-moz-document url-prefix(){
.login-username input#user.input, .login-password input#pass.input, .login-submit input#wp-submit.button.button-primary{
width: -moz-available;
}
}

/*Se connec register*/

.switch-form {
    background-color: #0073aa; /* Une couleur qui correspond à l'aspect de WordPress */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 3px; /* Bordures arrondies */
    transition: background-color 0.3s; /* Transition pour le survol */
}

.switch-form:hover {
    background-color: #005177; /* Couleur de fond au survol */
}

.switch-form.login-btn {
    margin-right: 10px; /* Espacement entre les boutons */
}

.switch-form.register-btn {
    background-color: #2271b1; /* Une couleur légèrement différente pour le bouton d'inscription */
}

.switch-form.register-btn:hover {
    background-color: #135e96;
}

/* Si vous voulez que le bouton actif ait un style différent */
.switch-form.active {
    background-color: #0a4b78; /* Couleur pour le bouton actif */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); /* Ombre à l'intérieur pour donner un effet "pressé" */
}

.register-form input[type="text"],
.register-form input[type="email"],
.register-form input[type="password"],
.register-form input[type="tel"],
.register-form input[type="submit"],
.register-form button {
    width: 100%;
    box-sizing: border-box; /* Assure que la largeur de 100% inclut le padding et la bordure */
}

/* Style pour les champs requis non remplis */
input:required:invalid, input:focus:invalid {
    border: 1px solid red;
    background-color: #ffdddd;
}

/* Style pour les champs valides */
input:required:valid {
    border: 1px solid green;
    background-color: #ddffdd;
}

/* Pour s'assurer que les champs vides sont traités correctement */
input:placeholder-shown {
    border: 1px solid #9e9e9e;
}

/* Style pour le bouton lorsque le formulaire est invalide */
#registerform [type="submit"]:disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
}

/* Styles pour le champ SIRET/DUNS dans le formulaire public */
.siret-duns-field {
    margin-top: 10px;
}

.siret-duns-field input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Style pour le bandeau de bienvenue */
.welcome-banner {
    background-color: #00ff00; /* Vert pétant */
    color: #000000; /* Texte noir pour contraste */
    padding: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    border: 2px solid #00cc00; /* Bordure verte légèrement plus foncée */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombre pour effet de profondeur */
    position: fixed; /* Position fixe pour suivre l'utilisateur */
    top: 50%; /* Centré verticalement */
    left: 50%; /* Centré horizontalement */
    transform: translate(-50%, -50%); /* Ajustement pour un centrage parfait */
    width: 80%; /* Largeur ajustée pour ne pas être trop large */
    max-width: 600px; /* Largeur maximale pour éviter qu'il soit trop grand sur les grands écrans */
    z-index: 1000; /* Au-dessus des autres éléments */
    opacity: 0; /* Départ invisible pour l'animation */
    animation: fadeIn 1s ease-in forwards; /* Animation d'apparition */
    font-family: 'Inria Sans', sans-serif; /* Appliquer Inria Sans */
}

/* Animation d'apparition */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -60%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* Style pour le bouton de fermeture */
.welcome-banner .close-banner {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #333; /* Gris foncé élégant */
    color: #fff; /* Texte blanc */
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    transition: background-color 0.3s ease, transform 0.2s ease; /* Animation au survol */
}

.welcome-banner .close-banner:hover {
    background: #555; /* Gris un peu plus clair au survol */
    transform: scale(1.1); /* Légère agrandissement au survol */
}

/* Style pour le message "Vous êtes déjà connecté" */
.connected-message {
    text-align: center;
    font-size: 18px;
    color: #333;
    margin: 20px 0;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
    font-family: 'Inria Sans', sans-serif; /* Appliquer Inria Sans ici aussi pour la cohérence */
}

/* Style pour le lien de déconnexion */
.logout-link {
    color: #0073aa; /* Bleu WordPress */
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

.logout-link:hover {
    color: #005177; /* Bleu plus foncé au survol */
    text-decoration: underline;
}