/**
 * GC Technologies - RTL (Right-to-Left) Styles
 * For Arabic language support
 */

/* Import Arabic Font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

body.rtl {
    direction: rtl;
    font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

/* Mirror layouts */
body.rtl .navbar-wrapper,
body.rtl .hero-buttons,
body.rtl .footer-social,
body.rtl .navbar-actions,
body.rtl .nav-links {
    flex-direction: row-reverse;
}

/* Flip icons and arrows */
body.rtl .dropdown-icon,
body.rtl .hero-arrow,
body.rtl .solution-link {
    transform: scaleX(-1);
}

body.rtl .hero-arrow:hover {
    transform: scaleX(-1) translateY(-50%) scale(1.1);
}

/* Adjust positioning */
body.rtl .dropdown-menu {
    left: auto;
    right: 0;
}

body.rtl .dropdown-menu a:hover {
    transform: translateX(-4px);
}

body.rtl .footer-links a:hover {
    padding-left: 0;
    padding-right: var(--space-2);
}

/* Text alignment */
body.rtl {
    text-align: right;
}

body.rtl .text-left {
    text-align: right;
}

body.rtl .text-right {
    text-align: left;
}

/* Adjust gaps and spacing */
body.rtl .logo {
    flex-direction: row-reverse;
}

/* Form elements */
body.rtl .form-control {
    text-align: right;
}

/* Newsletter */
body.rtl .newsletter-form {
    flex-direction: row-reverse;
}

/* Back to top */
body.rtl .back-to-top {
    right: auto;
    left: var(--space-8);
}

/* Cards and content */
body.rtl .card-title,
body.rtl .section-title,
body.rtl .hero-title {
    text-align: right;
}

/* Buttons with icons */
body.rtl .btn {
    flex-direction: row-reverse;
}

/* Feature cards */
body.rtl .feature-card {
    text-align: center;
}

/* Solution cards */
body.rtl .solution-link {
    flex-direction: row-reverse;
}

/* Mobile menu RTL */
@media (max-width: 767px) {
    body.rtl .navbar-menu {
        transform: translateX(100%);
    }

    body.rtl .navbar-menu.active {
        transform: translateX(0);
    }

    body.rtl .back-to-top {
        left: var(--space-5);
        right: auto;
    }
}
