/* SoukPilot Lot E — corrections RTL (arabe).
 * brand-tokens.css fixe déjà `[dir="rtl"]{text-align:right}` et la police
 * arabe via `html[lang="ar"]`. Ce fichier corrige les éléments à
 * positionnement asymétrique (badges, boutons flottants) qui ne se
 * retournent pas automatiquement avec `dir`, sans dupliquer ni casser le
 * design existant (LTR inchangé).
 */

/* Badges / éléments positionnés en absolu avec un seul côté défini */
[dir="rtl"] .product-badge{left:auto;right:15px}
[dir="rtl"] .gallery-count{right:auto;left:13px}
[dir="rtl"] .local-badge{left:auto;right:10px}

/* Icônes directionnelles (flèches, chevrons) : miroir horizontal */
[dir="rtl"] .lp-mobile-cta[data-icon-arrow],
[dir="rtl"] .view-link[data-icon-arrow],
[dir="rtl"] .sp-btn[data-icon-arrow]{transform:scaleX(-1)}
[dir="rtl"] .gallery-nav button[data-dir="prev"],
[dir="rtl"] .gallery-nav button[data-dir="next"]{transform:translateY(-50%) scaleX(-1)}

/* Formulaires : le sens de lecture des champs numériques (téléphone, prix)
   reste LTR même en page RTL, conformément aux conventions locales. */
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"],
[dir="rtl"] .price,
[dir="rtl"] .product-price,
[dir="rtl"] .landing-price{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .price,[dir="rtl"] .product-price,[dir="rtl"] .landing-price{display:inline-block}

/* Boutons/actions en ligne : conserver un ordre logique de lecture visuelle
   sans réordonner le DOM (accessible au clavier dans l'ordre naturel). */
[dir="rtl"] .product-card-actions,
[dir="rtl"] .hero-actions,
[dir="rtl"] .nav-actions,
[dir="rtl"] .sp-navbar__links,
[dir="rtl"] .sp-hero__actions{flex-direction:row-reverse}

/* Listes à puces : la puce suit désormais le bord logique (déjà en partie
   géré pour .info-card ul dans styles.css ; on généralise ici). */
[dir="rtl"] ul:not([class]),
[dir="rtl"] ol:not([class]){padding-left:0;padding-right:1.4em}

/* Barre de recherche / icônes de saisie */
[dir="rtl"] .storefront-toolbar input[type="search"]{background-position:right 12px center;padding-left:14px;padding-right:38px}

/* Empêche tout débordement horizontal residuel en RTL sur mobile étroit
   (360–412px) : les conteneurs pleine largeur ne doivent jamais provoquer
   de scroll horizontal. */
[dir="rtl"] body{overflow-x:hidden}
[dir="rtl"] .container,[dir="rtl"] .sp-container{max-width:100%}