/* Version 1.4.0 | Last Updated: 2025-07-30T12:20:00+03:00 */

/* This file contains ONLY the necessary overrides for RTL layouts.
   It should be loaded AFTER the main style.css file. */

body {
    font-family: 'Noto Sans Arabic', 'Noto Sans', sans-serif;
    text-align: right;
}

.nav-separator {
    border-left: none;
    border-right: 1px solid #d1d5db;
}

.breadcrumb-list .separator {
    transform: scaleX(-1);
}

.hero-section h1, .hero-section h2 {
    line-height: 1.5;
}
.hero-subtitle {
    margin-top: 2rem;
}

.value-card {
    border-left: none;
    border-right: 4px solid var(--accent-red);
    text-align: right;
}

.package-deliverables li {
    padding-left: 0;
    padding-right: 1.5rem;
}
.package-deliverables li::before {
    left: auto;
    right: 0;
}

.case-study-results {
    text-align: right;
}

.results-grid {
    text-align: right;
}

.testimonial-card {
    border-left: none;
    border-right: 4px solid var(--accent-red);
    text-align: right;
}

.specialist-list li {
    padding-left: 0;
    padding-right: 2rem;
}
.specialist-list li::before {
    left: auto;
    right: 0;
}

.floating-btn.whatsapp {
    left: auto;
    right: 20px;
}
.floating-btn.back-to-top {
    right: auto;
    left: 20px;
}

@media (min-width: 768px) {
    .contact-grid {
        grid-template-columns: 1fr 2fr;
    }
}

.faq-item {
    border-left: none;
    border-right: 4px solid var(--accent-teal);
    text-align: right;
}