/* Arabic Typography - Global Styles */
/* Modern Arabic fonts that match English design aesthetics */

/* Base Arabic Typography */
[dir="rtl"] body {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

/* Headings - Bold and Modern */
[dir="rtl"] h1 {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', cursive;
    font-weight: 800;
}

[dir="rtl"] h2 {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 700;
}

[dir="rtl"] h3 {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 700;
}

[dir="rtl"] h4 {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 600;
}

[dir="rtl"] h5 {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 600;
}

[dir="rtl"] h6 {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 500;
}

/* Paragraphs and Text */
[dir="rtl"] p {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}

[dir="rtl"] .lead {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 500;
}

/* Buttons and Interactive Elements */
[dir="rtl"] .btn,
[dir="rtl"] button,
[dir="rtl"] .button {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 600;
}

[dir="rtl"] .btn-primary {
    font-weight: 700;
}

/* Navigation and Menu Items */
[dir="rtl"] .nav-link,
[dir="rtl"] .navbar-nav .nav-link {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 500;
}

[dir="rtl"] .navbar-brand {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 700;
}

/* Cards and Content Blocks */
[dir="rtl"] .card-title {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 700;
}

[dir="rtl"] .card-text {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

/* Forms */
[dir="rtl"] .form-label,
[dir="rtl"] label {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 500;
}

[dir="rtl"] .form-control,
[dir="rtl"] .form-select,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

[dir="rtl"] .form-control::placeholder,
[dir="rtl"] input::placeholder,
[dir="rtl"] textarea::placeholder {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 300;
}

/* Tables */
[dir="rtl"] .table th {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 600;
}

[dir="rtl"] .table td {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

/* Alerts and Messages */
[dir="rtl"] .alert {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

[dir="rtl"] .alert-heading {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 600;
}

/* Badges and Labels */
[dir="rtl"] .badge {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 500;
}

/* Breadcrumbs */
[dir="rtl"] .breadcrumb {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

/* Pagination */
[dir="rtl"] .page-link {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 500;
}

/* Dropdowns */
[dir="rtl"] .dropdown-item {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

/* Tooltips and Popovers */
[dir="rtl"] .tooltip {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

[dir="rtl"] .popover {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

/* Modal */
[dir="rtl"] .modal-title {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 700;
}

[dir="rtl"] .modal-body {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

/* Lists */
[dir="rtl"] .list-group-item {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

/* Specific Website Components */
[dir="rtl"] .hero-title {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', cursive;
    font-weight: 800;
}

[dir="rtl"] .hero-description {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 500;
}

[dir="rtl"] .hero-cta-button {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 700;
}

/* Footer */
[dir="rtl"] .footer {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 400;
}

[dir="rtl"] .footer h5 {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 700;
}

/* Special Text Classes */
[dir="rtl"] .display-1,
[dir="rtl"] .display-2,
[dir="rtl"] .display-3,
[dir="rtl"] .display-4,
[dir="rtl"] .display-5,
[dir="rtl"] .display-6 {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 800;
}

[dir="rtl"] .text-muted {
    font-family: 'Tajawal', 'Almarai', 'Arabic Typesetting Regular', sans-serif;
    font-weight: 300;
}

/* Responsive Typography Adjustments */
@media (max-width: 768px) {
    [dir="rtl"] h1 {
        font-weight: 700; /* Slightly lighter on mobile for readability */
    }

    [dir="rtl"] .hero-title {
        font-weight: 700;
    }
}

@media (max-width: 480px) {
    [dir="rtl"] h1 {
        font-weight: 600;
    }

    [dir="rtl"] .hero-title {
        font-weight: 600;
    }
}