/* ==================== Arabic Font ==================== */
@font-face {
    font-family: 'TrueArabic';
    src: url('../Fonts/TrueArabic-Font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* ==================== arrdish RTL Overrides ==================== */
html[lang="ar"] {
    direction: rtl;
    scroll-behavior: smooth;
}

html[lang="ar"] body {
    font-family: 'TrueArabic', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Force RTL on all text elements */
html[lang="ar"] body,
html[lang="ar"] p,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] span,
html[lang="ar"] a,
html[lang="ar"] li,
html[lang="ar"] .card-desc,
html[lang="ar"] .service-desc,
html[lang="ar"] .demo-info p,
html[lang="ar"] .demo-info h3 {
    direction: rtl;
    unicode-bidi: embed;
}

/* Mobile nav slides from left instead of right */
html[lang="ar"] .mobile-nav {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid var(--border);
    transform: translateX(-110%);
}

html[lang="ar"] .mobile-nav.active {
    transform: translateX(0);
}

html[lang="ar"] .mobile-nav a {
    text-align: right;
}

/* Language dropdown opens to the left */
html[lang="ar"] .lang-dropdown {
    right: auto;
    left: 0;
}

/* Demo carousel stays LTR so it works */
html[lang="ar"] .demo-carousel-wrapper {
    direction: ltr;
}

/* Contact Page RTL Fix */
html[lang="ar"] .contact-value {
    direction: ltr;
    text-align: center;
    unicode-bidi: isolate;
}