/* 
==============================================
NOXUS AI - RTL Styles for Arabic Language
==============================================
*/

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

/* Font Family */
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] button {
    font-family: var(--font-arabic);
}

/* Navigation */
html[dir="rtl"] .navbar-logo {
    flex-direction: row-reverse;
}

html[dir="rtl"] .navbar-logo img {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .navbar-item {
    margin-left: 0;
    margin-right: 2rem;
}

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

/* Hero Section */
html[dir="rtl"] .hero-buttons {
    flex-direction: row-reverse;
}

/* About Section */
html[dir="rtl"] .about-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .stat-item {
    flex-direction: row-reverse;
}

html[dir="rtl"] .stat-icon {
    margin-right: 0;
    margin-left: 1rem;
}

/* Products Section */
html[dir="rtl"] .product-showcase {
    flex-direction: row-reverse;
}

html[dir="rtl"] .product-showcase.reverse {
    flex-direction: row;
}

html[dir="rtl"] .product-features li {
    flex-direction: row-reverse;
}

html[dir="rtl"] .product-features i {
    margin-right: 0;
    margin-left: 1rem;
}

/* Dashboard Section */
html[dir="rtl"] .dashboard-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .features-list li {
    flex-direction: row-reverse;
}

html[dir="rtl"] .features-list i {
    margin-right: 0;
    margin-left: 1rem;
}

/* Contact Section */
html[dir="rtl"] .contact-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .contact-item {
    flex-direction: row-reverse;
}

html[dir="rtl"] .contact-item i {
    margin-right: 0;
    margin-left: 1.5rem;
}

/* Footer */
html[dir="rtl"] .footer-column h4::after {
    left: auto;
    right: 0;
}

html[dir="rtl"] .footer-column ul li a:hover {
    padding-left: 0;
    padding-right: 5px;
}

/* Back to Top Button */
html[dir="rtl"] .back-to-top {
    right: auto;
    left: 30px;
}

/* Responsive Styles */
@media screen and (max-width: 991px) {
    html[dir="rtl"] .navbar-menu {
        left: auto;
        right: -100%;
    }
    
    html[dir="rtl"] .navbar-menu.active {
        left: auto;
        right: 0;
    }
    
    html[dir="rtl"] .about-content,
    html[dir="rtl"] .product-showcase,
    html[dir="rtl"] .dashboard-content,
    html[dir="rtl"] .contact-content {
        flex-direction: column;
    }
    
    html[dir="rtl"] .product-showcase.reverse {
        flex-direction: column;
    }
    
    html[dir="rtl"] .footer-column h4::after {
        right: 50%;
        transform: translateX(50%);
    }
}

@media screen and (max-width: 575px) {
    html[dir="rtl"] .back-to-top {
        left: 15px;
    }
}