/* ================================
   QATAR 2022 ARABIC FONT
   ================================ */


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

/* ===== CONTAINERS ===== */
[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
  text-align: right;
}

/* ===== BOOTSTRAP GRID FIX ===== */
[dir="rtl"] .row {
  flex-direction: row-reverse;
}

[dir="rtl"] .innerbanner-image .container h1{
    text-align: center;
}

/* ===== TEXT ===== */
[dir="rtl"] p {
  text-align: right;
}

/* ===== LIST FIX (THIS IS YOUR MAIN ISSUE) ===== */

[dir="rtl"] ul {
  padding-right: 1.2rem;
  padding-left: 0;
}

[dir="rtl"] ul li {
  text-align: right;
  padding-right: 25px;
  padding-left: 0px;
}

/* ----- RESET FOR BOOTSTRAP DROPDOWNS ----- */
[dir="rtl"] .dropdown-menu {
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: right;
}

[dir="rtl"] .dropdown-menu li,
[dir="rtl"] .dropdown-menu .dropdown-item {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  text-align: right !important;
}

/* if you used custom bullets */
[dir="rtl"] ul li::before {
  right: -10px;
  left: auto;
}

/* ===== NAVBAR ===== */

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

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

/* ===== BUTTONS ===== */

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

/* ===== MARGIN MIRROR ===== */

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

[dir="rtl"] .me-1 { margin-left: .25rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-2 { margin-left: .5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }

/* ===== FORM ===== */

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

/* ===== SWIPER FIX ===== */

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

/* ===== FOOTER ===== */

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

/* ===== ICON FLIP ===== */

[dir="rtl"] .fa-arrow-right {
  transform: rotate(180deg);
}



/* =======================================================
   GLOBAL RTL HORIZONTAL SCROLL FIX – TOUCH SALON
   ======================================================= */

/* 1. Base protection */
html[dir="rtl"],
html[dir="rtl"] body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}


@media (max-width: 991px) {
    .mobile-menu-close {
        display: block !important;
        margin-left: 0;
        margin-right: auto;
    }
}