/**
 * SG Contact Form RTL Styles
 * Arabic Language Support
 */

/* Main container RTL adjustments */
.sg-contact-form-container[dir="rtl"],
.sg-service-form-container[dir="rtl"] {
    direction: rtl;
    text-align: right;
    font-family: 'Satoshi Variable', 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif;
}

/* Typography for Arabic */
.sg-contact-form-container[dir="rtl"] *,
.sg-service-form-container[dir="rtl"] * {
    font-family: 'Satoshi Variable', 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif;
}

/* Header RTL */
.sg-service-form-container[dir="rtl"] .sg-service-form-title {
    text-align: right;
}

/* Input fields RTL */
.sg-contact-form-container[dir="rtl"] .sg-input-label,
.sg-service-form-container[dir="rtl"] .sg-input-label {
    right: 0;
    left: auto;
    text-align: right;
    transform-origin: right center;
}

.sg-contact-form-container[dir="rtl"] .sg-input,
.sg-service-form-container[dir="rtl"] .sg-input {
    text-align: right;
    padding-right: 0;
    padding-left: 12px;
    direction: rtl;
}

.sg-contact-form-container[dir="rtl"] .sg-textarea,
.sg-service-form-container[dir="rtl"] .sg-textarea {
    text-align: right;
    direction: rtl;
}

/* Select arrow position for RTL */
.sg-service-form-container[dir="rtl"] .sg-select-arrow {
    right: auto;
    left: 0;
}

.sg-service-form-container[dir="rtl"] .sg-select-options {
    text-align: right;
}

.sg-service-form-container[dir="rtl"] .sg-select-option {
    text-align: right;
    padding-right: 12px;
    padding-left: 0;
}

/* File upload RTL */
.sg-contact-form-container[dir="rtl"] .sg-file-upload-action {
    text-align: right;
    direction: rtl;
}

.sg-contact-form-container[dir="rtl"] .sg-file-upload-button {
    margin-left: 8px;
    margin-right: 0;
}

.sg-contact-form-container[dir="rtl"] .sg-file-upload-text {
    text-align: right;
}

.sg-contact-form-container[dir="rtl"] .sg-file-upload-helper {
    text-align: center;
}

/* File preview RTL */
.sg-contact-form-container[dir="rtl"] .sg-file-preview-item {
    text-align: right;
    direction: rtl;
}

.sg-contact-form-container[dir="rtl"] .sg-file-preview-content {
    margin-right: 0;
    margin-left: 12px;
    direction: rtl;
}

.sg-contact-form-container[dir="rtl"] .sg-file-preview-delete {
    right: auto;
    left: 8px;
}

.sg-contact-form-container[dir="rtl"] .sg-file-preview-name,
.sg-contact-form-container[dir="rtl"] .sg-file-preview-size {
    text-align: right;
}

.sg-contact-form-container[dir="rtl"] .sg-file-preview-percentage {
    text-align: left;
}

/* Button alignment RTL */
.sg-contact-form-container[dir="rtl"] .sg-contact-form-submit-wrap,
.sg-service-form-container[dir="rtl"] .sg-service-form-submit-wrap {
    text-align: right;
    justify-content: flex-end;
}

/* Notification RTL */
.sg-contact-form-container[dir="rtl"] .sg-contact-form-notification,
.sg-service-form-container[dir="rtl"] .sg-service-form-notification {
    text-align: right;
    direction: rtl;
}

.sg-contact-form-container[dir="rtl"] .sg-notification-icon,
.sg-service-form-container[dir="rtl"] .sg-notification-icon {
    margin-left: 12px;
    margin-right: 0;
    order: 2;
}

.sg-contact-form-container[dir="rtl"] .sg-notification-content,
.sg-service-form-container[dir="rtl"] .sg-notification-content {
    order: 1;
    text-align: right;
}

.sg-contact-form-container[dir="rtl"] .sg-notification-text,
.sg-service-form-container[dir="rtl"] .sg-notification-text {
    text-align: right;
}

/* Form rows RTL */
.sg-contact-form-container[dir="rtl"] .sg-contact-form-row,
.sg-service-form-container[dir="rtl"] .sg-service-form-row {
    direction: rtl;
}

/* Additional file upload RTL */
.sg-contact-form-container[dir="rtl"] .sg-additional-file-upload {
    direction: rtl;
    text-align: right;
}

.sg-contact-form-container[dir="rtl"] .sg-additional-file-upload .sg-file-upload-action {
    direction: rtl;
}

/* Progress bar RTL adjustments */
.sg-contact-form-container[dir="rtl"] .sg-file-preview-progress {
    direction: ltr; /* Keep progress bar LTR for visual consistency */
}

/* Responsive RTL adjustments */
@media (max-width: 768px) {
    .sg-contact-form-container[dir="rtl"] .sg-contact-form-row,
    .sg-service-form-container[dir="rtl"] .sg-service-form-row {
        flex-direction: column;
    }
    
    .sg-contact-form-container[dir="rtl"] .sg-contact-form-input-wrap,
    .sg-service-form-container[dir="rtl"] .sg-service-form-input-wrap {
        margin-left: 0;
        margin-right: 0;
    }
}