/* ==========================================================================
   Assista Soins Pro - RTL (Right to Left) Stylesheet for Arabic
   ========================================================================== */

body {
  font-family: var(--as-font-arabic);
  direction: rtl;
  text-align: right;
}

/* Typography adjustments */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--as-font-arabic);
  letter-spacing: normal;
}

/* Header Mirrored */
.top-bar-contact {
  direction: rtl;
}

/* BiDi Protection for Phone Numbers & Numerical Data in RTL */
a[href^="tel:"],
.tel-link,
.phone-number,
.phone-number-ltr,
bdi,
span[dir="ltr"],
bdi[dir="ltr"],
.phone-val {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-flex !important;
  align-items: center;
}

.top-bar-contact a[href^="tel:"] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

.brand-link {
  flex-direction: row;
}

.main-navigation ul {
  direction: rtl;
}

.main-navigation a {
  font-family: var(--as-font-arabic);
}

/* Floating Badges in Hero */
.floating-card-1 {
  left: auto;
  right: -25px;
}

.floating-card-2 {
  right: auto;
  left: -25px;
}

@media (max-width: 992px) {
  .floating-card-1 {
    right: 0;
    left: auto;
  }
  .floating-card-2 {
    left: 0;
    right: auto;
  }
}

/* Floating Widgets */
.floating-widgets {
  right: auto;
  left: 24px;
}

.floating-tooltip {
  right: auto;
  left: 68px;
}

/* Service Card & Process */
.service-features li svg {
  margin-left: 0.5rem;
  margin-right: 0;
}

.service-action-link svg {
  transform: rotate(180deg);
}

.service-action-link:hover {
  gap: 0.7rem;
}

/* Wizard */
.service-select-card input[type="radio"] {
  right: auto;
  left: 1.25rem;
}

.service-select-info h5 {
  padding-right: 0;
  padding-left: 1.5rem;
}

.faq-question {
  text-align: right;
}

.footer-col a:hover {
  padding-inline-start: 4px;
  padding-inline-end: 0;
}

/* Facebook Community Banner RTL */
.facebook-community-banner::before {
  right: auto;
  left: -50px;
}

.fb-banner-content {
  text-align: right;
}

/* Process Stepper RTL */
body[dir="rtl"] .process-stepper-wrap::before {
  background: linear-gradient(270deg, #0284c7 0%, #0d9488 50%, #10b981 100%);
}

body[dir="rtl"] .process-step-card {
  text-align: right;
}