/* ===================================
   LUNEXSOVA - RTL (Right-to-Left) Styles
   Arabic Language Support
   =================================== */

/* Apply RTL when html has rtl class */
html.rtl {
    direction: rtl;
}

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

/* ===== NAVIGATION RTL ===== */
html.rtl .nav-container {
    flex-direction: row-reverse;
}

html.rtl .nav-menu {
    flex-direction: row-reverse;
}

html.rtl .nav-link::after {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

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

html.rtl .lang-dropdown {
    right: auto;
    left: 0;
}

/* Mobile menu RTL */
@media (max-width: 1200px) {
    html.rtl .nav-menu {
        /* Keep menu on Right side (default), just ensure vertical stack */
        flex-direction: column;
        align-items: stretch;
    }

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

    html.rtl .lang-button {
        text-align: right;
        direction: rtl;
    }
}

/* ===== BUTTONS RTL ===== */
html.rtl .btn::before {
    left: auto;
    right: -100%;
}

html.rtl .btn:hover::before {
    left: auto;
    right: 100%;
}

html.rtl .hero-buttons {
    flex-direction: row-reverse;
}

html.rtl .contact-buttons {
    flex-direction: row-reverse;
}

/* ===== GRIDS RTL ===== */
html.rtl .expertise-grid,
html.rtl .services-grid,
html.rtl .portfolio-grid {
    direction: rtl;
}

/* ===== PORTFOLIO FILTER RTL ===== */
html.rtl .portfolio-filter {
    flex-direction: row-reverse;
}

/* ===== CLIENT SLIDER RTL ===== */
html.rtl .clients-slider {
    animation: scrollRTL 30s linear infinite;
}

@keyframes scrollRTL {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(50%);
    }
}

/* ===== SOCIAL LINKS RTL ===== */
html.rtl .social-links {
    flex-direction: row-reverse;
}

/* ===== TEXT ALIGNMENT RTL ===== */
html.rtl .text-center {
    text-align: center;
}

html.rtl .hero-content,
html.rtl .about-content,
html.rtl .store-content,
html.rtl .contact-content,
html.rtl .footer {
    text-align: center;
}

/* ===== CARDS RTL ===== */
html.rtl .service-card::before {
    left: auto;
    right: 0;
}

html.rtl .portfolio-overlay {
    text-align: right;
}

/* ===== ARABIC TYPOGRAPHY ===== */
html.rtl {
    font-family: 'Noto Sans Arabic', 'Inter', sans-serif;
}

html.rtl h1,
html.rtl h2,
html.rtl h3,
html.rtl h4,
html.rtl h5,
html.rtl h6 {
    font-family: 'Noto Sans Arabic', 'Inter', sans-serif;
    font-weight: 700;
}

html.rtl p,
html.rtl a,
html.rtl button,
html.rtl .btn {
    font-family: 'Noto Sans Arabic', 'Inter', sans-serif;
}

/* Adjust line height for Arabic */
html.rtl {
    line-height: 1.8;
}

html.rtl h1,
html.rtl h2,
html.rtl h3 {
    line-height: 1.4;
}

/* ===== SPACING ADJUSTMENTS RTL ===== */
html.rtl .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

/* ===== MOBILE RTL ADJUSTMENTS ===== */
@media (max-width: 767px) {
    html.rtl .contact-buttons {
        flex-direction: column;
    }

    html.rtl .hero-buttons {
        flex-direction: column;
    }
}

/* ===== ICON ADJUSTMENTS RTL ===== */
html.rtl .contact-btn {
    flex-direction: row-reverse;
}

/* ===== ENSURE PROPER RENDERING ===== */
html.rtl * {
    direction: rtl;
}

html.rtl .hero-title {
    letter-spacing: 2px;
}

html.rtl .logo {
    letter-spacing: 1px;
}