/* -- mise a jour de la vue d'authentification -- */

.img-fluids {
    max-width: 50%;
    height: auto;
}

/* Disposition grand écran (>= 992px) */
@media (min-width: 992px) {
    .log-logo-bloc {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .log-fields-bloc {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .auth-form-container .card-title {
        white-space: nowrap;
    }
}

.auth-form-container {
    width: 100%;
    max-width: 365px;
    margin: 0 auto;
}

/* Optimisation Mobile & Tablette (< 992px) */
@media (max-width: 991.98px) {
    .auth-wrapper.auth-v2 {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .auth-wrapper.auth-v2 .auth-inner {
        min-height: 100vh;
        width: 100%;
    }

    .log-fields-bloc {
        width: 100% !important;
        min-height: 100vh;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 2.5rem 1.25rem !important;
        background: #F8F8F8;
    }

    .auth-form-container {
        width: 100%;
        max-width: 365px;
        margin: auto;
        padding: 0;
    }

    .auth-form-container .form-control {
        font-size: 16px; /* Empêche le zoom intempestif sur iOS Safari */
        height: 44px;
    }

    .auth-form-container .btn-block {
        height: 44px;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .auth-form-container h2.card-title {
        font-size: 1.45rem;
    }
}

@media (max-width: 576px) {
    .log-fields-bloc {
        padding: 1.5rem 1rem !important;
    }
}
/* !-- mise a jour de la vue d'authentification -- */