.hidy-otp-login {
    clear: both;
    width: 100%;
    max-width: 420px;
    margin: 25px auto;
    padding: 26px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    background: var(--wd-main-bgcolor, #fff);
    direction: rtl;
}

.hidy-otp-login[hidden],
.hidy-otp-login [hidden] {
    display: none !important;
}

/* فرم‌های پیش‌فرض ورود، ثبت‌نام و بازیابی رمز در حالت OTP-only نمایش داده نمی‌شوند. */
body.woocommerce-account:not(.logged-in) .woocommerce .u-columns,
body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login,
body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-register,
body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-LostPassword,
body.woocommerce-account:not(.logged-in) .woocommerce .lost_password,
body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login-toggle,
body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register-toggle {
    display: none !important;
}

.hidy-otp-heading {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0 0 18px;
    text-align: center;
}

.hidy-otp-heading strong {
    color: var(--wd-title-color, #242424);
    font-size: 20px;
}

.hidy-otp-heading span {
    color: #777;
    font-size: 13px;
}

.hidy-otp-login label {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 600;
}

.hidy-otp-login input.hidy-otp-phone,
.hidy-otp-login input.hidy-otp-code {
    width: 100%;
    min-height: 42px;
    margin-bottom: 10px;
    box-sizing: border-box;
    direction: ltr;
    text-align: center;
    letter-spacing: .08em;
}

.hidy-otp-login .hidy-otp-send,
.hidy-otp-login .hidy-otp-verify {
    width: 100%;
    min-height: 42px;
}

.hidy-otp-phone-display {
    margin: 0 0 12px;
    color: #666;
    font-size: 13px;
}

.hidy-otp-resend-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.hidy-otp-resend-row .hidy-otp-resend {
    min-height: 34px;
    padding: 0 14px;
}

.hidy-otp-timer {
    color: #777;
    font-size: 12px;
}

.hidy-otp-back {
    display: inline-block;
    margin-top: 13px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
}

.hidy-otp-message {
    min-height: 20px;
    margin-top: 12px;
    padding: 0;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.6;
}

.hidy-otp-message.is-error,
.hidy-otp-message.is-success {
    padding: 8px 10px;
}

.hidy-otp-message.is-error {
    border: 1px solid #f3c6c6;
    background: #fff4f4;
    color: #a51d1d;
}

.hidy-otp-message.is-success {
    border: 1px solid #b9dfc0;
    background: #f1fbf3;
    color: #1d6a30;
}

.hidy-otp-login button[disabled] {
    cursor: not-allowed;
    opacity: .65;
}