/* ══════════════════════════════════════════════════════════════════════
   css/rtl.css  —  RTL overrides for Arabic
   يُضاف فقط عندما lang=ar  (يُحمّل بشرط من PHP)
   ══════════════════════════════════════════════════════════════════════ */

/* ── Arabic Font ── */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap');

/* ── Global ── */
body {
  font-family: 'Tajawal', 'Exo 2', system-ui, sans-serif;
  direction: rtl;
  text-align: right;
}

/* ══════════════════════════════════════════════════════════════════════
   NAVBAR & FOOTER — kept exactly as LTR (no flip)
   ══════════════════════════════════════════════════════════════════════ */
.navbar,
.o-nav {
  direction: ltr;
  text-align: left;
}
.nav-pill,
.o-nav__pill {
  direction: ltr;
}
.nav-actions,
.o-nav__actions {
  direction: ltr;
}
.nav-dropdown,
.o-nav__drop {
  direction: ltr;
  text-align: left;
}
.mobile-nav,
.o-mobnav {
  direction: ltr;
  text-align: left;
}
.footer-top,
.o-footer__top,
.o-footer__bottom,
.footer-bottom {
  direction: ltr;
  text-align: left;
}
.footer-brand,
.o-footer__brand {
  align-items: flex-start;
}
.footer-col,
.o-footer__col {
  text-align: left;
}
.footer-contact-list li,
.o-footer__contact li {
  flex-direction: row;
}
.footer-socials,
.o-footer__socials {
  justify-content: flex-start;
}

/* ══════════════════════════════════════════════════════════════════════
   NOTIFICATIONS & MESSAGES POPUP — keep LTR
   ══════════════════════════════════════════════════════════════════════ */
.nav-popup,
.o-nav__popup {
  direction: ltr;
  text-align: left;
}
.nav-popup-hd,
.o-nav__popup-hd {
  flex-direction: row;
}
.npl-title,
.npl-msg,
.o-npl__title,
.o-npl__msg {
  text-align: left;
}
.avatar-popup .nav-popup-list li a,
.o-nav__popup--avatar .o-nav__popup-list li a {
  flex-direction: row;
}
.msg-info,
.o-msg-info {
  text-align: left;
}

/* ══════════════════════════════════════════════════════════════════════
   PAGE CONTENT — RTL (hero, sections, orders, etc.)
   ══════════════════════════════════════════════════════════════════════ */

/* ── Hero ── */
.hero-tagline {
  direction: rtl;
}
.hero-cta {
  flex-direction: row-reverse;
}
.hero-stats {
  flex-direction: row-reverse;
}
.stat-label {
  letter-spacing: 0;
}
.hero-tagline em::after {
  left: auto;
  right: 0;
}

/* ── Section labels ── */
.sec-label {
  flex-direction: row-reverse;
  letter-spacing: 0;
}
.sec-label::before {
  background: linear-gradient(270deg, #1F7A8C, transparent);
}
.sec-label::after {
  background: linear-gradient(90deg, #1F7A8C, transparent);
}

/* ── Features ── */
.features-hd {
  direction: rtl;
}
.features-hd .sec-sub {
  text-align: right;
}
.feat-card {
  align-items: flex-end;
  text-align: right;
}

/* ── Services page cards ── */
.svc-body-top {
  flex-direction: row-reverse;
}
.svc-bar-fill {
  transform-origin: right;
}

/* ── Services slider (index) ── */
.services-hd {
  direction: rtl;
}
.services-hd .sec-sub {
  text-align: right;
}
.fsld-body {
  flex-direction: row-reverse;
}
.fsld-slide.fsld-in-right  { transform: translateX(-70px) scale(.97); }
.fsld-slide.fsld-in-left   { transform: translateX(70px)  scale(.97); }
.fsld-slide.fsld-out-left  { transform: translateX(50px)  scale(.97); }
.fsld-slide.fsld-out-right { transform: translateX(-50px) scale(.97); }

/* ── Reviews ── */
.rev-top {
  flex-direction: row-reverse;
}
.rev-meta {
  text-align: right;
}
.rev-quote {
  right: auto;
  left: 16px;
}
.reviews-hd {
  text-align: right;
}

/* ── Promo banner ── */
.promo-text {
  direction: rtl;
}

/* ── Orders page content ── */
.o-header {
  text-align: center; /* العنوان في المنتصف كما في الصورة */
}
.o-filter {
  text-align: right;
}
.o-filter__form {
  text-align: right;
}
.o-filter__label {
  text-align: right;
}
.o-card__head {
  flex-direction: row-reverse;
}
.o-card__foot {
  flex-direction: row-reverse;
}
.o-card__link i {
  transform: scaleX(-1);
}
.o-empty {
  text-align: center;
}
.o-empty__link {
  letter-spacing: 0;
}

/* ── Brands strip — keep LTR always ── */
.brands-strip,
.brands-track,
.brand-item {
  direction: ltr;
}

/* ── Scroll bar ── */
::-webkit-scrollbar {
  width: 5px;
}

/* ── Lang switcher button ── */
.lang-btn {
  font-family: 'Tajawal', sans-serif !important;
}