body,
*:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="icon-"]):not([class*=" icon-"]):not([class^="flaticon-"]):not([class*=" flaticon-"]) {
    font-family: 'Cairo', sans-serif !important;
    direction: rtl ;
    text-align: right !important;
}
.sidebar {
    float: right !important;
}

.content-wrapper {
    margin-right: 250px !important;
    margin-left: 0 !important;
}

html[lang="ar"] .fa {
    font-family: "Font Awesome 5 Free" !important;
    text-align:center !important;
}

.fa,
.fas,
.fa-solid,
.fa-regular,
.far {
    font-family: "Font Awesome 6 Free" !important;
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
}
        * {
  box-sizing: border-box;
}

.container, .row, .col {
  direction: rtl !important;
}

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

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

.float-start {
  float: right !important;
}

.float-end {
  float: left !important;
}

.ml-auto {
  margin-right: auto !important;
  margin-left: unset !important;
}

.mr-auto {
  margin-left: auto !important;
  margin-right: unset !important;
}

.pl-*, .ps-* {
  padding-right: var(--bs-gutter-x) !important;
  padding-left: unset !important;
}

.pr-*, .pe-* {
  padding-left: var(--bs-gutter-x) !important;
  padding-right: unset !important;
}

/* Bootstrap utilities override for RTL */
.ms-auto {
  margin-right: auto !important;
  margin-left: unset !important;
}

.me-auto {
  margin-left: auto !important;
  margin-right: unset !important;
}

/* Navbar or navigation */
.navbar {
  direction: rtl !important;
}

.navbar .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

/* RTL layout for top bar */
.top-style2 {
    direction: rtl !important;
}

.top-style2-left {
    float: right;
    text-align: right;
}

.top-style2-right {
    float: left;
    text-align: left; /* if needed */
}

@media only screen and (max-width: 767px) {
    html[dir="rtl"] .top-bar-style2,
    html[lang="ar"] .top-bar-style2 {
        padding: 8px 12px;
    }

    html[dir="rtl"] .top-style2,
    html[lang="ar"] .top-style2 {
        direction: rtl !important;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    html[dir="rtl"] .top-style2-left,
    html[lang="ar"] .top-style2-left,
    html[dir="rtl"] .top-style2-right,
    html[lang="ar"] .top-style2-right {
        float: none;
        width: 100%;
        text-align: center;
    }

    html[dir="rtl"] .top-style2-right .top-right-menu,
    html[lang="ar"] .top-style2-right .top-right-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    html[dir="rtl"] .top-style2-right .top-right-menu li,
    html[lang="ar"] .top-style2-right .top-right-menu li {
        margin: 0;
    }

    html[dir="rtl"] .top-style2-right .top-right-menu li a,
    html[lang="ar"] .top-style2-right .top-right-menu li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 8px 12px;
        border-radius: 999px;
        background: #f4f4f4;
        color: #202020;
        line-height: 1;
    }
}

/* Optional: clear floats */
.top-style2::after {
    content: "";
    display: table;
    clear: both;
}

.logo-box-style2 {
    float: right !important;
}

.main-menu-box {
    float: right !important;
    text-align: right;
}

.mainmenu-right.style2 {
    float: left !important;
    text-align: left;
    position: static !important;
    right: auto !important;
    left: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mainmenu-right.style2 .button {
    float: none !important;
    text-align: left;
}

.mainmenu-right.style2 {
    display: flex;
    justify-content: flex-start; /* move to left */
}

.main-menu{
        float: right !important;
}

.mainmenu-right{
    float: left !important;
    margin-left: 0;
    margin-right: 0;
    position: static !important;
    right: auto !important;
}

.language-picker__item {
    float:left!important;
}


ul.navigation {
    display: block;
}

 ul.navigation > li {
    margin-left: 0;
    margin-right: 20px;
}

.main-menu.style2 .navigation > li{
    margin-right:20px!important
}

.language-picker__flag{
    padding-right:10px;
    bottom:0.2rem;
}

.main-menu .navigation > li > ul{
    right:0px;
}

.breadcrumb-menu ul {
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
    margin: 0;
}

.breadcrumb-menu ul li {
    margin-left: 10px;
    margin-right: 0;
}

.breadcrumb-area .title:before{
    right:0px;
}

.breadcrumb-menu .float-right{
    float:left!important;
}

.breadcrumb-list {
    display: flex;
    flex-direction: row-reverse; 
    list-style: none;
    padding: 0;
    margin: 0;
}
.breadcrumb-list li {
    margin: 0 5px;
}

.breadcrumb-area .breadcrumb-menu ul li{
    float:right !important;
    padding-left:17px;
    padding-right:0px;
    margin-right:0px;
    margin-left:10px;
}

.breadcrumb-area .breadcrumb-menu ul li:before{
    left:0px;
    right: auto !important; /* Removes right: 0px */
}

.brand-area.style2 ul {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end; /* Align items to start from the right */
}

.brand-area.style2 ul li {
    direction: ltr; /* Keeps the content inside each item left-to-right */
}

.single-footer-widget .our-info-box .follow-us-social-links{
    display: flex;
}

.text-center-important{
    text-align: center!important;
}

.navigation.clearfix{
        display: flex;
    flex-direction: row-reverse;
}

.breadcrumb-area .title{
    float:right;
}

.breadcrumb-menu.float-right{
    float:left !important;
}

.project-description-content,.content-box{
    float:right;
}

.main-menu .navigation > li > ul{
    right:0px;
    left:auto !important;
}


.contact-area,
.contact-area .row,
.contact-area .sec-title,
.contact-area form,
.contact-area .form-control,
.contact-area ul {
    direction: rtl !important;
    text-align: right !important;
}

.contact-area input,
.contact-area textarea {
    text-align: right !important;
}

.shop-cta-card{
  position: relative;
  display: block;
  width: 100%;
  min-height: 360px;
  border-radius: 16px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  transition: transform .18s ease, box-shadow .18s ease;
  text-decoration: none;
}
.shop-cta-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0,0,0,.18);
}
.shop-cta-overlay{
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.55) 100%);
}
.shop-cta-content{
  position: absolute; inset: 0;
  display: grid; place-items: end start;
  padding: 32px;
  color: #fff;
}
.shop-cta-title{ margin: 0 0 6px; font-size: 28px; line-height: 1.2; font-weight: 700; }
.shop-cta-sub{ margin: 0 0 14px; opacity: .9; max-width: 640px; }
.shop-cta-btn{ display: inline-flex; align-items: center; gap: 8px; }


/* Center Button */
.shop-cta-action {
    text-align: center;
    margin-top: 20px;
}

/* Make Button Bigger + Stylish */
.shop-cta-btn {
    font-size: 20px !important;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.shop-cta-btn:hover {
    transform: scale(1.05);
}

.text{
    text-align: right !important;
    margin-right : 2rem;
    max-width:670px;
}

/* -------------------------------------------------------------------------- */
/* Final Arabic RTL overrides                                                  */
/* -------------------------------------------------------------------------- */
:root {
    --ar-font-family: "Cairo", sans-serif;
}

html[dir="rtl"],
html[lang="ar"] {
    direction: rtl !important;
}

html[dir="rtl"] body,
html[lang="ar"] body,
html[dir="rtl"] input,
html[lang="ar"] input,
html[dir="rtl"] textarea,
html[lang="ar"] textarea,
html[dir="rtl"] select,
html[lang="ar"] select,
html[dir="rtl"] button,
html[lang="ar"] button,
html[dir="rtl"] .title,
html[lang="ar"] .title,
html[dir="rtl"] h1,
html[lang="ar"] h1,
html[dir="rtl"] h2,
html[lang="ar"] h2,
html[dir="rtl"] h3,
html[lang="ar"] h3,
html[dir="rtl"] h4,
html[lang="ar"] h4,
html[dir="rtl"] h5,
html[lang="ar"] h5,
html[dir="rtl"] h6,
html[lang="ar"] h6,
html[dir="rtl"] p,
html[lang="ar"] p,
html[dir="rtl"] a,
html[lang="ar"] a,
html[dir="rtl"] li,
html[lang="ar"] li,
html[dir="rtl"] span,
html[lang="ar"] span {
    font-family: var(--ar-font-family) !important;
}

html[dir="rtl"] body,
html[lang="ar"] body {
    text-align: right;
    line-height: 1.8;
}

/* Keep hero slider text aligned to the right in RTL */
html[dir="rtl"] .main-slider .slide-content,
html[lang="ar"] .main-slider .slide-content,
html[dir="rtl"] .main-slider .slide-content .big-title,
html[lang="ar"] .main-slider .slide-content .big-title,
html[dir="rtl"] .main-slider .slide-content .medium-title,
html[lang="ar"] .main-slider .slide-content .medium-title,
html[dir="rtl"] .main-slider .slide-content .text,
html[lang="ar"] .main-slider .slide-content .text {
    direction: rtl !important;
    text-align: right !important;
}

/* Keep icon sets readable */
html[dir="rtl"] .fa,
html[lang="ar"] .fa,
html[dir="rtl"] .fas,
html[lang="ar"] .fas,
html[dir="rtl"] .fa-solid,
html[lang="ar"] .fa-solid,
html[dir="rtl"] .fa-regular,
html[lang="ar"] .fa-regular,
html[dir="rtl"] .far,
html[lang="ar"] .far {
    font-family: "Font Awesome 6 Free" !important;
}

html[dir="rtl"] .fab,
html[lang="ar"] .fab,
html[dir="rtl"] .fa-brands,
html[lang="ar"] .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
}

html[dir="rtl"] .fa::before,
html[lang="ar"] .fa::before,
html[dir="rtl"] .fas::before,
html[lang="ar"] .fas::before,
html[dir="rtl"] .fa-solid::before,
html[lang="ar"] .fa-solid::before,
html[dir="rtl"] .fa-regular::before,
html[lang="ar"] .fa-regular::before,
html[dir="rtl"] .far::before,
html[lang="ar"] .far::before {
    font-family: "Font Awesome 6 Free" !important;
}

html[dir="rtl"] .fab::before,
html[lang="ar"] .fab::before,
html[dir="rtl"] .fa-brands::before,
html[lang="ar"] .fa-brands::before {
    font-family: "Font Awesome 6 Brands" !important;
}

html[dir="rtl"] [class^="flaticon-"],
html[lang="ar"] [class^="flaticon-"],
html[dir="rtl"] [class*=" flaticon-"] ,
html[lang="ar"] [class*=" flaticon-"] {
    font-family: "Flaticon" !important;
}

html[dir="rtl"] [class^="icon-"],
html[lang="ar"] [class^="icon-"],
html[dir="rtl"] [class*=" icon-"],
html[lang="ar"] [class*=" icon-"] {
    font-family: "icomoon" !important;
}

html[dir="rtl"] .single-footer-contact-info .icon span,
html[lang="ar"] .single-footer-contact-info .icon span,
html[dir="rtl"] .single-footer-contact-info .icon span::before,
html[lang="ar"] .single-footer-contact-info .icon span::before {
    font-family: "icomoon" !important;
}

/* Navigation & dropdowns */
html[dir="rtl"] .main-menu .navigation,
html[lang="ar"] .main-menu .navigation {
    direction: rtl !important;
}

html[dir="rtl"] .main-menu .navigation > li,
html[lang="ar"] .main-menu .navigation > li {
    float: right !important;
    margin-right: 20px !important;
    margin-left: 0 !important;
}
html[lang="ar"] img,
html[dir="rtl"] img,
html[lang="ar"] video,
html[dir="rtl"] video,
html[lang="ar"] svg,
html[dir="rtl"] svg {
    direction: ltr;
}

/* Keep Arabic nav order stable on desktop: first item on right */
html[dir="rtl"] .navigation.clearfix,
html[lang="ar"] .navigation.clearfix,
html[dir="rtl"] ul.navigation,
html[lang="ar"] ul.navigation {
    display: block !important;
}

html[lang="ar"] .header-shell,
html[dir="rtl"] .header-shell {
    flex-direction: row-reverse;
    justify-content: flex-start;
    column-gap: 16px;
}

html[dir="rtl"] .main-menu.style2 .navigation > li,
html[lang="ar"] .main-menu.style2 .navigation > li,
html[dir="rtl"] ul.navigation > li,
html[lang="ar"] ul.navigation > li {
    float: right !important;
    margin-right: 20px !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .main-menu.style2 .navigation > li > a,
html[lang="ar"] .main-menu.style2 .navigation > li > a {
    padding-left: 8px;
    padding-right: 8px;
}

html[dir="rtl"] .main-menu .navigation > li > ul,
html[lang="ar"] .main-menu .navigation > li > ul {
    right: 0;
    left: auto !important;
    text-align: right;
}

html[dir="rtl"] .main-menu .navigation > li > ul > li > a,
html[lang="ar"] .main-menu .navigation > li > ul > li > a {
    padding: 16px 29px 15px;
}

/* Breadcrumb readability */
html[dir="rtl"] .breadcrumb-menu ul,
html[lang="ar"] .breadcrumb-menu ul {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}

html[dir="rtl"] .breadcrumb-area .title,
html[lang="ar"] .breadcrumb-area .title {
    width: 100%;
    clear: both;
    text-align: right;
}

/* Form controls */
html[dir="rtl"] input,
html[lang="ar"] input,
html[dir="rtl"] textarea,
html[lang="ar"] textarea,
html[dir="rtl"] select,
html[lang="ar"] select {
    text-align: right;
}

/* Mobile optimizations for Arabic */
@media only screen and (max-width: 1199px) {
    html[dir="rtl"] .main-menu-box,
    html[lang="ar"] .main-menu-box {
        float: none !important;
        width: 100%;
    }

    html[dir="rtl"] .navbar-collapse,
    html[lang="ar"] .navbar-collapse {
        text-align: right;
    }

    html[dir="rtl"] .main-menu .navigation > li,
    html[lang="ar"] .main-menu .navigation > li {
        float: none;
        margin-right: 0;
    }

    html[dir="rtl"] .main-menu .navbar-collapse,
    html[lang="ar"] .main-menu .navbar-collapse {
        width: 100%;
        margin-top: 14px;
        padding: 8px 0 0;
        background: #ffffff;
        border-radius: 14px;
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
    }

    /* Keep collapsed menu vertical on mobile/tablet in RTL */
    html[dir="rtl"] .main-menu .navbar-collapse > .navigation,
    html[lang="ar"] .main-menu .navbar-collapse > .navigation,
    html[dir="rtl"] .main-menu .navbar-collapse > ul.navigation,
    html[lang="ar"] .main-menu .navbar-collapse > ul.navigation,
    html[dir="rtl"] .main-menu .navbar-collapse .navigation.clearfix,
    html[lang="ar"] .main-menu .navbar-collapse .navigation.clearfix {
        display: block !important;
        flex-direction: column !important;
        width: 88% !important;
    }

    html[dir="rtl"] .main-menu .navbar-collapse .navigation li,
    html[lang="ar"] .main-menu .navbar-collapse .navigation li {
        text-align: right;
        background: transparent;
    }

    html[dir="rtl"] .main-menu .navbar-collapse .navigation li a,
    html[lang="ar"] .main-menu .navbar-collapse .navigation li a,
    html[dir="rtl"] .main-menu .navbar-collapse .navigation li ul li a,
    html[lang="ar"] .main-menu .navbar-collapse .navigation li ul li a {
        text-align: right !important;
        padding: 14px 18px !important;
        width: 100%;
        color: #222222;
    }

    /* Move submenu toggle to the left side for RTL readability */
    html[dir="rtl"] .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn,
    html[lang="ar"] .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
        left: 8px;
        right: auto;
    }

    html[dir="rtl"] .main-menu .navbar-collapse > .navigation > li > ul,
    html[lang="ar"] .main-menu .navbar-collapse > .navigation > li > ul,
    html[dir="rtl"] .main-menu .navbar-collapse > .navigation > li > ul > li > ul,
    html[lang="ar"] .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
        text-align: right;
    }

    html[dir="rtl"] .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    html[lang="ar"] .main-menu .navbar-collapse > .navigation > li > ul > li > a {
        padding-right: 24px !important;
    }

    html[dir="rtl"] .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a,
    html[lang="ar"] .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
        padding-right: 34px !important;
    }

    html[dir="rtl"] .desktop-language-switcher,
    html[lang="ar"] .desktop-language-switcher {
        display: none !important;
    }

    /* Show desktop language switcher on tablet in RTL */
    html[dir="rtl"] .mainmenu-right.style2 .desktop-language-switcher,
    html[lang="ar"] .mainmenu-right.style2 .desktop-language-switcher {
        display: none !important;
    }

    /* Show mobile language switcher on tablet */
    html[dir="rtl"] .nav-language-switcher,
    html[lang="ar"] .nav-language-switcher {
        display: list-item !important;
    }

    html[dir="rtl"] .mobile-language-switcher,
    html[lang="ar"] .mobile-language-switcher {
        display: list-item !important;
        padding: 0 25px 18px;
        text-align: right;
    }

    html[dir="rtl"] .mobile-language-switcher .language-switcher-pills,
    html[lang="ar"] .mobile-language-switcher .language-switcher-pills {
        display: flex !important;
        justify-content: flex-end;
    }

    html[dir="rtl"] .mobile-language-switcher .mobile-language-label,
    html[lang="ar"] .mobile-language-switcher .mobile-language-label {
        text-align: right;
        display: block;
    }
    html[dir="rtl"] .mainmenu-right.style2,
    html[lang="ar"] .mainmenu-right.style2 {
        width: auto;
        flex-wrap: wrap;
        gap: 12px;
    }

    html[dir="rtl"] .mainmenu-right.style2 .button,
    html[lang="ar"] .mainmenu-right.style2 .button {
        width: 100%;
        text-align: center;
    }

    html[dir="rtl"] .mainmenu-right.style2 .button a,
    html[lang="ar"] .mainmenu-right.style2 .button a {
        width: 100%;
    }

    /* Tablet breadcrumb */
    html[dir="rtl"] .breadcrumb-menu ul,
    html[lang="ar"] .breadcrumb-menu ul {
        flex-wrap: wrap;
        gap: 8px;
    }

    /* Tablet form controls */
    html[dir="rtl"] input,
    html[lang="ar"] input,
    html[dir="rtl"] textarea,
    html[lang="ar"] textarea,
    html[dir="rtl"] .form-control,
    html[lang="ar"] .form-control {
        text-align: right !important;
        direction: rtl !important;
    }

    /* Tablet content spacing */
    html[dir="rtl"] .content-box,
    html[lang="ar"] .content-box,
    html[dir="rtl"] .project-description-content,
    html[lang="ar"] .project-description-content {
        padding-right: 15px;
        padding-left: 0;
    }

    /* Tablet logo & header adjustments */
    html[dir="rtl"] .logo-box-style2,
    html[lang="ar"] .logo-box-style2 {
        margin-right: 20px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    html[dir="rtl"] .title,
    html[lang="ar"] .title,
    html[dir="rtl"] h1,
    html[lang="ar"] h1,
    html[dir="rtl"] h2,
    html[lang="ar"] h2,
    html[dir="rtl"] h3,
    html[lang="ar"] h3 {
        line-height: 1.45;
        word-break: break-word;
    }

    html[dir="rtl"] .mainmenu-right.style2,
    html[lang="ar"] .mainmenu-right.style2 {
        width: 100%;
        justify-content: flex-end;
    }

    html[dir="rtl"] .main-slider.style2 .tp-caption,
    html[lang="ar"] .main-slider.style2 .tp-caption {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        white-space: normal !important;
    }

    html[dir="rtl"] .main-slider.style2 .slide-content,
    html[lang="ar"] .main-slider.style2 .slide-content,
    html[dir="rtl"] .main-slider.style2 .slide-content .big-title,
    html[lang="ar"] .main-slider.style2 .slide-content .big-title,
    html[dir="rtl"] .main-slider.style2 .slide-content .medium-title,
    html[lang="ar"] .main-slider.style2 .slide-content .medium-title,
    html[dir="rtl"] .main-slider.style2 .slide-content .text,
    html[lang="ar"] .main-slider.style2 .slide-content .text {
        direction: rtl !important;
        text-align: right !important;
        white-space: normal !important;
    }

    html[dir="rtl"] .brand-area .brand-carousel,
    html[lang="ar"] .brand-area .brand-carousel {
        direction: ltr !important;
    }

    html[dir="rtl"] .brand-area .brand-carousel .owl-nav,
    html[lang="ar"] .brand-area .brand-carousel .owl-nav {
        left: 0;
        right: 0;
    }

    html[dir="rtl"] .main-slider.style2 .slide-content .big-title,
    html[lang="ar"] .main-slider.style2 .slide-content .big-title {
        font-size: 24px;
        line-height: 1.35em;
    }

    html[dir="rtl"] .main-slider.style2 .slide-content .text,
    html[lang="ar"] .main-slider.style2 .slide-content .text {
        font-size: 13px;
        line-height: 1.55em;
    }

    html[dir="rtl"] .main-slider.style2 .slide-content .btn-box,
    html[lang="ar"] .main-slider.style2 .slide-content .btn-box {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-start;
    }

    html[dir="rtl"] .main-slider.style2 .slide-content .btn-box a.slide-style2-button,
    html[lang="ar"] .main-slider.style2 .slide-content .btn-box a.slide-style2-button {
        margin-left: 0;
        line-height: 50px;
    }

    html[dir="rtl"] .breadcrumb-menu,
    html[lang="ar"] .breadcrumb-menu {
        float: none !important;
        width: 100%;
        margin-top: 10px;
    }

    html[dir="rtl"] .breadcrumb-menu ul,
    html[lang="ar"] .breadcrumb-menu ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    html[dir="rtl"] .language-switcher-pills,
    html[lang="ar"] .language-switcher-pills {
        width: 100%;
    }

    html[dir="rtl"] .language-pill,
    html[lang="ar"] .language-pill {
        flex: 1 1 50%;
        min-width: 0;
    }

    html[dir="rtl"] .nav-language-switcher,
    html[lang="ar"] .nav-language-switcher {
        display: list-item !important;
    }

    html[dir="rtl"] .mobile-language-switcher,
    html[lang="ar"] .mobile-language-switcher {
        display: list-item !important;
        padding: 0 20px 18px;
        text-align: right;
        width: 100%;
        clear: both;
    }

    html[dir="rtl"] .mobile-language-switcher .mobile-language-label,
    html[lang="ar"] .mobile-language-switcher .mobile-language-label {
        text-align: right;
        display: block;
    }

    html[dir="rtl"] .mobile-language-switcher .language-switcher-pills,
    html[lang="ar"] .mobile-language-switcher .language-switcher-pills {
        display: flex !important;
        justify-content: flex-end;
    }

    html[dir="rtl"] .language-pill:not(.is-active),
    html[lang="ar"] .language-pill:not(.is-active) {
        background: white;
        color: #000000 !important;
    }

    html[dir="rtl"] .language-pill.is-active,
    html[lang="ar"] .language-pill.is-active {
        background: black;
        color: white;
        border: 1px solid #e0e0e0;
    }
}

/* Mirror directional arrows in Arabic (site-wide) */
html[dir="rtl"] .flaticon-next,
html[lang="ar"] .flaticon-next,
html[dir="rtl"] .icon-next,
html[lang="ar"] .icon-next,
html[dir="rtl"] .icon-back,
html[lang="ar"] .icon-back,
html[dir="rtl"] .fa-arrow-right,
html[lang="ar"] .fa-arrow-right,
html[dir="rtl"] .fa-arrow-left,
html[lang="ar"] .fa-arrow-left,
html[dir="rtl"] .fa-chevron-right,
html[lang="ar"] .fa-chevron-right,
html[dir="rtl"] .fa-chevron-left,
html[lang="ar"] .fa-chevron-left,
html[dir="rtl"] .fa-angle-right,
html[lang="ar"] .fa-angle-right,
html[dir="rtl"] .fa-angle-left,
html[lang="ar"] .fa-angle-left,
html[dir="rtl"] .arrow,
html[lang="ar"] .arrow {
    display: inline-block;
    transform: scaleX(-1);
}

/* Keep scroll-top icon perfectly centered in Arabic */
html[dir="rtl"] .scroll-to-top .fa,
html[lang="ar"] .scroll-to-top .fa {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center !important;
    line-height: 1;
    direction: ltr;
}