/*
Theme Name: ArabiaPro
Description: RTL specific styles for ArabiaPro theme.
*/

body {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
    font-family: 'Cairo', sans-serif !important;
}

/* Base resets for RTL */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, span, a, label, input, textarea, button {
    text-align: right;
    font-family: 'Cairo', sans-serif !important;
}

.text-center, .text-center * {
    text-align: center;
}

.text-left {
    text-align: right !important; /* flip */
}

.text-right {
    text-align: left !important; /* flip */
}

/* Margin and Padding flips */
.ml-1 { margin-right: 0.25rem; margin-left: 0; }
.ml-2 { margin-right: 0.5rem; margin-left: 0; }
.ml-3 { margin-right: 1rem; margin-left: 0; }
.ml-4 { margin-right: 1.5rem; margin-left: 0; }
.mr-1 { margin-left: 0.25rem; margin-right: 0; }
.mr-2 { margin-left: 0.5rem; margin-right: 0; }
.mr-3 { margin-left: 1rem; margin-right: 0; }
.mr-4 { margin-left: 1.5rem; margin-right: 0; }

.pl-1 { padding-right: 0.25rem; padding-left: 0; }
.pl-2 { padding-right: 0.5rem; padding-left: 0; }
.pl-3 { padding-right: 1rem; padding-left: 0; }
.pl-4 { padding-right: 1.5rem; padding-left: 0; }
.pr-1 { padding-left: 0.25rem; padding-right: 0; }
.pr-2 { padding-left: 0.5rem; padding-right: 0; }
.pr-3 { padding-left: 1rem; padding-right: 0; }
.pr-4 { padding-left: 1.5rem; padding-right: 0; }

/* Navigation */
.nav-links {
    padding-right: 0;
    margin-right: 32px !important;
    margin-left: auto !important;
}
.navbar .nav-links li {
    margin-right: 0;
    margin-left: 1.5rem;
}
.navbar .nav-links li:last-child {
    margin-left: 0;
}
.navbar .sub-menu {
    left: auto;
    right: 0;
}
.nav-actions {
    margin-left: 0;
    margin-right: 0;
}
.submenu-toggle-btn i {
    margin-left: 0 !important;
    margin-right: 4px;
}

/* Hero Section */
.hero-content {
    padding-right: 0;
    padding-left: 2rem;
}

/* Icons */
.fas, .fab, .far {
    /* Don't flip all icons, only directional ones if needed. */
}
.fa-chevron-right {
    transform: rotate(180deg);
}
.fa-arrow-right {
    transform: rotate(180deg);
}
.nl-btn-icon {
    margin-left: 0 !important;
    margin-right: 8px;
}
.btn i.fa-phone-volume {
    margin-left: 0 !important;
    margin-right: 6px;
}

/* General Flex */
.flex-row {
    flex-direction: row-reverse;
}

/* Footer */
.footer-inner {
    text-align: right;
}

/* Forms */
input, textarea {
    padding-left: 0;
    padding-right: 1rem;
}

/* Additional Layouts & Grids RTL Support */
.framework-grid, .stats-grid, .familiar-grid, .why-grid, .ai-inner, .seo-hero__inner, .strat-hero__inner {
    direction: rtl;
}

.strat-difference__table th, .strat-difference__table td {
    text-align: right;
}

.trusted-carousel-track {
    animation-direction: reverse;
}

/* Mobile Menu RTL */
@media (max-width: 992px) {
    .nav-menu-wrapper {
        right: -100%;
        left: auto;
    }
    .nav-menu-wrapper.active {
        right: 0;
        left: auto;
    }
    .mobile-menu-close {
        margin-left: 0;
        margin-right: auto;
    }
}

/* Icons spacing */
.fas, .fab, .far, .fal {
    margin-right: 0;
}
.fa-check-circle {
    margin-right: 0 !important;
    margin-left: 12px; /* Flipping typical margin-right */
}
.fa-arrow-right, .fa-chevron-right {
    transform: rotate(180deg);
}

/* Borders and Absolute Positions */
.strat-wyg__card, .seo-evolution__item, .seo-roadmap__step {
    border-left: none;
    border-right: 1px solid #e2e8f0;
}
.strat-wyg__card:last-child {
    border-right: none;
}

/* Lists */
.seo-faq__question span:first-child {
    margin-left: 15px;
    margin-right: 0;
}

/* Misc spacing */
.seo-hero__buttons .seo-hero__link i {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

.blog-filters .filter-pill {
    margin-right: 0;
    margin-left: 10px;
}