/* Responsive passwordless login layout for ODYOFLIX Email OTP. */

.auth-odyoemailotp-shell {
    width: 100%;
    max-width: 680px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.auth-odyoemailotp-card {
    width: 100%;
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
}

.auth-odyoemailotp-cardbody {
    padding: 2.5rem;
}

.auth-odyoemailotp-title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}

.auth-odyoemailotp-intro {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.75rem;
}

.auth-odyoemailotp-card .form-label {
    font-weight: 600;
    margin-bottom: .55rem;
}

.auth-odyoemailotp-card .form-control {
    min-height: 3.35rem;
    border-radius: .75rem;
    padding: .75rem 1rem;
}

.auth-odyoemailotp-card .btn {
    min-height: 3.2rem;
    border-radius: .75rem;
    padding: .75rem 1rem;
    font-weight: 600;
    white-space: normal;
}

.auth-odyoemailotp-code {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: .6rem;
    padding-left: 1.6rem !important;
}

.auth-odyoemailotp-card .alert {
    border-radius: .75rem;
    margin-bottom: 1.25rem;
}

@media (max-width: 575.98px) {
    .auth-odyoemailotp-shell {
        margin: 1rem auto;
        padding: 0 .75rem;
    }

    .auth-odyoemailotp-cardbody {
        padding: 1.5rem;
    }

    .auth-odyoemailotp-title {
        font-size: 1.45rem;
    }

    .auth-odyoemailotp-actions {
        flex-direction: column;
    }

    .auth-odyoemailotp-code {
        font-size: 1.55rem;
        letter-spacing: .35rem;
        padding-left: 1.15rem !important;
    }
}

@media (min-width: 992px) {
    .auth-odyoemailotp-shell {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}

.auth-odyoemailotp-card .btn[disabled] {
    cursor: not-allowed;
    opacity: .65;
}