/* Encore · L'objet — version arabe (dir=rtl).
   Arabe standard pour le site ; les écrans du produit (WhatsApp, tablette, Wallet, caissier,
   fiche, présentoir NFC) gardent dir="ltr" et leurs textes bilingues, comme dans le produit. */

:root[dir="rtl"]{--dis:"Noto Kufi Arabic","Tajawal",sans-serif;--txt:"Tajawal","Noto Kufi Arabic",system-ui,sans-serif}
[dir="rtl"] body{font-size:18px;line-height:1.7}

/* L'espacement des lettres casse la liaison arabe */
[dir="rtl"] :is(h1,h2,h3,p,b,span,small,legend,caption,label,a,button,li,th,td,em,s,strong,i,div){letter-spacing:0!important}
[dir="rtl"] :is(.eyebrow,.tete-ticket,.groupes legend,.comparatif caption,.points small,.reste-l li i.ou,.objet .lib,.carte-pile .onglet,.offre .tranche){text-transform:none}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{line-height:1.35;font-weight:700}
[dir="rtl"] h1{font-size:clamp(36px,4.2vw,80px)}
[dir="rtl"] h2{font-size:clamp(28px,3.2vw,58px)}
[dir="rtl"] .eyebrow{font-size:15px;font-weight:700}
[dir="rtl"] .lead{line-height:1.75}
[dir="rtl"] .btn{font-weight:700}

/* Navigation : le soulignement part de la droite */
[dir="rtl"] .nav .liens a{background-position:100% 100%}
[dir="rtl"] .nav .lang{font-family:var(--txt)}

/* Héros : la pile s'ouvre vers la gauche */
[dir="rtl"] .pile .carte-pile{transform:translate(calc(var(--k,0) * -4%),calc(var(--k,0) * -21%)) scale(calc(1 - var(--k,0) * .045)) rotate(4deg)}
[dir="rtl"] .carte-pile .onglet{font-family:var(--txt);font-size:calc(var(--cw) * .032)}
[dir="rtl"] .objet .lib{font-family:var(--txt);font-size:calc(var(--cw) * .034)}

/* Le carton : coin corné à gauche, flèches inversées */
[dir="rtl"] .kraft-carte::after{right:auto;left:0;background:linear-gradient(225deg,#C9AE82 50%,var(--papier) 50%);border-bottom-right-radius:0;border-bottom-left-radius:10px}
[dir="rtl"] .kraft-carte .k-h b{font-family:var(--txt)}
[dir="rtl"] .paires b::before{content:"←"}

/* Le calcul : curseurs de gauche à droite (la piste pleine suit la valeur), ticket lisible en arabe */
[dir="rtl"] .curseur input[type=range]{direction:ltr}
[dir="rtl"] .recu{font-family:"IBM Plex Mono","Noto Kufi Arabic",monospace}
[dir="rtl"] .recu .note{line-height:1.6}

/* Au comptoir : la fiche et le téléphone en miroir */
[dir="rtl"] .scene-comptoir .fiche{transform:rotate(3deg) translateX(2%)}
[dir="rtl"] .scene-comptoir .tel{transform:translate(-3%,6%) rotate(-2deg)}

/* Carte NFC : le téléphone arrive par la gauche */
[dir="rtl"] .presentoir{transform:translateX(26%)}
[dir="rtl"] .nfc-tel{left:auto;right:50%;transform:translate(-10%,0) rotate(4deg)}
@keyframes approche-rtl{0%,10%{transform:translate(-85%,6%) rotate(-10deg)}32%,72%{transform:translate(-10%,0) rotate(4deg)}92%,100%{transform:translate(-85%,6%) rotate(-10deg)}}
[dir="rtl"] .nfc.joue .nfc-tel{animation-name:approche-rtl}
@media (max-width:520px){[dir="rtl"] .presentoir{transform:translateX(34%)}[dir="rtl"] .nfc-tel{right:46%}}

/* Démo : la flèche du bouton pointe vers la gauche */
[dir="rtl"] .form2 .btn svg{transform:scaleX(-1)}
[dir="rtl"] .champs2 input[type=tel]{direction:ltr;text-align:right}