/* Custom CSS */

/* Arabic Text Support with Better Font Fallbacks */
.arabic-text {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
    font-family: 'Noto Sans Arabic', 'Noto Naskh Arabic', 'Amiri', 'Scheherazade New', 'Arabic Typesetting', 'Traditional Arabic', 'Tahoma', 'Arial Unicode MS', 'Microsoft Sans Serif', serif;
    font-size: 1.1em;
    line-height: 1.8;
    font-feature-settings: "liga" 1, "calt" 1, "ccmp" 1;
    -webkit-font-feature-settings: "liga" 1, "calt" 1, "ccmp" 1;
    text-rendering: optimizeLegibility;
}

/* Mixed content support */
.mixed-content {
    direction: ltr;
    unicode-bidi: embed;
}

.mixed-content .arabic-text {
    direction: rtl;
    unicode-bidi: embed;
    display: inline-block;
    text-align: right;
    font-family: 'Noto Sans Arabic', 'Noto Naskh Arabic', 'Amiri', 'Scheherazade New', 'Arabic Typesetting', 'Traditional Arabic', 'Tahoma', 'Arial Unicode MS', 'Microsoft Sans Serif', serif;
}

/* Document upload styles */
.document-upload-area {
    border: 2px dashed #cbd5e0;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.document-upload-area:hover {
    border-color: #4299e1;
    background-color: #f7fafc;
}

.document-upload-area.dragover {
    border-color: #3182ce;
    background-color: #ebf8ff;
}

/* TinyMCE custom styles for article content */
.mce-content-body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, 'Arabic Typesetting', 'Traditional Arabic';
    line-height: 1.6;
}

.mce-content-body .arabic-text {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
    font-family: 'Noto Sans Arabic', 'Noto Naskh Arabic', 'Amiri', 'Scheherazade New', 'Arabic Typesetting', 'Traditional Arabic', 'Tahoma', 'Arial Unicode MS', 'Microsoft Sans Serif', serif;
    font-size: 1.1em;
    line-height: 1.8;
    display: inline-block;
    font-feature-settings: "liga" 1, "calt" 1, "ccmp" 1;
    -webkit-font-feature-settings: "liga" 1, "calt" 1, "ccmp" 1;
    text-rendering: optimizeLegibility;
}

/* Copy-paste improvements */
.paste-area {
    unicode-bidi: plaintext;
    direction: ltr;
}

/* Loading animation */
.loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255,255,255,.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}