/* ARABE (RTL), version squelette. Charge uniquement quand <html dir="rtl">.
   Principe : la direction (dir="rtl") inverse deja flex, grid, texte et listes. Ce fichier ne corrige que ce qui est
   "physique" dans site.css / header-clinic.css (left, right, margin-left, transform, fleches) et les polices.
   A completer apres une passe visuelle de chaque gabarit (liste dans docs/I18N_DESIGN.md, section RTL).
   Regle pour tout nouveau CSS du site : proprietes logiques (margin-inline-start, padding-inline-end, inset-inline-start, text-align:start). */

:root{--font-ar:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
html[dir="rtl"] body,
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,
html[dir="rtl"] .faq summary,html[dir="rtl"] .footer-mail,html[dir="rtl"] .brand strong,
html[dir="rtl"] .card-bottom strong,html[dir="rtl"] .service-detail strong,html[dir="rtl"] .menu-primary a{font-family:var(--font-ar)}

/* L'arabe ne se coupe pas en lettres isolees : jamais d'interlettrage, de capitales ni d italique. */
html[dir="rtl"] *{letter-spacing:0!important;text-transform:none!important}
html[dir="rtl"] em,html[dir="rtl"] i{font-style:normal}
html[dir="rtl"] body{line-height:1.75}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{line-height:1.35}

/* Numeros de telephone, e-mails, URL, horaires : toujours de gauche a droite, isoles du texte arabe. */
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"],html[dir="rtl"] .footer-phone,html[dir="rtl"] .footer-mail,
html[dir="rtl"] .clinic-call span,html[dir="rtl"] .header-contact-phone span,html[dir="rtl"] .clinic-hours-text,html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="email"]{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="email"]{text-align:right}

/* Fleches et chevrons : miroir. Les logos de marque et le pictogramme WhatsApp ne sont jamais retournes. */
html[dir="rtl"] .arrow,html[dir="rtl"] .pi-link span[aria-hidden],html[dir="rtl"] .menu-speciality-arrow,html[dir="rtl"] .vmenu-chevron,
html[dir="rtl"] .bp-arrow svg,html[dir="rtl"] .bp-next svg,html[dir="rtl"] .bp-send svg,html[dir="rtl"] .vmenu-flyout-all span,html[dir="rtl"] .vmenu-all span{display:inline-block;transform:scaleX(-1)}

/* Menu de langue : ancre a droite. Le tiroir du menu (.menu-drawer) glisse depuis la gauche : a decider avec le client (laisser tel quel ou le passer a droite). */
html[dir="rtl"] .clinic-language>div{left:auto;right:0}
html[dir="rtl"] .skip{left:auto;right:0}

/* Champs de saisie : texte arabe a droite, placeholder aligne. */
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:start}
/* .wa-float : a verifier visuellement (position coin bas droit actuel). */
/* TODO apres revue visuelle : galeries avant/apres (realisations), rail d'articles (pi-rail), calendrier de rendez-vous (.bp-track), bandeau mot-cle du pied (.brandline), video-playback. */