/*
RTL (Right-to-Left) CSS Support
For Arabic and other RTL languages
*/

/* RTL Article Styling */
article[dir="rtl"], 
.rtl-content,
.rtl-content *,
article[dir="rtl"] * {
    direction: rtl;
    text-align: right;
    font-family: 'Amiri', 'Noto Sans Arabic', 'Traditional Arabic', serif !important;
}

/* RTL Headers */
article[dir="rtl"] h1,
article[dir="rtl"] h2,
article[dir="rtl"] h3,
article[dir="rtl"] h4,
.rtl-content h1,
.rtl-content h2,
.rtl-content h3,
.rtl-content h4 {
    text-align: right;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

/* RTL Paragraphs */
article[dir="rtl"] p,
.rtl-content p {
    text-align: right;
    line-height: 1.8;
    margin-bottom: 1rem;
}

/* RTL Lists */
article[dir="rtl"] ul,
article[dir="rtl"] ol,
.rtl-content ul,
.rtl-content ol {
    text-align: right;
    padding-right: 2rem;
    padding-left: 0;
}

article[dir="rtl"] li,
.rtl-content li {
    text-align: right;
    margin-bottom: 0.25rem;
}

/* RTL Links */
article[dir="rtl"] a,
.rtl-content a {
    color: #0066cc;
    text-decoration: none;
}

article[dir="rtl"] a:hover,
.rtl-content a:hover {
    text-decoration: underline;
}

/* RTL Emphasis */
article[dir="rtl"] em,
article[dir="rtl"] strong,
.rtl-content em,
.rtl-content strong {
    font-weight: bold;
    font-family: 'Amiri', 'Noto Sans Arabic', 'Traditional Arabic', serif !important;
}

/* Ensure ALL Arabic text elements use consistent font */
.rtl-content h1, .rtl-content h2, .rtl-content h3, .rtl-content h4, .rtl-content h5, .rtl-content h6,
.rtl-content p, .rtl-content span, .rtl-content div, .rtl-content li, .rtl-content ul, .rtl-content ol,
.rtl-content strong, .rtl-content em, .rtl-content b, .rtl-content i,
article[dir="rtl"] h1, article[dir="rtl"] h2, article[dir="rtl"] h3, article[dir="rtl"] h4, article[dir="rtl"] h5, article[dir="rtl"] h6,
article[dir="rtl"] p, article[dir="rtl"] span, article[dir="rtl"] div, article[dir="rtl"] li, article[dir="rtl"] ul, article[dir="rtl"] ol,
article[dir="rtl"] strong, article[dir="rtl"] em, article[dir="rtl"] b, article[dir="rtl"] i {
    font-family: 'Amiri', 'Noto Sans Arabic', 'Traditional Arabic', serif !important;
}

/* RTL Card Support */
.card.rtl-card {
    direction: rtl;
    text-align: right;
}

.card.rtl-card .card-title {
    text-align: right;
}

.card.rtl-card .card-text {
    text-align: right;
    line-height: 1.7;
}

/* RTL Button Support */
.btn.rtl-btn {
    direction: rtl;
}

/* RTL Form Support */
.form-control.rtl-input {
    direction: rtl;
    text-align: right;
}

.form-label.rtl-label {
    text-align: right;
    display: block;
}

/* Arabic Font Loading */
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;700&display=swap');

/* RTL Navigation */
.rtl-nav {
    direction: rtl;
}

.rtl-nav .nav-link {
    text-align: right;
}

/* RTL Table Support */
.table.rtl-table {
    direction: rtl;
}

.table.rtl-table th,
.table.rtl-table td {
    text-align: right;
}

/* RTL Modal Support */
.modal.rtl-modal .modal-content {
    direction: rtl;
    text-align: right;
}

.modal.rtl-modal .modal-title {
    text-align: right;
}

.modal.rtl-modal .modal-body {
    text-align: right;
}

/* RTL Alert Support */
.alert.rtl-alert {
    direction: rtl;
    text-align: right;
}

/* Responsive RTL */
@media (max-width: 768px) {
    article[dir="rtl"],
    .rtl-content {
        font-size: 1rem;
        line-height: 1.6;
    }
    
    article[dir="rtl"] h2,
    .rtl-content h2 {
        font-size: 1.5rem;
    }
    
    article[dir="rtl"] h3,
    .rtl-content h3 {
        font-size: 1.25rem;
    }
}

/* Focus Button RTL Support */
.focus-buttons.rtl-buttons {
    direction: rtl;
}

.focus-buttons.rtl-buttons .btn {
    margin-left: 0.25rem;
    margin-right: 0;
}

/* Dashboard RTL Support */
.dashboard-card.rtl-card .card-header {
    text-align: right;
}

.dashboard-card.rtl-card .card-body {
    text-align: right;
}