/********** Arabic Typography CSS **********/

/* ==========================================
   Arabic Font Family
   Black, Gold & White Theme
   ========================================== */

[dir="rtl"] * {
    font-family: 'Cairo', sans-serif !important;
}

[dir="rtl"] body {
    font-family: 'Cairo', sans-serif;
}

/* ==========================================
   Headings - Arabic Optimization
   ========================================== */

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
}

[dir="rtl"] h1 {
    line-height: 1.5;
}

[dir="rtl"] h2 {
    line-height: 1.5;
}

[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: 'Cairo', sans-serif;
    font-weight: 700;
    line-height: 1.4;
}

/* ==========================================
   Body Text - Arabic Optimization
   ========================================== */

[dir="rtl"] p {
    font-family: 'Cairo', sans-serif;
    line-height: 1.8;
    letter-spacing: 0;
}

[dir="rtl"] small {
    font-family: 'Cairo', sans-serif;
    line-height: 1.6;
}

[dir="rtl"] .lead {
    line-height: 1.8;
}

/* ==========================================
   Font Weight - Arabic Specific
   ========================================== */

[dir="rtl"] .fw-light {
    font-weight: 400 !important;
}

[dir="rtl"] .fw-normal {
    font-weight: 500 !important;
}

[dir="rtl"] .fw-medium {
    font-weight: 600 !important;
}

[dir="rtl"] .fw-bold {
    font-weight: 700 !important;
}

[dir="rtl"] .fw-black {
    font-weight: 900 !important;
}

/* ==========================================
   Navbar - Arabic Font
   ========================================== */

[dir="rtl"] .navbar-brand h2 {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}

[dir="rtl"] .navbar-nav .nav-link {
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
}

[dir="rtl"] .dropdown-item {
    font-family: 'Cairo', sans-serif;
    font-weight: 500;
}

/* ==========================================
   Buttons - Arabic Font
   ========================================== */

[dir="rtl"] .btn {
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
}

/* ==========================================
   Forms - Arabic Font
   ========================================== */

[dir="rtl"] .form-control,
[dir="rtl"] .form-select,
[dir="rtl"] .form-label,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    font-family: 'Cairo', sans-serif;
    line-height: 1.6;
}

[dir="rtl"] ::placeholder {
    font-family: 'Cairo', sans-serif;
    opacity: 0.6;
}

/* ==========================================
   Footer - Arabic Font
   ========================================== */

[dir="rtl"] .footer .btn.btn-link {
    font-family: 'Cairo', sans-serif;
    font-weight: 500;
}

[dir="rtl"] .footer h4,
[dir="rtl"] .footer h5 {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}

/* ==========================================
   Lists - Arabic Optimization
   ========================================== */

[dir="rtl"] ul,
[dir="rtl"] ol {
    line-height: 1.8;
}

[dir="rtl"] li {
    font-family: 'Cairo', sans-serif;
    line-height: 1.8;
}

/* ==========================================
   Tables - Arabic Font
   ========================================== */

[dir="rtl"] table {
    font-family: 'Cairo', sans-serif;
}

[dir="rtl"] .table th {
    font-weight: 700;
}

/* ==========================================
   Cards - Arabic Font
   ========================================== */

[dir="rtl"] .card-title {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}

[dir="rtl"] .card-text {
    font-family: 'Cairo', sans-serif;
    line-height: 1.8;
}

/* ==========================================
   Breadcrumb - Arabic Font
   ========================================== */

[dir="rtl"] .breadcrumb-item {
    font-family: 'Cairo', sans-serif;
}

/* ==========================================
   Alerts - Arabic Font
   ========================================== */

[dir="rtl"] .alert {
    font-family: 'Cairo', sans-serif;
    line-height: 1.7;
}

/* ==========================================
   Badges - Arabic Font
   ========================================== */

[dir="rtl"] .badge {
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
}

/* ==========================================
   Testimonials - Arabic Font
   ========================================== */

[dir="rtl"] .testimonial-text {
    font-family: 'Cairo', sans-serif;
    line-height: 1.8;
}

/* ==========================================
   Service Items - Arabic Font
   ========================================== */

[dir="rtl"] .service-item h5,
[dir="rtl"] .service-item p {
    font-family: 'Cairo', sans-serif;
}

/* ==========================================
   Portfolio - Arabic Font
   ========================================== */

[dir="rtl"] #portfolio-flters li {
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
}

/* ==========================================
   Section Titles - Arabic Specific
   ========================================== */

[dir="rtl"] .section-title h1 {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}

[dir="rtl"] .section-title p {
    font-family: 'Cairo', sans-serif;
    line-height: 1.8;
}

/* ==========================================
   Text Size Adjustments for Arabic
   ========================================== */

[dir="rtl"] h1 {
    font-size: calc(1.375rem + 1.5vw);
}

[dir="rtl"] h2 {
    font-size: calc(1.325rem + 0.9vw);
}

[dir="rtl"] h3 {
    font-size: calc(1.3rem + 0.6vw);
}

[dir="rtl"] h4 {
    font-size: calc(1.275rem + 0.3vw);
}

[dir="rtl"] h5 {
    font-size: 1.25rem;
}

[dir="rtl"] h6 {
    font-size: 1rem;
}

/* ==========================================
   Carousel Text - Arabic
   ========================================== */

[dir="rtl"] .header-carousel h1,
[dir="rtl"] .header-carousel h5,
[dir="rtl"] .header-carousel p {
    font-family: 'Cairo', sans-serif;
}

[dir="rtl"] .header-carousel h1 {
    line-height: 1.4;
}

[dir="rtl"] .header-carousel p {
    line-height: 1.8;
}

/* ==========================================
   Responsive Typography Adjustments
   ========================================== */

@media (max-width: 768px) {
    [dir="rtl"] h1 {
        font-size: 1.75rem;
        line-height: 1.4;
    }
    
    [dir="rtl"] h2 {
        font-size: 1.5rem;
        line-height: 1.4;
    }
    
    [dir="rtl"] p {
        font-size: 0.95rem;
        line-height: 1.7;
    }
    
    [dir="rtl"] .btn {
        font-size: 0.9rem;
    }
}

/* ==========================================
   Number Formatting - Arabic Numbers
   ========================================== */

[dir="rtl"] .arabic-numbers {
    font-feature-settings: "numr" 1;
}

/* Optional: Use Eastern Arabic numerals (٠١٢٣...) */
[dir="rtl"].arabic-numerals {
    font-variant-numeric: tabular-nums;
}

/* ==========================================
   Special Characters and Symbols
   ========================================== */

[dir="rtl"] .text-uppercase {
    text-transform: none;
}

/* ==========================================
   Line Height Global Adjustment
   ========================================== */

[dir="rtl"] body {
    line-height: 1.7;
}

/* ==========================================
   Smooth Font Rendering for Arabic
   ========================================== */

[dir="rtl"] * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ==========================================
   Gold Theme Color Integration
   ========================================== */

[dir="rtl"] .text-primary {
    color: #D4AF37 !important;
}

[dir="rtl"] .text-dark {
    color: #000000 !important;
}

[dir="rtl"] .text-light,
[dir="rtl"] .text-white {
    color: #FFFFFF !important;
}