/**
 * Urban Assala — RTL Stylesheet
 * Applied when lang=ar (Arabic mode)
 * Overrides LTR-specific rules in main.css
 */

/* ── Base Direction ───────────────────────────────────── */
html[dir="rtl"],
body.lang-ar {
  direction: rtl;
  text-align: right;
}

/* ── Typography ───────────────────────────────────────── */
body.lang-ar,
body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar h4,
body.lang-ar p,
body.lang-ar a,
body.lang-ar button,
body.lang-ar input,
body.lang-ar select,
body.lang-ar textarea,
body.lang-ar label {
  font-family: 'Cairo', sans-serif;
}

/* ── Navbar ───────────────────────────────────────────── */
body.lang-ar .ua-nav__inner {
  flex-direction: row-reverse;
}
body.lang-ar .ua-nav__links {
  flex-direction: row-reverse;
}
body.lang-ar .ua-nav__actions {
  flex-direction: row-reverse;
}
body.lang-ar .ua-nav__mobile ul {
  text-align: right;
}

/* ── Hero Section ─────────────────────────────────────── */
body.lang-ar .ua-hero__inner {
  text-align: right;
  direction: rtl;
}
body.lang-ar .ua-hero__badges {
  justify-content: flex-end;
  flex-direction: row;
}
body.lang-ar .ua-hero__title {
  text-align: right;
}
body.lang-ar .ua-hero__subtitle {
  text-align: right;
}
body.lang-ar .ua-hero__desc {
  text-align: right;
  margin-inline-start: auto;
  margin-inline-end: 0;
}
body.lang-ar .ua-hero__actions {
  justify-content: flex-end;
  flex-direction: row-reverse;
}
body.lang-ar .ua-hero__stats {
  justify-content: flex-end;
  flex-direction: row-reverse;
}

/* ── Stats Section ────────────────────────────────────── */
body.lang-ar .ua-stats__card {
  direction: rtl;
}

/* ── About Section ────────────────────────────────────── */
body.lang-ar .ua-about__inner {
  direction: rtl;
}
body.lang-ar .ua-about__body {
  text-align: right;
}
body.lang-ar .ua-about__quote {
  border-inline-start: 3px solid var(--copper);
  border-inline-end: none;
  padding-inline-start: 1.25rem;
  padding-inline-end: 0;
  text-align: right;
}
body.lang-ar .ua-about__mini-stats {
  flex-direction: row-reverse;
}

/* ── Services Section ─────────────────────────────────── */
body.lang-ar .ua-services__card {
  text-align: right;
  direction: rtl;
}
body.lang-ar .ua-services__card-link {
  flex-direction: row-reverse;
}

/* ── Portfolio Section ────────────────────────────────── */
body.lang-ar .ua-portfolio__filters {
  flex-direction: row-reverse;
}
body.lang-ar .ua-portfolio__cat-badge {
  inset-inline-end: 12px;
  inset-inline-start: auto;
}
body.lang-ar .ua-portfolio__card-info {
  flex-direction: row-reverse;
}

/* ── Testimonials Section ─────────────────────────────── */
body.lang-ar .ua-testimonials__card {
  text-align: right;
  direction: rtl;
}
body.lang-ar .ua-testimonials__author {
  flex-direction: row-reverse;
  text-align: right;
}
body.lang-ar .ua-testimonials__stars {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

/* ── Team Section ─────────────────────────────────────── */
body.lang-ar .ua-team__info {
  direction: rtl;
}

/* ── Booking Section ──────────────────────────────────── */
body.lang-ar .ua-booking__inner {
  direction: rtl;
}
body.lang-ar .ua-booking__info {
  text-align: right;
}
body.lang-ar .ua-booking__contact-list {
  text-align: right;
}
body.lang-ar .ua-booking__contact-item {
  flex-direction: row-reverse;
}
body.lang-ar .ua-booking__form {
  direction: rtl;
  text-align: right;
}
body.lang-ar .ua-booking__label {
  text-align: right;
}
body.lang-ar .ua-input {
  text-align: right;
  direction: rtl;
}
body.lang-ar .ua-booking__wa-btn {
  flex-direction: row-reverse;
}
body.lang-ar .ua-form-success {
  flex-direction: row-reverse;
}

/* ── Footer ───────────────────────────────────────────── */
body.lang-ar .ua-footer__grid {
  direction: rtl;
}
body.lang-ar .ua-footer__tagline {
  text-align: right;
}
body.lang-ar .ua-footer__social {
  flex-direction: row-reverse;
}
body.lang-ar .ua-footer__links {
  text-align: right;
}
body.lang-ar .ua-footer__link {
  flex-direction: row-reverse;
}
body.lang-ar .ua-footer__contact-item {
  flex-direction: row-reverse;
}
body.lang-ar .ua-footer__bottom {
  flex-direction: row-reverse;
}

/* ── Buttons with arrows ──────────────────────────────── */
body.lang-ar .ua-btn svg {
  transform: scaleX(-1);
}

/* ── Section Headers ──────────────────────────────────── */
body.lang-ar .ua-section-label,
body.lang-ar .ua-section-title {
  text-align: center;
}
body.lang-ar .ua-text-center .ua-section-label,
body.lang-ar .ua-text-center .ua-section-title {
  text-align: center;
}

/* ── WhatsApp Float ───────────────────────────────────── */
body.lang-ar .ua-whatsapp-float {
  inset-inline-end: 1.5rem;
  inset-inline-start: auto;
}
body.lang-ar .ua-back-to-top {
  inset-inline-end: 1.5rem;
  inset-inline-start: auto;
}

/* ── Scroll Reveal ────────────────────────────────────── */
body.lang-ar .ua-reveal {
  transform: translateX(20px);
}
body.lang-ar .ua-reveal.visible {
  transform: translateX(0);
}