/* RTL (Right-to-Left) Styles for Arabic Language */

/* Import Arabic fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap');

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

[dir="rtl"] body {
    font-family: 'Cairo', 'Noto Sans Arabic', Arial, sans-serif !important;
    direction: rtl;
    text-align: right;
}

/* Typography */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
    font-family: 'Cairo', 'Noto Sans Arabic', Arial, sans-serif !important;
    text-align: right;
}

[dir="rtl"] p, [dir="rtl"] span, [dir="rtl"] div, [dir="rtl"] a {
    text-align: right;
    direction: rtl;
}

/* Navigation */
[dir="rtl"] .navbar {
    direction: rtl;
}

[dir="rtl"] .navbar-brand {
    margin-left: auto !important;
    margin-right: 0 !important;
    float: right;
}

[dir="rtl"] .navbar-nav {
    direction: rtl;
    text-align: right;
    float: right;
}

[dir="rtl"] .navbar-nav .nav-link {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .navbar-toggler {
    float: left;
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .navbar-collapse {
    text-align: right;
    direction: rtl;
}

/* Dropdown Menus */
[dir="rtl"] .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .dropdown-item {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .mega-menu {
    text-align: right;
    direction: rtl;
    right: 0 !important;
    left: auto !important;
}

[dir="rtl"] .mega-menu h6 {
    text-align: right;
}

[dir="rtl"] .mega-menu ul {
    text-align: right;
}

[dir="rtl"] .mega-menu ul li a {
    text-align: right;
    direction: rtl;
}

/* Buttons */
[dir="rtl"] .btn {
    direction: rtl;
}

[dir="rtl"] .btn-box {
    text-align: right;
}

[dir="rtl"] .themeht-btn {
    direction: rtl;
    text-align: center;
}

/* Hero/Banner Section */
[dir="rtl"] .banner-content {
    text-align: right !important;
}

[dir="rtl"] .banner-text {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .banner-text h1 {
    text-align: right;
}

[dir="rtl"] .banner-text p {
    text-align: right;
}

/* Container and Grid */
[dir="rtl"] .container, [dir="rtl"] .container-fluid {
    direction: rtl;
}

[dir="rtl"] .row {
    direction: rtl;
}

[dir="rtl"] .col, [dir="rtl"] [class*="col-"] {
    text-align: right;
}

/* Footer */
[dir="rtl"] .footer {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .footer h5, [dir="rtl"] .footer h6 {
    text-align: right;
}

[dir="rtl"] .footer ul {
    text-align: right;
    padding-right: 0;
    padding-left: 20px;
}

[dir="rtl"] .footer ul li {
    text-align: right;
}

[dir="rtl"] .footer ul li a {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .footer ul li a .social {
    text-align: center;
    direction: rtl;
}

/* Icons and Flags */
[dir="rtl"] .flag-icon {
    margin-left: 8px;
    margin-right: 0;
}

[dir="rtl"] i {
    margin-left: 5px;
    margin-right: 0;
}

[dir="rtl"] .social {
    margin-left: 0 !important;
    margin-right: 10px;
}

/* Forms */
[dir="rtl"] .form-control {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .form-group {
    text-align: right;
}

[dir="rtl"] .form-label {
    text-align: right;
}

[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

/* Search Box */
[dir="rtl"] .search-box {
    direction: rtl;
}

[dir="rtl"] .search-box input {
    text-align: right;
    padding-right: 35px;
    padding-left: 12px;
}

[dir="rtl"] .search-box i {
    right: 10px;
    left: auto;
}

/* Cards and Content Blocks */
[dir="rtl"] .card {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .card-title {
    text-align: right;
}

[dir="rtl"] .card-text {
    text-align: right;
}

/* Lists */
[dir="rtl"] .list-unstyled {
    text-align: right;
    padding-right: 0;
    padding-left: 0;
}

[dir="rtl"] .list-unstyled li {
    text-align: right;
}

[dir="rtl"] .list-unstyled li a {
    text-align: right;
    direction: rtl;
}

/* Alignments */
[dir="rtl"] .text-start {
    text-align: right !important;
}

[dir="rtl"] .text-end {
    text-align: left !important;
}

[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    text-align: left !important;
}

/* Flexbox utilities */
[dir="rtl"] .d-flex {
    direction: rtl;
}

[dir="rtl"] .justify-content-start {
    justify-content: flex-end !important;
}

[dir="rtl"] .justify-content-end {
    justify-content: flex-start !important;
}

/* Margins and Paddings RTL adjustments */
[dir="rtl"] .me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-5 { margin-left: 3rem !important; margin-right: 0 !important; }

[dir="rtl"] .ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }

[dir="rtl"] .pe-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-5 { padding-left: 3rem !important; padding-right: 0 !important; }

[dir="rtl"] .ps-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-5 { padding-right: 3rem !important; padding-left: 0 !important; }

/* Responsive Design for RTL */
@media (max-width: 991px) {
    [dir="rtl"] .navbar-collapse {
        text-align: right;
        direction: rtl;
    }

    [dir="rtl"] .banner-content {
        text-align: right !important;
    }

    [dir="rtl"] .hero h1 {
        text-align: right;
    }
}

@media (max-width: 767px) {
    [dir="rtl"] .text-center {
        text-align: right !important;
    }

    [dir="rtl"] .text-lg-start {
        text-align: right !important;
    }
}

/* Specific theme overrides */
[dir="rtl"] .banner-content.text-lg-start {
    text-align: right !important;
}

[dir="rtl"] .text-center.text-lg-start {
    text-align: right !important;
}

/* Language switcher specific */
[dir="rtl"] #languageDropdown {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .languageDropdown {
    right: 0 !important;
    left: auto !important;
    text-align: right;
}

[dir="rtl"] .languageDropdown .dropdown-item {
    text-align: right;
    direction: rtl;
}
[dir="rtl"] .hero-banner {
    display: none;
    clip-path: polygon(0% 0%, 75% 0%, 100% 99%, 0% 100%); object-position: 70% 15%;
}

[dir="rtl"] [data-bg-img] {
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    object-position: 48% 15%;
}