/* Arabic Font */
@font-face {
    font-family: 'Tajawal';
    src: url('assets/Font_ar/Tajawal-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('assets/Font_ar/Tajawal-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('assets/Font_ar/Tajawal-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('assets/Font_ar/Tajawal-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Arabic RTL Styles */
[dir="rtl"] {
    text-align: right;
}

[dir="rtl"] .navbar .container {
    flex-direction: row-reverse;
}

[dir="rtl"] .nav-menu {
    flex-direction: row-reverse;
}

[dir="rtl"] .hero-content {
    direction: rtl;
}

[dir="rtl"] .hero-buttons {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

[dir="rtl"] .services-grid,
[dir="rtl"] .features-grid {
    direction: rtl;
}

[dir="rtl"] .contact-grid {
    direction: rtl;
}

[dir="rtl"] .footer-content {
    direction: rtl;
}

[dir="rtl"] .footer-bottom {
    flex-direction: row-reverse;
}

[dir="rtl"] .social-links {
    flex-direction: row-reverse;
}

[dir="rtl"] .app-buttons {
    flex-direction: row-reverse;
}

/* Arabic Typography */
[dir="rtl"] {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

[dir="rtl"] .hero-text h1 {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
}

[dir="rtl"] .section-title {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
}

[dir="rtl"] .service-card h3 {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
}

[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] div,
[dir="rtl"] li,
[dir="rtl"] a {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

[dir="rtl"] .btn {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
}

[dir="rtl"] .nav-link {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
}

/* Language Switch for Arabic version */
[dir="rtl"] .language-switch {
    display: block;
    margin-left: 2rem;
}

/* Mobile RTL adjustments */
@media screen and (max-width: 768px) {
    [dir="rtl"] .nav-menu {
        right: -100%;
        left: auto;
        text-align: center;
    }

    [dir="rtl"] .nav-menu.active {
        right: 0;
        left: auto;
    }

    [dir="rtl"] .nav-menu li {
        text-align: center !important;
        margin: 0.3rem 0 !important;
        padding: 0.2rem 1rem !important;
    }

    [dir="rtl"] .nav-menu .nav-link {
        text-align: center !important;
        display: block !important;
        padding: 0.6rem 1rem !important;
        border-radius: 8px !important;
        font-size: 0.95rem !important;
        margin: 0 !important;
    }

    [dir="rtl"] .language-switch {
        position: static !important;
        order: 2 !important;
        flex: 0 !important;
        margin: 0 10px !important;
        transform: none !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        z-index: 1001 !important;
    }

    [dir="rtl"] .hero-buttons {
        justify-content: center;
    }

    [dir="rtl"] .app-buttons {
        flex-direction: column;
    }
}

/* Arabic text improvements */
[dir="rtl"] p,
[dir="rtl"] li {
    line-height: 1.8;
    letter-spacing: 0.02em;
}

[dir="rtl"] .hero-description {
    line-height: 1.9;
}

/* Fix for Arabic punctuation */
[dir="rtl"] .service-areas strong::after {
    content: ":";
    margin-left: 0.5em;
}