/* psResetPassByOTP — minimal overrides on top of Bootstrap 4 / Lagom 2.
 *
 * Core look (buttons, modal, form-control, alerts) is delegated to the host
 * theme. We only add: trigger placement, step show/hide, OTP code input
 * styling, and RTL-aware spacing for the modal.
 */

.psotp-trigger-row { margin-top: 14px; }

.psotp-trigger-btn { font-weight: 500; }
.psotp-trigger-btn i { margin-left: 6px; }

/* Step visibility — host theme has no concept of these. */
.psotp-modal .psotp-step              { display: none; }
.psotp-modal .psotp-step.is-active    { display: block; }

/* OTP code input — bigger, spaced characters for readability. */
.psotp-modal .psotp-code-input {
    font-size: 20px;
    letter-spacing: 6px;
    font-weight: 600;
}

/* Lagom uses RTL on the html element when the language is Persian; ensure the
 * close button is on the correct side and the footer's button order works. */
.psotp-modal[dir="rtl"] .modal-header .close { margin-left: -1rem; margin-right: auto; }
.psotp-modal[dir="rtl"] .modal-footer        { flex-direction: row-reverse; }
.psotp-modal[dir="rtl"] .modal-footer > :not(:first-child) { margin-right: .25rem; margin-left: 0; }
.psotp-modal[dir="rtl"] .modal-footer > :not(:last-child)  { margin-left: 0; }

/* Tighten alert margin inside the body. */
.psotp-modal .modal-body .alert { margin-bottom: 1rem; }

/* Resend cooldown text — visually quieter. */
.psotp-modal [data-action="resend"][disabled] { opacity: .65; cursor: not-allowed; }