/* RTL Styles */
:root {
    --font-primary: 'Cairo', sans-serif;
    --font-secondary: 'Amiri', serif;
}

body {
    font-family: var(--font-primary);
    text-align: right;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-secondary);
}

/* Navigation */
.nav-links {
    padding-right: 0;
}

.nav-links li {
    margin-left: 2rem;
    margin-right: 0;
}

/* Features Grid */
.features-grid {
    direction: rtl;
}

.feature {
    text-align: right;
}

/* Benefits Grid */
.benefits-grid {
    direction: rtl;
}

.benefit {
    text-align: right;
}

/* Contact Form */
.contact-container {
    direction: rtl;
}

.form-group input,
.form-group textarea {
    text-align: right;
    padding: 1rem 1.5rem 1rem 1rem;
}

/* Footer */
.footer-content {
    direction: rtl;
}

.footer-links ul {
    padding-right: 0;
}

.footer-links li {
    margin-left: 1.5rem;
    margin-right: 0;
}

/* Social Links */
.social-links {
    direction: rtl;
}

/* WhatsApp Button */
.whatsapp-float {
    left: 2rem;
    right: auto;
}

/* Mobile Menu */
@media (max-width: 768px) {
    .nav-links {
        padding-right: 0;
    }
    
    .nav-links li {
        margin: 1rem 0;
    }
    
    .hamburger {
        margin-right: 0;
        margin-left: 1rem;
    }
}

/* Animations RTL */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

/* RTL Specific Animations */
.hero-content {
    animation: slideInRight 1s ease-out;
}

.feature, .benefit {
    animation: slideInRight 0.6s ease-out;
}

/* Form Placeholders */
::placeholder {
    text-align: right;
}

/* Numbers and Prices */
.price, .measurement {
    font-family: var(--font-primary);
    direction: ltr;
    display: inline-block;
}

/* Icons Alignment */
.feature i, .benefit i {
    margin-left: 1rem;
    margin-right: 0;
}

/* Contact Info Icons */
.contact-info p i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Footer Icons */
.footer-contact p i {
    margin-left: 0.5rem;
    margin-right: 0;
} 