/* PARACHOU — mise en page arabe (RTL). Chargée uniquement quand la langue
   est l'arabe (html[dir="rtl"]). Le français n'est jamais impacté. */

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: "Tajawal", "Plus Jakarta Sans", system-ui, sans-serif;
}

/* En-tête : direction héritée de body (rtl) — le flex "row" par défaut suffit
   déjà à inverser l'ordre visuel ; un flex-direction:row-reverse ici double
   l'inversion et ramène l'ordre visuel à un ordre gauche→droite (bug). */
html[dir="rtl"] .entete-in { direction: rtl; }
html[dir="rtl"] .entete-bas { direction: rtl; }
html[dir="rtl"] .nav-principale > ul { flex-direction: row; }
html[dir="rtl"] .actions-entete { flex-direction: row; }

/* Menu déroulant "Toutes les catégories" : s'ouvre côté droit, séparateur inversé */
html[dir="rtl"] .nav-dropdown > a,
html[dir="rtl"] .categories-trigger > a { direction: rtl; }
html[dir="rtl"] .menu-deroulant { left: auto; right: 0; }
html[dir="rtl"] .categories-trigger {
  border-right: none; border-left: 1px solid #DBD6C7;
  padding-right: 0; padding-left: 10px;
  margin-right: 0; margin-left: 8px;
}

/* Champs de formulaire alignés à droite */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select { text-align: right; }
html[dir="rtl"] .recherche { direction: rtl; }
html[dir="rtl"] .recherche-cat {
  background-position: left 5px center;
  padding: 10px 16px 10px 24px;
}

/* Menu latéral (tiroir) : contenu aligné à droite */
html[dir="rtl"] .tiroir-panneau { text-align: right; }

/* Pied de page */
html[dir="rtl"] .pied-in { direction: rtl; text-align: right; }

/* Fil d'ariane, listes et récap panier */
html[dir="rtl"] .fil,
html[dir="rtl"] .recap,
html[dir="rtl"] .lignes-panier { direction: rtl; text-align: right; }


/* Accueil v2 (bandeau photo + recherche) — miroir pour l'arabe : texte à
   droite, photo à gauche (non retournée : le visage regarde vers le texte). */
html[dir="rtl"] .ah::before{background:radial-gradient(60% 70% at 82% 30%,rgba(143,227,166,.18),transparent 70%)}
html[dir="rtl"] .ah-visuel{right:auto;left:max(0px,calc((100% - 1480px) / 2))}
@media(min-width:1481px){html[dir="rtl"] .ah-photo{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 34%,#000 86%,transparent 100%);mask-image:linear-gradient(270deg,transparent 0,#000 34%,#000 86%,transparent 100%)}}
html[dir="rtl"] .ah-photo{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 34%);mask-image:linear-gradient(270deg,transparent 0,#000 34%)}
html[dir="rtl"] .ah-photo img{transform:none}
html[dir="rtl"] .ah-flottant{right:auto;left:7%}
html[dir="rtl"] .ah-promo{left:auto;right:19%}
html[dir="rtl"] .ah-recherche{padding:7px 18px 7px 7px}
html[dir="rtl"] .ah-recherche > button svg{transform:scaleX(-1)}
html[dir="rtl"] .ah-titre{letter-spacing:0;line-height:1.25}
html[dir="rtl"] .ah-confiance .item-confiance + .item-confiance{border-left:none;border-right:1px solid var(--ligne)}
html[dir="rtl"] .ah-marques-label{padding-right:0;border-right:none;padding-left:28px;border-left:1px solid var(--ligne)}
@media(max-width:900px){
  html[dir="rtl"] .ah-recherche{padding:5px 14px 5px 5px}
  html[dir="rtl"] .ah-visuel{left:auto}
  html[dir="rtl"] .ah-flottant{left:14px;right:auto}
  html[dir="rtl"] .ah-promo{left:12px;right:12px}
  html[dir="rtl"] .ah-confiance .item-confiance:nth-child(3){border-right:none}
  html[dir="rtl"] .ah-marques-label{padding-left:0;border-left:none}
}

/* Méga-menus : padding et bouton fermer en miroir (la grille et les
   bordures logiques s'inversent déjà toutes seules). */
html[dir="rtl"] .mega{padding:18px 18px 18px 30px}
html[dir="rtl"] .mega-fermer{right:auto;left:14px}
html[dir="rtl"] .mega-carte::after{right:auto;left:-90px}