/* Custom Styles for RTL and Better UI */
.usvd-container {
    text-align: right;
}

.usvd-modal-custom {
    /* تنظیم عرض مدال برای بهتر دیده شدن */
    max-width: 400px; 
    margin: 50px auto; 
    padding: 30px;
    border-radius: 8px;
}

.usvd-modal-custom .uk-modal-title {
    font-size: 1.5rem;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* RTL adjustments */
.uk-form-stacked .uk-form-label {
    text-align: right;
    margin-bottom: 5px;
    font-weight: 500;
}

.uk-input, .uk-button {
    text-align: right;
}

/* Adjustments for input with icon */
.uk-inline .uk-form-icon {
    left: auto;
    right: 5px;
}
.uk-inline input {
    padding-right: 30px !important;
    padding-left: 10px; 
}

/* Spinner adjustment */
.usvd-loader {
    margin-right: 5px;
    vertical-align: middle;
}

/* Message styling */
.usvd-message {
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: bold;
}

.usvd-message.uk-alert-danger {
    background-color: #fce4e4;
    color: #e57373;
    border: 1px solid #e57373;
}

.usvd-message.uk-alert-success {
    background-color: #e8f5e9;
    color: #81c784;
    border: 1px solid #81c784;
}

/* Step 3 Success Icon */
#usvd-step-3 .uk-icon {
    width: 6rem;
    height: 6rem;
    color: #4caf50 !important;
}