/* ==========================================================================
   GRM FRANCE — feuille de droite à gauche
   Chargée uniquement par les pages de /ar/, après style.css et après les
   <style> internes de certaines pages, pour gagner sur leurs règles.
   Elle ne touche ni aux couleurs, ni aux images, ni à la structure : elle
   ne fait que retourner les propriétés physiques (left/right, padding-left,
   margin-left) que dir="rtl" ne retourne pas tout seul.
   ========================================================================== */

body { text-align: right; }

/* Le sélecteur de langue porte ses styles en ligne : seul !important
   peut les contredire. */
/* Le menu s'ouvre sous son bouton, aligné à droite, comme dans les trois
   autres langues : la barre de navigation est forcée en LTR. */

/* Les blocs volontairement centrés le restent. */
.lead--center,
.section-head--center,
.cta,
.cta-bien,
.page-title-real,
.page-subtitle,
.bien-header,
.bien-desc,
.galerie-section h2,
.page-hero,
.entreprise-hero,
.estim-hero,
.contact-hero,
.devis-hero { text-align: center; }

/* — Navigation — */
/* .nav__inner et .nav__links sont en flex : direction:rtl inverse déjà leur
   ordre, le logo passe à droite et le burger à gauche. Rien à forcer. */

/* — Lien de retour des pages service, entreprise, estimation — */
.svc-back { left: auto; right: 40px; }
.retour-link { text-align: right; }

/* — Carrousel des réalisations : les flèches échangent leurs bords — */
.works-nav--prev { left: auto; right: 14px; }
.works-nav--next { right: auto; left: 14px; }
.works-grid { scroll-padding-left: 0; scroll-padding-right: 40px; }
.work__overlay { text-align: right; }

/* — Étiquettes Avant / Après et vignettes — */
.ba__tag { left: auto; right: 14px; }
.pair-label { left: auto; right: 15px; }

/* — Décalages de puces et de citation — */
.histoire__quote { padding-left: 0; padding-right: 30px; }
.service-row li { padding-left: 0; padding-right: 20px; }
.service-row li::before { left: auto; right: 0; }
.estim-list:not(.estim-list--questions) .estim-list__item { padding-left: 0; padding-right: 18px; }
.estim-list:not(.estim-list--questions) .estim-list__item::before { left: auto; right: 2px; }
.devis-aside__point { padding-left: 0; padding-right: 20px; }
.devis-aside__point::before { left: auto; right: 0; }
.histoire-story__text { padding-left: 0; padding-right: 60px; }
.footer__col, .footer__brand, .contact-info, .devis-aside { text-align: right; }

/* — Formulaires : libellés et champs alignés à droite — */
.contact-field__label, .devis-field__label,
.contact-field__input, .contact-field__textarea,
.devis-field__input, .devis-field__textarea { text-align: right; }
.devis-radio { flex-direction: row-reverse; justify-content: flex-end; }

/* — La carte de France garde ses coordonnées : les pastilles sont
     positionnées en % de l'image, pas du sens de lecture. — */
.map-wrapper { direction: ltr; }
.zones-text { direction: rtl; text-align: right; }

@media (max-width: 1150px) {
  /* Le panneau du menu burger suit le même retournement. */
  .nav-panel, .nav-panel__meta { text-align: right; }
  /* La barre de navigation garde la même disposition dans les quatre
     langues : burger à gauche, logo au centre, langues à droite. */
  .nav__inner { direction: ltr; }
}

@media (max-width: 768px) {
  .services-nav--prev { left: auto; right: 10px; }
  .services-nav--next { right: auto; left: 10px; }
  .svc-back { right: 24px; }
  .histoire-story__text { padding-right: 0; text-align: right; }
}