/* AI Article Writer - RTL (Right-to-Left) Styles for Arabic */

/* General RTL Adjustments */
body.rtl .ai-writer-container,
body[dir="rtl"] .ai-writer-container,
.rtl .ai-writer-container {
    direction: rtl;
    text-align: right;
}

/* Settings Page RTL */
body.rtl .ai-settings-wrap,
body[dir="rtl"] .ai-settings-wrap,
.rtl .ai-settings-wrap {
    direction: rtl;
}

body.rtl .ai-header-content,
body[dir="rtl"] .ai-header-content,
.rtl .ai-header-content {
    direction: rtl;
}

body.rtl .ai-header-icon,
body[dir="rtl"] .ai-header-icon,
.rtl .ai-header-icon {
    margin-right: 0;
    margin-left: 25px;
}

body.rtl .ai-header-text,
body[dir="rtl"] .ai-header-text,
.rtl .ai-header-text {
    text-align: right;
}

/* Form Elements RTL */
body.rtl .ai-label i,
body[dir="rtl"] .ai-label i,
.rtl .ai-label i {
    margin-right: 0;
    margin-left: 8px;
}

body.rtl .ai-tip-icon,
body[dir="rtl"] .ai-tip-icon,
.rtl .ai-tip-icon {
    margin-right: 0;
    margin-left: 15px;
}

/* Toggle Switch RTL */
body.rtl .ai-toggle-label,
body[dir="rtl"] .ai-toggle-label,
.rtl .ai-toggle-label {
    flex-direction: row-reverse;
}

/* Section Headers RTL */
body.rtl .ai-section-title i,
body[dir="rtl"] .ai-section-title i,
.rtl .ai-section-title i {
    margin-right: 0;
    margin-left: 8px;
}

/* Editor Integration RTL */
body.rtl .ai-writer-container .bi,
body[dir="rtl"] .ai-writer-container .bi,
.rtl .ai-writer-container .bi {
    margin-right: 0;
    margin-left: 8px;
}

body.rtl .ai-writer-container .me-1,
body[dir="rtl"] .ai-writer-container .me-1,
.rtl .ai-writer-container .me-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

body.rtl .ai-writer-container .me-2,
body[dir="rtl"] .ai-writer-container .me-2,
.rtl .ai-writer-container .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

body.rtl .ai-writer-container .me-3,
body[dir="rtl"] .ai-writer-container .me-3,
.rtl .ai-writer-container .me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

/* Bootstrap Icons RTL Adjustments */
body.rtl .bi-gear,
body[dir="rtl"] .bi-gear,
.rtl .bi-gear {
    transform: scaleX(-1);
}

body.rtl .bi-arrow-left,
body[dir="rtl"] .bi-arrow-left,
.rtl .bi-arrow-left::before {
    content: "\f138"; /* arrow-right */
}

body.rtl .bi-arrow-right,
body[dir="rtl"] .bi-arrow-right,
.rtl .bi-arrow-right::before {
    content: "\f137"; /* arrow-left */
}

/* Buttons RTL */
body.rtl .ai-btn i,
body[dir="rtl"] .ai-btn i,
.rtl .ai-btn i {
    margin-right: 0;
    margin-left: 8px;
}

/* Alert and Notification RTL */
body.rtl .alert i,
body[dir="rtl"] .alert i,
.rtl .alert i {
    margin-right: 0;
    margin-left: 8px;
}

/* Frontend Box RTL */
body.rtl .ai-summary-box,
body[dir="rtl"] .ai-summary-box,
.rtl .ai-summary-box {
    direction: rtl;
    text-align: right;
}

body.rtl .ai-summary-box .bi,
body[dir="rtl"] .ai-summary-box .bi,
.rtl .ai-summary-box .bi {
    margin-right: 0;
    margin-left: 8px;
}

/* Loading Spinner RTL */
body.rtl .ai-spinner,
body[dir="rtl"] .ai-spinner,
.rtl .ai-spinner {
    animation: ai-spin-rtl 1s linear infinite;
}

@keyframes ai-spin-rtl {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

/* Text Alignment for Arabic Content */
body.rtl .ai-section-content,
body[dir="rtl"] .ai-section-content,
.rtl .ai-section-content {
    text-align: right;
}

body.rtl .ai-textarea,
body[dir="rtl"] .ai-textarea,
.rtl .ai-textarea {
    text-align: right;
    direction: rtl;
}

body.rtl .ai-input,
body[dir="rtl"] .ai-input,
.rtl .ai-input {
    text-align: right;
    direction: rtl;
}

/* Responsive RTL Adjustments */
@media (max-width: 768px) {
    body.rtl .ai-header-content,
    body[dir="rtl"] .ai-header-content,
    .rtl .ai-header-content {
        text-align: center;
    }
    
    body.rtl .ai-header-icon,
    body[dir="rtl"] .ai-header-icon,
    .rtl .ai-header-icon {
        margin-left: 0;
        margin-bottom: 20px;
    }
}

/* WordPress Admin RTL Compatibility */
.rtl #wpbody-content .ai-writer-container {
    direction: rtl;
}

.rtl .postbox .ai-writer-container {
    direction: rtl;
}

/* Gutenberg Editor RTL */
.block-editor-page .rtl .ai-writer-container {
    direction: rtl;
}

/* Classic Editor RTL */
.wp-admin.rtl .ai-writer-container {
    direction: rtl;
}

/* Fix for Bootstrap RTL conflicts */
body.rtl .ai-writer-container .row,
body[dir="rtl"] .ai-writer-container .row,
.rtl .ai-writer-container .row {
    direction: ltr; /* Keep Bootstrap grid LTR */
}

body.rtl .ai-writer-container .col-md-6,
body[dir="rtl"] .ai-writer-container .col-md-6,
.rtl .ai-writer-container .col-md-6 {
    direction: rtl; /* But content RTL */
}

/* Arabic Font Improvements */
body.rtl .ai-writer-container,
body[dir="rtl"] .ai-writer-container,
.rtl .ai-writer-container {
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* Placeholder text RTL */
body.rtl .ai-textarea::placeholder,
body[dir="rtl"] .ai-textarea::placeholder,
.rtl .ai-textarea::placeholder {
    text-align: right;
    direction: rtl;
}

body.rtl .ai-input::placeholder,
body[dir="rtl"] .ai-input::placeholder,
.rtl .ai-input::placeholder {
    text-align: right;
    direction: rtl;
}

/* Settings page specific RTL fixes */
body.rtl .ai-settings-header::before,
body[dir="rtl"] .ai-settings-header::before,
.rtl .ai-settings-header::before {
    right: auto;
    left: -50%;
}

/* Help text RTL */
body.rtl .ai-help-text,
body[dir="rtl"] .ai-help-text,
.rtl .ai-help-text {
    text-align: right;
    direction: rtl;
}

body.rtl .ai-help-text i,
body[dir="rtl"] .ai-help-text i,
.rtl .ai-help-text i {
    margin-right: 0;
    margin-left: 4px;
}