/**
 * RTL Stylesheet - CORE ESW
 *
 * Loaded only when is_rtl() is true (Arabic).
 * Keeps the exact same design, just mirrored for right-to-left reading
 * and switches the font to Noto Kufi Arabic.
 *
 * @since 1.0.0
 */

/* ---------------------------------
   1.0 - Base direction + Arabic font
--------------------------------- */
html[dir="rtl"] body {
	direction: rtl;
	text-align: right;
	font-family: 'Noto Kufi Arabic', sans-serif;
}

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"] .btn,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] li {
	font-family: 'Noto Kufi Arabic', sans-serif;
}

/* ---------------------------------
   2.0 - Navbar
--------------------------------- */
html[dir="rtl"] .navbar-brand {
	margin-left: 0;
	margin-right: auto;
}

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

html[dir="rtl"] .navbar-nav .nav-link {
	padding-right: var(--bs-navbar-nav-link-padding-x);
	padding-left: 39px;
}

/* Language switcher placement next to the menu */
html[dir="rtl"] .core-esw-lang-switcher {
	margin-left: 0;
	margin-right: 15px;
}

html[dir="ltr"] .core-esw-lang-switcher,
.core-esw-lang-switcher {
	margin-left: 15px;
}

/* ---------------------------------
   3.0 - Toggle / Full Width Menu Overlay
--------------------------------- */
html[dir="rtl"] .toggle-menu-header .container,
html[dir="rtl"] .menu-content {
	direction: rtl;
}

html[dir="rtl"] .geometric-overlay {
	left: auto;
	right: 0;
	transform: scaleX(-1);
}

html[dir="rtl"] .menu-column,
html[dir="rtl"] .contact-section {
	text-align: right;
}

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

/* ---------------------------------
   4.0 - Generic icon mirroring
   (arrows / chevrons that imply direction)
--------------------------------- */
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .proj-showcase-arrow-left,
html[dir="rtl"] .careers-unique-arrow-left {
	transform: scaleX(-1);
}

html[dir="rtl"] .navbar-toggler::before {
	right: auto;
	left: 0;
	background: linear-gradient(to bottom right, #3b7ec4 50%, transparent 50%);
}

html[dir="rtl"] .navbar-toggler:hover::before {
	background: linear-gradient(to bottom right, #2874c5 50%, transparent 50%);
}

html[dir="rtl"] .navbar-toggler {
  left: 0 !important;
  background: transparent;
  cursor: pointer;
  margin-right: auto;
  padding-left: 20px;
  margin-left: 0;
}

html[dir="rtl"] .business-line-overlay-content {
	padding: 40px 30px 40px 205px;
}

html[dir="rtl"] .col-md-6.d-none.d-md-block .projects-button.float-end {
	float: left !important;
}

html[dir="rtl"] .carousel-controls-desktop {
  left: 30px;
  right: unset;
}

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

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: .5rem !important;
   margin-right: unset !important;
}

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

html[dir="rtl"] .values-carousel-controls-fixed {
right: unset;
left: 20px;
}

html[dir="rtl"] .value-icon {
  margin-right: unset;
  margin-left: 30px;
}

html[dir="rtl"] .stat-row-last {
  left: -40%;
  right: unset;
}

html[dir="rtl"]  .form-control-custom {
  background-color: #E6F5F9;
  border: 1px solid #CADBEA;
  padding: 12px 15px;
  margin-bottom: 20px;
  border-radius: 0;
  direction: rtl;
}