/* ================================================================
   DevPolis — RTL (arabe) : corrections de direction uniquement.
   Le style de fond reste celui de style.css.
   ================================================================ */

body{
  font-family:"Noto Kufi Arabic","Poppins",Tahoma,sans-serif;
  text-align:right;
}
/* L'arabe ne se letter-space pas (çà coupe les liaisons) */
h1,h2,h3,h4,h5,p,li,a,span,strong,em,small,label,button,input,textarea,select{
  letter-spacing:0 !important;
}
.btn,.chip,.tab,.kicker{letter-spacing:.01em !important}

/* Nav : soulignement animé (base: right:100%) */
.nav__links a:not(.nav__cta)::after{right:auto;left:100%}
.nav__links a:not(.nav__cta):hover::after,.nav__links a:not(.nav__cta).active::after{left:0}

/* Textes qui étaient alignés à gauche → à droite */
.lead,.pay__note,.note-box,.opt,.card p,.faq__a,.faq__q,
.field label,.field input,.field textarea,.field select,.form__note{
  text-align:right;
}
.field input,.field textarea,.field select{direction:rtl}
.field select{background-position:21px 50%,15px 50%} /* flèche du select à gauche */

/* Listes à puces : .price est en flex (miroir natif RTL) ;
   .sector-plan__feats a une puce absolue à gauche → flip */
.sector-plan__feats li{padding:.32rem 1.3rem .32rem 0}
.sector-plan__feats li::before{left:auto;right:0}

/* Stepper paiement : le numéro passe à droite */
.pay__cell{padding:.85rem 3.35rem .85rem .9rem;text-align:right}
.pay__cell::before{left:auto;right:.9rem}

/* Note-box : bordure dorée à droite */
.note-box{border-left:none;border-right:3px solid var(--gold);border-radius:8px 0 0 8px}

/* Ruban « le + choisi » : symétrique */
.sector-plan--star::after{right:auto;left:12px}

/* Badge −X% : marge inversée */
.price__market::after{margin-left:0;margin-right:.55em}

/* Marquee / carrousel / compte à rebours : animations techniques LTR */
.marquee,.marquee__in,.carousel,.carousel__track,.countdown,.cd{
  direction:ltr !important;
}

/* Menu burger mobile : liens à droite */
@media (max-width:760px){
  .nav__links a{text-align:right}
}

/* Footer */
.footer__brand p,.footer__col a,.footer__col span{text-align:right}

/* Mobile : libellés à droite (le miroir flex/grid est natif avec dir=rtl) */
@media (max-width:900px){
  .pay__cell{text-align:right}
  .opt,.price li,.sector-plan__feats li{text-align:right}
}