/* ================================================================
   ASAHA — RTL Overrides for Arabic Version
   Loaded AFTER style.css in index-ar.html only
================================================================ */

/* ====== ARABIC FONT ====== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800;900&display=swap');

body { font-family: 'Noto Sans Arabic', 'Open Sans', sans-serif; font-size: 16px; }
h1,h2,h3,h4,h5,h6 { font-family: 'Noto Sans Arabic', 'Montserrat', sans-serif; line-height: 1.3; }
h1 { font-size: clamp(1.8rem, 4.5vw, 3.4rem); }
.btn, .nav__lang, .eyebrow, .client-chip__name,
.stats__lbl, .svc-card__title, .proj-card__client,
.team-card__name, .team-card__role, .cform__label,
.foot-brand-name, .foot-col-title, .foot-brand-sub,
.about__box-badge, .about__box-title, .about__box-body,
.about__float-lbl, .about__check-text,
.val-item__title, .val-item__text,
.proj-card__title, .proj-card__text,
.award-badge__lbl, .awards__text,
.md-quote__text, .md-quote__name, .md-quote__role,
.cinfo__lbl, .cinfo__val, .cinfo__sub,
.cform__sub, .hero__desc, .hero__card-title, .hero__card-sub,
.hero__eyebrow-text, .svc-card__text, .svc-card__link,
.team-card__info-row,
.foot-brand-text, .foot-contact-row
{ font-family: 'Noto Sans Arabic', 'Montserrat', sans-serif; }

/* Nav buttons — no size override needed, min-width set in style.css */

/* Text alignment handled by dir="rtl" on html — only center overrides needed */
.stats__item, .values__top, .clients__top,
.projects__cta, .val-item { text-align: center; }

/* ====== NAV ====== */
.nav__links { margin-left: 0; margin-right: auto; }
.nav__mobile-x { right: auto; left: 28px; }
.nav__burger { margin-right: auto; margin-left: 0; }

/* ====== HERO BG ====== */
.hero-bg__ring-1 { right: auto; left: -180px; }
.hero-bg__ring-2 { right: auto; left: -60px; }
.hero-bg__ring-3 { right: auto; left: 60px; }
.hero-bg__glow { right: auto; left: 80px; }
.hero-bg__accent { right: 0; left: auto; }
.hero-bg__stripe { right: 0; left: 0; }

/* ====== HERO CONTENT ====== */

/* ====== STATS ====== */
.stats__item { border-right: none; border-left: 1px solid var(--bd); }
.stats__item:last-child { border-left: none; }
.stats__item::after { transform-origin: right; }

/* ====== ABOUT ====== */
.about__box::before { right: auto; left: -50px; }
.about__float { right: auto; left: -22px; }

/* ====== SERVICE CARDS ====== */
.svc-card__head::after { right: auto; left: -25px; }

/* ====== PROJECT CARDS ====== */
.proj-card__badge { left: auto; right: 14px; }

/* ====== MARQUEE ====== */
.marquee::before { left: auto; right: 0; background: linear-gradient(to left, var(--ow), transparent); }
.marquee::after  { right: auto; left: 0; background: linear-gradient(to right, var(--ow), transparent); }
@keyframes marquee-scroll-rtl {
  0%   { transform: translateX(0); }
  100% { transform: translateX(50%); }
}
.marquee__track { animation-name: marquee-scroll-rtl; }
.marquee--reverse .marquee__track { animation-direction: reverse; }

/* ====== AWARDS ====== */
.awards__inner { flex-direction: row-reverse; }

/* ====== MD STATEMENT ====== */
.md-statement__inner { flex-direction: row-reverse; text-align: right; }
.md-quote__text::before { left: auto; right: -16px; }

/* ====== TEAM ====== */
.team-card__nat { right: auto; left: 14px; }

/* ====== CONTACT FORM ====== */
.cform__input, .cform__textarea {
  direction: rtl;
  text-align: right;
}

/* Custom RTL Select Dropdown */
.cselect {
  position: relative; width: 100%;
}
.cselect__trigger {
  width: 100%; padding: 12px 15px; border: 1.5px solid var(--bd); border-radius: 7px;
  font-family: 'Noto Sans Arabic', 'Open Sans', sans-serif; font-size: .88rem; color: var(--td);
  background: var(--w); cursor: pointer; text-align: right;
  display: flex; justify-content: space-between; align-items: center;
}
.cselect__trigger::after {
  content: '▾'; font-size: .8rem; color: var(--tg); margin-right: 8px;
}
.cselect.open .cselect__trigger { border-color: var(--m); box-shadow: 0 0 0 3px rgba(107,21,21,.09); }
.cselect__opts {
  display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 50;
  background: #fff; border: 1.5px solid var(--bd); border-top: none;
  border-radius: 0 0 7px 7px; max-height: 260px; overflow-y: auto;
  box-shadow: 0 8px 24px rgba(0,0,0,.1);
}
.cselect.open .cselect__opts { display: block; }
.cselect__opt {
  padding: 10px 15px; font-size: .88rem; color: var(--td); cursor: pointer;
  text-align: right; font-family: 'Noto Sans Arabic', 'Open Sans', sans-serif;
}
.cselect__opt:hover { background: var(--op); }

/* ====== CONTACT INFO ====== */
.contact-split__info::before { right: auto; left: -80px; }

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

/* ====== BACK TO TOP ====== */
.back-top { right: auto; left: 28px; }

/* ====== DETAIL PAGES ====== */
.collapse-body ul { padding-right: 20px; padding-left: 0; }
.vm-box { text-align: center; }

/* ====== RESPONSIVE ====== */
@media (max-width: 1060px) {
  .about__float { right: auto; left: -18px; }
}
@media (max-width: 860px) {
  .md-statement__inner { flex-direction: column; text-align: center; }
  .awards__inner { flex-direction: column; }
}
@media (max-width: 580px) {
  .stats__item { border-left: none; }
  .stats__item:nth-child(odd) { border-left: 1px solid var(--bd); border-right: none; }
  .stats__item:last-child { border-left: none; }
}