/* ==========================================================
   TECHNOED REGISTER OTP ORDER V4
   ========================================================== */

.te-wa-otp-stage-v4 {
    display: block;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 20px;
}

.te-wa-otp-stage-v4:empty {
    display: none;
}


/*
 * OTP input area
 */

.te-wa-otp-stage-v4 input {
    max-width: 100%;
}


/*
 * Secure Registration immediately follows OTP.
 */

.te-wa-otp-stage-v4 + .te-secure-registration-v3 {
    margin-top: 12px !important;
}


/*
 * Terms remain visually at the bottom.
 */

.te-terms-v3 {
    margin-top: 18px !important;
    margin-bottom: 8px !important;
}


/*
 * Keep resend countdown as plain text.
 */

.te-wa-otp-stage-v4 .te-wa-resend {
    display: block !important;
    width: fit-content !important;
    max-width: 240px !important;

    padding: 3px 0 !important;
    margin-top: 10px !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


/*
 * Countdown active = blue
 */

.te-wa-otp-stage-v4
.te-wa-resend-counting {
    color: #2563eb !important;
}


/*
 * Resend ready = green + clickable
 */

.te-wa-otp-stage-v4
.te-wa-resend-ready:not(:disabled) {
    color: #16a34a !important;
    cursor: pointer !important;
}


/*
 * Mobile
 */

@media (max-width: 767.98px) {

    .te-wa-otp-stage-v4 {
        margin-top: 15px;
        margin-bottom: 18px;
    }

    .te-wa-otp-stage-v4
    .te-wa-verify-otp {
        width: 100% !important;
        max-width: 100% !important;
    }

}