/* OTP Form Styles */

.rz-otp-field,
.rz-login-otp-field,
.rz-checkout-otp-field {
    display: none;
}

.rz-phone-input,
.rz-login-phone-input,
.rz-checkout-phone-input {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.rz-otp-registration .form-row,
.rz-otp-login .form-row,
.rz-otp-checkout .form-row {
    margin-bottom: 15px;
}

.rz-otp-registration label,
.rz-otp-login label,
.rz-otp-checkout label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
}

.rz-otp-registration .input-text,
.rz-otp-login .input-text,
.rz-otp-checkout .input-text {
    width: calc(100% - 110px);
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.rz-otp-registration select,
.rz-otp-login select,
.rz-otp-checkout select {
    width: 100px !important; 
    padding: 10px; 
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 10px;
}

.rz-otp-registration button,
.rz-otp-login button,
.rz-otp-checkout button {
    background: #0073aa;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}

.rz-otp-registration button:hover,
.rz-otp-login button:hover,
.rz-otp-checkout button:hover {
    background: #005a87;
}

.rz-otp-registration button:disabled,
.rz-otp-login button:disabled,
.rz-otp-checkout button:disabled {
    background: #ccc;
    cursor: not-allowed;
}



/* Message styles */
.woocommerce-message {
    color: #0073aa;
    background: #f0f6fc;
    border: 1px solid #0073aa;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0;
    font-size: 14px;
}

.woocommerce-error {
    color: #dc3232;
    background: #fcf0f1;
    border: 1px solid #dc3232;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0;
    font-size: 14px;
}

.woocommerce-info {
    color: #00a0d2;
    background: #f7fcfe;
    border: 1px solid #00a0d2;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0;
    font-size: 14px;
}

/* Responsive design */
@media (max-width: 768px) {
    .rz-otp-registration > .form-row > div,
    .rz-otp-login > .form-row > div,
    .rz-otp-checkout > .form-row > div {
        flex-direction: column;
    }
}