/* ========================================
   RTL (Right-to-Left) Styles
   For Hebrew and Arabic Languages
   ======================================== */

/* RTL Directional Overrides */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Language Switcher RTL */
[dir="rtl"] .language-switcher {
    left: auto;
    right: 20px;
}

/* WhatsApp Button RTL */
[dir="rtl"] .whatsapp-float {
    right: auto;
    left: 30px;
}

/* Navigation RTL */






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

/* Hero Section RTL */


/* Buttons RTL */


/* Footer RTL */
[dir="rtl"] .footer-contact i {
    margin-inline-end: 0;
    margin-inline-start: 0.5rem;
}

/* Icons RTL */
[dir="rtl"] .fas,
[dir="rtl"] .fab,
[dir="rtl"] .far {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Grid Items RTL */
[dir="rtl"] .services-grid,
[dir="rtl"] .portfolio-grid,
[dir="rtl"] .features-grid,
[dir="rtl"] .footer-content {
    direction: rtl;
}

/* CTA Buttons RTL */


/* Responsive RTL */
@media (max-width: 768px) {
    [dir="rtl"] .nav-menu {
        right: -100%;
        left: auto;
    }
    
    [dir="rtl"] .nav-menu.active {
        right: 0;
    }
    
    [dir="rtl"] .language-switcher {
        right: 20px;
        left: auto;
        top: auto;
        bottom: 20px;
    }
    
    [dir="rtl"] .whatsapp-float {
        left: 20px;
        right: auto;
    }
    
    [dir="rtl"] .hero-buttons {
        flex-direction: column;
    }
    
    [dir="rtl"] .cta-buttons {
        flex-direction: column;
    }
}

/* LTR Specific Overrides */
[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

[dir="ltr"] .language-switcher {
    left: 20px;
    right: auto;
}

[dir="ltr"] .whatsapp-float {
    right: 30px;
    left: auto;
}

[dir="ltr"] .nav-link::after {
    left: 0;
    right: auto;
}

[dir="ltr"] .footer-contact i {
    margin-right: 0.5rem;
    margin-left: 0;
}

@media (max-width: 768px) {
    [dir="ltr"] .nav-menu {
        left: -100%;
        right: auto;
    }
    
    [dir="ltr"] .nav-menu.active {
        left: 0;
    }
    
    [dir="ltr"] .language-switcher {
        left: 10px;
        right: auto;
    }
    
    [dir="ltr"] .whatsapp-float {
        right: 20px;
        left: auto;
    }
}