/*
 * Les pages arabes du site public (2026-11-07), chargees apres toutes les
 * autres feuilles sur /ar/ seulement. <html dir="rtl"> retourne deja le flux :
 * texte, flex, grille et marges logiques. Cette feuille ne reprend que ce que
 * les feuilles francaises ecrivent en dur a gauche ou a droite, et la police.
 *
 * Restent dans le sens d'origine : les Eurocodes, references, numeros et
 * adresses (dir="ltr" ou .mono), et le schema « Quel vitrage ? », qui est un
 * dessin de voiture vue de dessus — sa gauche reste la gauche du vehicule.
 */

[dir="rtl"] {
  --font-heading: "Noto Sans Arabic", "Inter", system-ui, Tahoma, sans-serif;
  --font-body:    "Noto Sans Arabic", "Inter", system-ui, Tahoma, sans-serif;
}
/* L'arabe ne s'espace pas : la chasse et les capitales du francais le cassent. */
[dir="rtl"] .gat-wordmark, [dir="rtl"] .kicker, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { letter-spacing: 0; }
[dir="rtl"] body { line-height: 1.75; }

/* Ce qui se lit de gauche a droite, meme dans une page arabe. */
[dir="rtl"] code, [dir="rtl"] .mono, [dir="rtl"] .gat-ref, [dir="rtl"] input[type="tel"],
[dir="rtl"] a[href^="tel:"], [dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .gat-positions-schema { direction: ltr; }

/* Les fleches des boutons et des listes pointent vers la suite : a gauche. */
[dir="rtl"] .gat svg.gat-fleche, [dir="rtl"] .btn svg:last-child:not(:first-child),
[dir="rtl"] .gat-menu-mobile nav a svg { transform: scaleX(-1); }

/* site.css */
[dir="rtl"] .gat-skip { left: auto; right: -9999px; }
[dir="rtl"] .gat-skip:focus { left: auto; right: 12px; }
[dir="rtl"] .seg-opt + .seg-opt { border-left: 0; border-right: 1px solid var(--line-strong); }
[dir="rtl"] .table th, [dir="rtl"] .gat-table-produits th { text-align: right; }
[dir="rtl"] .gat-tp-action { text-align: left; }
[dir="rtl"] .gat-topbar-right, [dir="rtl"] .gat-nav { margin-left: 0; margin-right: auto; }
[dir="rtl"] .gat-content ul, [dir="rtl"] .gat-content ol { padding-left: 0; padding-right: 1.15em; }
[dir="rtl"] .gat-tuile-pleine .gat-tuile-nb { margin-left: 0; margin-right: auto; }
[dir="rtl"] .gat-macaron { padding-left: 0; }
[dir="rtl"] .gat-doute:has(> svg:first-child) { padding-left: var(--space-6); padding-right: 50px; }
[dir="rtl"] .gat-doute > svg:first-child { left: auto; right: 17px; }
[dir="rtl"] .gat-identifier-positions { padding-left: 0; border-left: 0; padding-right: calc(var(--space-8) * 1.6); border-right: 1px solid var(--line); }
[dir="rtl"] .gat-result-stock, [dir="rtl"] .gat-spec .v { text-align: left; }
[dir="rtl"] .gat-topbar-langue { font-family: "Inter", system-ui, sans-serif; }

/* La piste du carrousel defile de gauche a droite comme en francais : son
   script calcule en scrollLeft positif, qu'une piste rtl rend negatif (le
   bouton « suivant » ne bougeait plus). Chaque diapositive repasse en rtl. */
[dir="rtl"] .gat-diapos { direction: ltr; }
[dir="rtl"] .gat-diapo { direction: rtl; }

/* Le carrousel de l'accueil en miroir : le texte a droite, l'image poussee
   a gauche et fondue vers la droite, les commandes sous le texte. */
[dir="rtl"] .gat-diapo-img {
  left: auto; right: var(--decalage, 0%);
  -webkit-mask-image: linear-gradient(270deg, transparent, #000 30%);
  mask-image: linear-gradient(270deg, transparent, #000 30%);
}
[dir="rtl"] .gat-diapo::after {
  background: linear-gradient(270deg,
    color-mix(in srgb, var(--color-neutral-900) 88%, transparent) 0,
    color-mix(in srgb, var(--color-neutral-900) 80%, transparent) calc(var(--bleed) + var(--une-texte)),
    transparent calc(var(--bleed) + var(--une-texte) + min(300px, 24vw)));
}
[dir="rtl"] .gat-carrousel-commandes { left: auto; right: var(--bleed); }
@media (max-width: 1180px) {
  [dir="rtl"] .gat-carrousel-commandes { right: auto; left: var(--bleed); }
}

/* Les filets d'accent poses en haut a gauche d'un titre passent a droite. */
[dir="rtl"] .gat-section-titre, [dir="rtl"] .gat-spec-titre { background-position: top right, top; }

/* Le bouton flottant WhatsApp et la barre du telephone restent ou le pouce les attend. */

/* fiche.css, pages.css, taxonomie.css, assistant.css */
[dir="rtl"] .gat-fiche .gat-eurocode-v { text-align: left; }
[dir="rtl"] .gat-doute-question legend, [dir="rtl"] .gat-equip-q legend { float: right; }
[dir="rtl"] .gat-doute-liste, [dir="rtl"] .gat-devis-alerte ul, [dir="rtl"] .gat-doc .gat-content ol { padding-left: 0; padding-right: 1.1em; }
[dir="rtl"] .gat-fiche-tel { margin-left: 0; margin-right: var(--space-2); }
[dir="rtl"] .gat-devis-alerte { border-left: 0; border-right: 3px solid #a4392a; }
[dir="rtl"] .gat-devis-piege { left: auto; right: -9999px; }
[dir="rtl"] .gat-tx-groupe-titre .vers { margin-left: 0; margin-right: auto; }
@media (max-width: 760px) {
  [dir="rtl"] .gat-tx-groupe-titre .vers { margin-right: 0; }
  [dir="rtl"] .gat-table-produits .gat-tp-action { text-align: right; }
  [dir="rtl"] .gat-result-stock { text-align: right; }
}