/**
 * Woo Hdayakom RTL Frontend Styles
 * For Arabic and RTL languages
 */

/* RTL Direction */
.woo-hdayakom-form {
    direction: rtl;
    text-align: right;
}

/* Form Controls RTL */
.woo-hdayakom-form .form-control {
    text-align: right;
    direction: rtl;
}

/* Select Dropdown RTL */
.woo-hdayakom-form select.form-control {
    background-position: left 12px center;
    padding-left: 40px;
    padding-right: 15px;
}

/* Radio and Checkbox RTL */
.form-check {
    flex-direction: row-reverse;
    text-align: right;
}

.form-check-input {
    margin-left: 10px;
    margin-right: 0;
}

/* File Upload RTL */
.uploaded-file {
    flex-direction: row-reverse;
    text-align: right;
}

.file-name {
    text-align: right;
}

/* Progress Bar RTL */
.progress-fill {
    direction: rtl;
}

/* Buttons RTL */
.woo-hdayakom-form .btn {
    direction: rtl;
}

/* Error and Success Messages RTL */
.error-message,
.success-message {
    text-align: right;
    direction: rtl;
}

/* Loading Spinner RTL */
.loading-spinner {
    margin-left: 8px;
    margin-right: 0;
}

/* Form Labels RTL */
.woo-hdayakom-field label {
    text-align: right;
}

/* Required Field Indicator RTL */
.woo-hdayakom-field label.required::after {
    content: ' *';
    color: #e74c3c;
    font-weight: bold;
}

/* Placeholder RTL */
.woo-hdayakom-form .form-control::placeholder {
    text-align: right;
    direction: rtl;
}

/* Date Input RTL */
.woo-hdayakom-form input[type="date"].form-control {
    direction: rtl;
}

/* Textarea RTL */
.woo-hdayakom-form textarea.form-control {
    direction: rtl;
    text-align: right;
}

/* File Input RTL */
.file-input {
    direction: rtl;
    text-align: center;
}

/* Remove File Button RTL */
.remove-file {
    direction: rtl;
}

/* Form Container RTL */
.woo-hdayakom-form-container h3 {
    text-align: right;
}

.woo-hdayakom-form-container p {
    text-align: right;
}

/* Field Help Text RTL */
.form-text {
    text-align: right;
    direction: rtl;
}

/* Responsive RTL */
@media (max-width: 768px) {
    .uploaded-file {
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
    }
    
    .remove-file {
        align-self: flex-start;
    }
    
    .form-check {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
}

/* Dark Mode RTL */
@media (prefers-color-scheme: dark) {
    .woo-hdayakom-form {
        direction: rtl;
        text-align: right;
    }
    
    .woo-hdayakom-form .form-control {
        direction: rtl;
        text-align: right;
    }
    
    .woo-hdayakom-form .form-control::placeholder {
        direction: rtl;
        text-align: right;
    }
}