/* ==========================================================================
   RTL Override Styles for Arabic Layout
   ========================================================================== */

/* Global RTL Settings */
html[dir="rtl"] body {
    font-family: 'Cairo', sans-serif;
    text-align: right;
    direction: rtl;
}

/* Typography */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button {
    font-family: 'Cairo', sans-serif;
}

/* ========== Header ========== */
html[dir="rtl"] .navbar-nav {
    padding-right: 0;
}

/* Flip nav item right-margin to left-margin in RTL */
html[dir="rtl"] .navbar-nav .nav-item .nav-link {
    margin: 0 0 0 50px;
    font-family: 'Cairo', sans-serif;
    letter-spacing: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    html[dir="rtl"] .navbar-nav .nav-item .nav-link {
        margin: 0 0 0 30px;
    }
}

/* Flip the underline animation to start from the right in RTL */
html[dir="rtl"] .navbar-nav .nav-item .nav-link::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .navbar-nav .nav-item .nav-link:hover::before {
    left: 0;
    right: 0;
}

html[dir="rtl"] .right-nav {
    flex-direction: row-reverse;
}

html[dir="rtl"] .mr-25 {
    margin-right: 0 !important;
    margin-left: 25px;
}

html[dir="rtl"] .mr-15 {
    margin-right: 0 !important;
    margin-left: 15px;
}

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

html[dir="rtl"] .mr-5 {
    margin-right: 0 !important;
    margin-left: 5px;
}

html[dir="rtl"] .ml-125 {
    margin-left: 0 !important;
    margin-right: 125px;
}

html[dir="rtl"] .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

html[dir="rtl"] .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

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

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

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

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

/* ========== Padding Flips ========== */
html[dir="rtl"] .pl-40 {
    padding-left: 0 !important;
    padding-right: 40px;
}

html[dir="rtl"] .pl-60 {
    padding-left: 0 !important;
    padding-right: 60px;
}

html[dir="rtl"] .pr-30 {
    padding-right: 0 !important;
    padding-left: 30px;
}

html[dir="rtl"] .pl-md-0 {
    padding-left: unset;
    padding-right: 0;
}

html[dir="rtl"] .pl-xs-0 {
    padding-left: unset;
    padding-right: 0;
}

/* ========== Slider / Hero Section ========== */
html[dir="rtl"] .slider__content {
    text-align: right;
}

/* Fix styled-text subtitle: gloss_and_bloomregular can't render Arabic */
html[dir="rtl"] .styled-text {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0;
}

/* Fix hero h1 main-title for Arabic */
html[dir="rtl"] .main-title {
    font-family: 'Cairo', sans-serif;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0;
}

/* Fix hero h5 description: flip right padding to left in RTL */
html[dir="rtl"] .slider__content h5 {
    font-family: 'Cairo', sans-serif;
    padding-right: 0;
    padding-left: 100px;
}

@media (max-width: 767px) {
    html[dir="rtl"] .slider__content h5 {
        padding-left: 0;
    }
}

html[dir="rtl"] .slider-shape.shape_01 {
    left: auto;
    right: 0;
}

html[dir="rtl"] .slider-shape.shape_03 {
    right: auto;
    left: 0;
}

html[dir="rtl"] .slider-video {
    right: auto;
    left: 11%;
}

/* slider-video "Watch Video" label uses gloss_and_bloomregular — fix for Arabic */
html[dir="rtl"] .slider-video h2 {
    font-family: 'Cairo', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

/* Mirror all transport images to the LEFT side in RTL (they were all on the right) */
html[dir="rtl"] .transport.img-one {
    right: auto;
    left: 9.5%;
    transform: scaleX(-1);
}

html[dir="rtl"] .transport.img-two {
    right: auto;
    left: 24%;
    transform: scaleX(-1);
}

html[dir="rtl"] .transport.img-three {
    right: auto;
    left: 14.5%;
    transform: scaleX(-1);
}

html[dir="rtl"] .transport.img-four {
    right: auto;
    left: 60px;
    transform: scaleX(-1);
}

/* ========== Buttons (theme_btn) ========== */
/* Remove uppercase + letter-spacing — both break Arabic text */
html[dir="rtl"] .theme_btn,
html[dir="rtl"] .theme_btn_border {
    font-family: 'Cairo', sans-serif;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
}

/* ========== Services Section ========== */
html[dir="rtl"] .c-services {
    text-align: center;
}

html[dir="rtl"] .arrow-icon img {
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 5px;
}

/* ========== About / Management Section ========== */
html[dir="rtl"] .management-title {
    text-align: right;
}

/* ========== Testimonials ========== */
html[dir="rtl"] .authors-box {
    text-align: right;
}

html[dir="rtl"] .author-img1 {
    float: right;
    margin-right: 0;
    margin-left: 20px;
}

html[dir="rtl"] .quote-icon {
    margin-left: 0;
    margin-right: 125px;
}

/* ========== Team Section ========== */
html[dir="rtl"] .team-content {
    text-align: center;
}

/* ========== Blog Section ========== */
html[dir="rtl"] .blogs-content {
    text-align: right;
}

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

html[dir="rtl"] .fot-list {
    padding-right: 0;
}

html[dir="rtl"] .footer__social a {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .foter-subscribe .fot_sub_btn {
    right: auto;
    left: 0;
}

html[dir="rtl"] .foter-subscribe .fot_sub_btn img {
    transform: scaleX(-1);
}

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

/* ========== Mobile Menu ========== */
html[dir="rtl"] .slide-bar {
    right: auto !important;
    left: -370px;
    box-shadow: 5px 0 20px -5px rgba(0, 0, 0, 0.5);
}

html[dir="rtl"] .slide-bar.show {
    right: auto !important;
    left: 0;
}

html[dir="rtl"] .close-mobile-menu {
    text-align: right;
}

html[dir="rtl"] .side-mobile-menu ul {
    padding-right: 0;
    text-align: right;
}

html[dir="rtl"] .mobile-auth-section {
    text-align: right;
}

/* ========== Dropdown Menus ========== */
html[dir="rtl"] .dropdown-menu {
    text-align: right;
}

html[dir="rtl"] .dropdown-menu-end {
    left: 0;
    right: auto;
}

html[dir="rtl"] .user-dropdown-menu .dropdown-item {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] .user-dropdown-menu .dropdown-item i {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .user-dropdown-menu .dropdown-item::before {
    left: auto;
    right: 20px;
}

/* ========== Sticky Header ========== */
html[dir="rtl"] .sticky-header {
    left: auto;
    right: 0;
}

/* ========== Scroll Up Button ========== */
html[dir="rtl"] .scrollUp {
    right: auto;
    left: 30px;
}

/* ========== Forms ========== */
html[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

html[dir="rtl"] .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

/* ========== Select2 RTL ========== */
html[dir="rtl"] .select2-container {
    text-align: right;
}

html[dir="rtl"] .select2-selection__arrow {
    left: 1px;
    right: auto;
}

/* ========== Language Switcher ========== */
.lang-switcher {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.lang-switcher a {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.lang-switcher a.active {
    background-color: #e86e2e;
    color: #fff !important;
}

.lang-switcher a:not(.active) {
    color: #131212;
    background-color: #f5f5f5;
}

.lang-switcher a:not(.active):hover {
    background-color: #e86e2e;
    color: #fff !important;
}

/* ========== Owl Carousel RTL ========== */
html[dir="rtl"] .owl-carousel {
    direction: ltr;
}

html[dir="rtl"] .owl-carousel .item {
    direction: rtl;
}

/* ========== General Utility Overrides ========== */
html[dir="rtl"] .f-left {
    float: right !important;
}

html[dir="rtl"] .f-right {
    float: left !important;
}

html[dir="rtl"] ul {
    padding-right: 0;
}

/* ========== Responsive RTL Fixes ========== */
@media (max-width: 768px) {
    html[dir="rtl"] .pl-60 {
        padding-right: 0;
    }

    html[dir="rtl"] .pl-40 {
        padding-right: 0;
    }

    html[dir="rtl"] .pr-30 {
        padding-left: 0;
    }
}

/* ========== Mobile Menu RTL Fixes ========== */
/* Fix hamburger icon direction in RTL header */
html[dir="rtl"] .hamburger-menu {
    order: -1;
}

/* Ensure right-nav items stack correctly on small screens */
@media (max-width: 991px) {
    html[dir="rtl"] .right-nav {
        gap: 8px;
    }

    html[dir="rtl"] .right-btn {
        gap: 4px;
    }
}

/* Mobile menu lang-switcher in RTL */
html[dir="rtl"] .slide-bar .lang-switcher {
    justify-content: center;
}

/* Fix mobile auth section spacing in RTL */
html[dir="rtl"] .mobile-auth-section .theme_btn {
    text-align: center;
}

html[dir="rtl"] .mobile-auth-section .theme_btn i {
    margin-right: 0;
    margin-left: 5px;
}

/* Fix dropdown in mobile slide-bar for RTL */
html[dir="rtl"] #mobile-menu-active li a {
    display: block;
    padding-right: 0;
}


@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main-title {
    font-size: 42px;
  }
}