/* Keep native Digits verification panels inside the Elwan presentation. */
.elwan-digits {
    --dprimary: #044167;
    --dtitle: #142b3a;
    --dfield_bg: #f7f9fb;
    --daccent: #ae8b39;
    --dform_bg: #fff;
    --dbutton_text: #fff;
    color: var(--elwan-ink);
    font-family: inherit;
    width: 100%;
}
.elwan-digits .digits-form_container,
.elwan-digits .digits-form_wrapper {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    font-family: inherit !important;
}
.elwan-digits form { margin: 0; padding: 0; border: 0; text-align: start; }
.elwan-digits .digits-form_heading { color: var(--elwan-primary); font-family: inherit; }
.elwan-digits form.digloginpage.digits_form_index_section .digits-form_heading,
.elwan-digits form.digits_register.digits_form_index_section .digits-form_heading { display: none; }
.elwan-digits .digits-form_input_row { margin-block: 0 18px; }
.elwan-digits .digits-form_input,
.elwan-digits .field_label { font-family: inherit; }
.elwan-digits label { color: var(--elwan-ink); font-weight: 600; }
.elwan-digits input:not([type="hidden"]):not([type="checkbox"]):not(.countrycode) {
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    margin: 0;
    border: 1px solid #c5d5df;
    border-radius: 10px;
    background: #f7f9fb;
    color: var(--elwan-ink);
    font-family: inherit;
}
.elwan-digits input:focus { outline: 2px solid #ae8b39; outline-offset: 2px; }
.elwan-digits .digits-mobile_wrapper {
    border: 1px solid #c5d5df;
    border-radius: 10px;
    background: #f7f9fb;
    direction: ltr;
}
.elwan-digits .digits-mobile_wrapper input { border: 0 !important; background: transparent !important; }
.elwan-digits .digits-form_button {
    width: 100%;
    min-height: 48px;
    border-radius: 10px;
    background: var(--elwan-primary);
    color: #fff;
    font-family: inherit;
    font-weight: 700;
}
.elwan-digits .digits-form_button:hover { background: var(--elwan-primary-hover); }
.elwan-digits .digits-form_tab-item { color: var(--elwan-muted); font-family: inherit; font-size: 15px; line-height: 1.5; opacity: .85; }
.elwan-digits .digits-tab_active { color: var(--elwan-primary); opacity: 1; }
.elwan-digits .elwan-register-name-row .form-row { float: none; width: auto; margin-block: 0 18px; }
.elwan-digits .digits-form_passwordless_login { background: #fff; color: var(--elwan-primary); border: 1px solid #c5d5df; }
.elwan-digits .digits_password_eye { color: var(--elwan-primary); }
.elwan-digits .dig_load_overlay { border-radius: 10px; }
.elwan-digits .digits-form_body { margin-block-end: 18px; }
/* Scope visibility to the provider's selected panel, including dynamically added OTP steps. */
.elwan-digits .digits-form_body_wrapper > .digits-form_tab_body { display: none !important; }
.elwan-digits .digits-form_body_wrapper > .digits-form_tab_body.digits-tab_active { display: block !important; visibility: visible; opacity: 1; }
.elwan-digits .digits-form_tab_body.digits-tab_active .digits-form_field_button { color: #044167; background: #f2f5f7; border: 1px solid #c5d5df; }
.elwan-digits .elwan-digits-recovery {
    display: block;
    margin: 18px 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--elwan-primary);
    font-family: inherit;
    text-align: start;
    cursor: pointer;
}
.elwan-digits form:not(.digits_form_index_section) .elwan-digits-recovery { display: none; }
.elwan-digits .elwan-login-identity { margin-block: 0 16px; }
.elwan-digits .elwan-login-identity input { direction: ltr; text-align: start; }
@media (max-width: 420px) {
    .elwan-digits .digits-form_tab-item { font-size: 14px; }
}

.elwan-digits .elwan-whatsapp-login { margin-block: 16px 0; background: #fff; color: #044167; border: 1px solid #c5d5df; }
.elwan-digits form:not(.digits_form_index_section) .elwan-whatsapp-login { display: none !important; }

/* Welcome points message in both signup and verification steps. */
.elwan-digits .wlr-signup-message {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 18px 0 8px;
    padding: 12px 16px;
    border: 1px solid #e4d5a9;
    border-radius: 10px;
    background: #fff9e9;
    color: #075078;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
}