/**
* RTL Support for Scout Template
* This file overrides main.css for Arabic (Right-to-Left) support.
*/

/* Import Arabic Font (Cairo) */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

:root {
    --default-font: "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --heading-font: "Cairo", sans-serif;
    --nav-font: "Cairo", sans-serif;
}

body {
    direction: rtl;
    text-align: right;
}

/* Fix Hero Section */
.hero .hero-content {
    text-align: right;
}

.hero .hero-tag i {
    margin-right: 0;
    margin-left: 0.5rem;
}

.hero .hero-features li i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Fix Button Margins in Hero */
.hero .hero-cta {
    direction: rtl;
    /* Ensure flex container respects RTL if needed, though bootstrap usually handles this */
}

/* Header & Logo */
.header .logo img {
    margin-right: 0;
    margin-left: 8px;
}

.header .btn-getstarted {
    margin: 0 30px 0 0;
    /* Flipped from 0 0 0 30px */
}

/* Navigation Menu */
@media (min-width: 1200px) {

    .navmenu a i,
    .navmenu a:focus i {
        margin-left: 0;
        margin-right: 5px;
    }

    .navmenu .dropdown ul {
        left: auto;
        right: 14px;
        text-align: right;
    }

    .navmenu .dropdown .dropdown ul {
        left: auto;
        right: -90%;
    }

    .navmenu .dropdown .dropdown:hover>ul {
        left: auto;
        right: -100%;
    }
}

/* Mobile Nav */
@media (max-width: 1199px) {
    .mobile-nav-toggle {
        margin-right: 0;
        margin-left: 10px;
    }

    .navmenu a i,
    .navmenu a:focus i {
        margin-left: 0;
        margin-right: 5px;
    }
}

/* Footer */
.footer .footer-about .logo img {
    margin-right: 0;
    margin-left: 6px;
}

.footer .social-links a {
    margin-right: 0;
    margin-left: 10px;
}

.footer .footer-links ul i {
    padding-right: 0;
    padding-left: 2px;
}

/* Specific to Bootstrap Icons that point left/right */
.bi-chevron-right::before {
    content: "\f284";
    /* chevron-left */
}

.bi-arrow-right::before {
    content: "\f12f";
    /* arrow-left */
}

/* Fix Forms text align */
input,
textarea,
select {
    text-align: right;
}

/* Service Details or other specific blocks */
.service-details .services-list a i {
    margin-right: 0;
    margin-left: 8px;
}