/* RTL overrides for علي الغامدي للمقاولات والإنشاءات template */
/* Local Cairo font faces */
@font-face {
  font-family: 'Cairo';
  src: url('../lib/cairo/Cairo-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('../lib/cairo/Cairo-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('../lib/cairo/Cairo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('../lib/cairo/Cairo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('../lib/cairo/Cairo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('../lib/cairo/Cairo-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
html[dir="rtl"] body {
  direction: rtl;
}

/* Font override for Arabic */
/* Apply Arabic font without overriding icon fonts */
html[dir="rtl"] body {
  font-family: 'Cairo', Arial, Helvetica, sans-serif;
}

/* Keep default icon fonts (Font Awesome / Bootstrap Icons) */
/* No icon overrides here to preserve their original fonts */

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

/* Navbar spacing swap */
html[dir="rtl"] .navbar .navbar-nav .nav-link { margin-right: 30px; margin-left: 0; }
@media (max-width: 991.98px) {
  html[dir="rtl"] .navbar .navbar-nav .nav-link { margin-right: 0; }
}

/* Dropdown alignment */
@media (min-width: 992px) {
  html[dir="rtl"] .navbar .nav-item .dropdown-menu { right: auto; left: 0; }
}

/* Carousel caption alignment */
html[dir="rtl"] .carousel-caption { text-align: right; }

/* Carousel controls: swap sides and flip arrows in RTL */
html[dir="rtl"] .carousel-control-prev { right: 0; left: auto; }
html[dir="rtl"] .carousel-control-next { left: 0; right: auto; }
html[dir="rtl"] .carousel-control-prev-icon { transform: scaleX(-1); }
html[dir="rtl"] .carousel-control-next-icon { transform: scaleX(-1); }

/* Footer link alignment and icon spacing */
html[dir="rtl"] .footer .btn.btn-link { text-align: right; }
html[dir="rtl"] .footer .btn.btn-link::before { margin-left: 10px; margin-right: 0; content: "\f104"; }

/* Start/End margin utilities swap (Bootstrap-like scale) */
/* ms-* becomes margin-right in RTL */
html[dir="rtl"] .ms-0 { margin-right: 0 !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-1 { margin-right: .25rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-2 { margin-right: .5rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-auto { margin-right: auto !important; margin-left: 0 !important; }

/* me-* becomes margin-left in RTL */
html[dir="rtl"] .me-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .me-1 { margin-left: .25rem !important; margin-right: 0 !important; }
html[dir="rtl"] .me-2 { margin-left: .5rem !important; margin-right: 0 !important; }
html[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
html[dir="rtl"] .me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
html[dir="rtl"] .me-5 { margin-left: 3rem !important; margin-right: 0 !important; }
html[dir="rtl"] .me-auto { margin-left: auto !important; margin-right: 0 !important; }

/* Padding start/end utilities swap (commonly used ps/pe) */
html[dir="rtl"] .ps-0 { padding-right: 0 !important; padding-left: 0 !important; }
html[dir="rtl"] .ps-1 { padding-right: .25rem !important; padding-left: 0 !important; }
html[dir="rtl"] .ps-2 { padding-right: .5rem !important; padding-left: 0 !important; }
html[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
html[dir="rtl"] .ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
html[dir="rtl"] .ps-5 { padding-right: 3rem !important; padding-left: 0 !important; }
html[dir="rtl"] .pe-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .pe-1 { padding-left: .25rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pe-2 { padding-left: .5rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pe-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pe-5 { padding-left: 3rem !important; padding-right: 0 !important; }

/* Swap caret spacing in dropdown */
html[dir="rtl"] .navbar .dropdown-toggle::after { margin-right: 8px; margin-left: 0; }

/* Footer newsletter input/button alignment in RTL */
html[dir="rtl"] .footer .position-relative .btn.position-absolute.top-0.end-0 {
  left: auto !important;
  right: .5rem !important;
  top: .5rem !important;
  margin: 0 !important;
  width: auto !important;
}
html[dir="rtl"] .footer .position-relative .btn { display: inline-block; white-space: nowrap; }
html[dir="rtl"] .footer input.form-control { text-align: right; padding-right: 6rem !important; padding-left: 1rem !important; }
html[dir="rtl"] .footer input.form-control::placeholder { text-align: right; }