/* ============================================
   SOLVRA WORKS STUDIO — RTL overrides (Arabic)
   Loaded after style.css, only on the /ar/ pages.
   Most of the layout mirrors automatically once <html dir="rtl"> is set —
   CSS Grid and Flexbox both honor the writing direction natively (column
   order, flex item order, text alignment). This file only fixes the
   handful of PHYSICAL left/right values in style.css that don't flip on
   their own, plus a couple of directional icons.
   ============================================ */

/* Floating WhatsApp button — bottom-right in LTR, must sit bottom-left in RTL
   so it never covers content the way it wouldn't in the mirrored layout. */
.whatsapp-float {
  right: auto;
  left: 24px;
}

@media (max-width: 640px) {
  .whatsapp-float {
    right: auto;
    left: 18px;
  }
}

/* Hero decorative glow / geometric mark — mirror their corner so the
   composition still reads as asymmetric-but-balanced, not just shifted. */
.hero-glow {
  right: auto;
  left: -12%;
}

.hero-visual {
  right: auto;
  left: 4%;
}

/* Solution card line-art motif — sits top-right of the card in LTR, mirror
   to top-left so it stays in the empty corner opposite the text start. */
.solution-visual {
  right: auto;
  left: 40px;
}

.solution-detail .solution-visual {
  left: 60px;
}

/* Audit-section glow — was positioned near the form card in the LTR layout
   (right-hand column). The grid mirrors the card to the left in RTL, so the
   glow needs to follow it. */
.audit-glow {
  left: 32%;
}

/* Forward-pointing arrows ("Parler de mon projet →", "Découvrir →", the
   submit button arrow) — flip so they point toward reading-start (left)
   instead of away from it. */
.btn-arrow,
.solution-card .link svg,
.btn-audit-submit svg {
  transform: scaleX(-1);
}

.btn:hover .btn-arrow,
.solution-card:hover .link svg,
.btn-audit-submit:hover svg {
  transform: scaleX(-1) translateX(4px);
}

/* FAQ question label was hardcoded to left-align (assumes LTR reading start) */
.faq-question {
  text-align: right;
}

/* International identifiers remain easier to read from left to right. */
.audit-field input[type="email"],
.audit-field input[type="tel"] {
  direction: ltr;
  text-align: left;
}

/* Keep language codes in their familiar international order. */
.lang-switch {
  direction: ltr;
}

.lang-switch-menu {
  right: auto;
  left: 0;
  text-align: left;
}

.mobile-menu .lang-switch-menu {
  text-align: right;
}

/* Arabic glyphs need slightly more vertical breathing room. */
body {
  line-height: 1.75;
}

/* Comparison table — the divider between "Agence généraliste" / "SOLVRA WORKS"
   is a border on the physical right edge of the first cell. Once the grid
   mirrors, that edge is now the row's outer edge, not the seam between the
   two columns — move the border to the other side. */
.compare-row > span:first-child {
  border-right: none;
  border-left: 1px solid var(--border);
}

@media (max-width: 640px) {
  .compare-row > span:first-child {
    border-left: none;
    border-bottom: 1px solid var(--border);
  }
}