/* Sélecteur de langue, posé dans l'en-tête à côté du logo.
   Trois langues : chaque bouton porte son nom complet et une abréviation.
   Sous 560 px, trois noms entiers ne tiennent plus à côté du logo —
   l'abréviation prend alors le relais. */
.av-lang{display:inline-flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:9px;padding:3px;gap:2px}
.av-lang-b{font-size:.79rem;font-weight:650;color:rgba(255,255,255,.62);background:none;border:0;
  padding:6px 11px;border-radius:7px;cursor:pointer;transition:all .22s ease;white-space:nowrap;
  font-family:inherit;line-height:1.2}
.av-lang-b:hover{color:#fff}
.av-lang-b.is-on{background:var(--gold,#C9982A);color:var(--navy-dark,#0d1b2e)}
.av-lang-b[lang=ar]{font-size:.88rem}
.av-lang-court{display:none}

/* Sur téléphone, les trois langues deviennent des pastilles tactiles.
   Mesuré avant correction : 36 x 30 px et 12,5 px de texte, soit bien
   en dessous des 44 px de côté recommandés pour une cible tactile — et
   un « ع » isolé ne dit pas grand-chose. Le logo cède quelques pixels :
   trois langues lisibles comptent plus qu'une signature de 148 px. */
@media(max-width:560px){
  /* Spécificité volontaire : la feuille du tunnel fixe déjà
     `.av-logo-img{height:34px}`, il faut la dépasser pour reprendre la
     main. Sans cela les trois pastilles chevauchent le logo en 320 px. */
  .av-header .av-logo-img,
  body.av-wc .av-header .av-logo-img{height:29px;max-width:126px}
  .av-lang{padding:3px;gap:3px}
  .av-lang-nom{display:none}
  .av-lang-court{display:inline}
  .av-lang-b{display:inline-flex;align-items:center;justify-content:center;
    min-width:46px;min-height:42px;padding:10px 11px;
    font-size:.95rem;font-weight:700;color:rgba(255,255,255,.78)}
  .av-lang-b[lang=ar]{font-size:1rem}
  .av-lang-b.is-on{color:var(--navy-dark,#0d1b2e)}
}

/* En dessous de 380 px, les trois pastilles mordaient sur la marge droite
   de l'en-tête : on resserre le rembourrage sans descendre sous 42 px de
   hauteur tactile. */
@media(max-width:380px){
  .av-lang-b{padding:10px 8px;min-width:42px}
  .av-lang-b[lang=ar]{font-size:.95rem}
}

/* ===== Version arabe — lecture de droite à gauche =====
   Le sens général vient de dir="rtl" ; ne sont repris ici que les endroits
   où le sens de lecture était écrit en dur. Les champs qui contiennent des
   chiffres (téléphone, indicatif, dates, e-mail) restent de gauche à
   droite : un numéro inversé n'est plus lisible. */
body.av-ar{direction:rtl;text-align:right}
body.av-ar .av-opt,
body.av-ar .av-offer-feats,
body.av-ar .av-member-h,
body.av-ar .av-consent,
body.av-ar #age-hint,
body.av-ar .av-f label,
body.av-ar .av-f-err,
body.av-ar .av-legal,
body.av-ar .av-foot-bottom,
body.av-ar .av-foot-cities{text-align:right}
body.av-ar .av-f input,
body.av-ar .av-f select,
body.av-ar .av-f textarea{text-align:right}
body.av-ar input[type=date],
body.av-ar input[type=tel],
body.av-ar input[type=email],
body.av-ar .av-tel input{direction:ltr;text-align:left}
body.av-ar .av-nav-btn svg,
body.av-ar .av-box-cta svg,
body.av-ar .av-offer-btn svg{transform:scaleX(-1)}
/* L'arabe n'a pas de capitales : l'interlettrage négatif du français le dégrade. */
body.av-ar h1,
body.av-ar h3,
body.av-ar .av-opt-t,
body.av-ar .av-sect-h h3{letter-spacing:0}
body.av-ar .av-hero p,
body.av-ar .av-box p{font-size:.95rem}

/* ===== Page de paiement (blocs WooCommerce) en arabe =====
   Les blocs suivent le `dir="rtl"` posé sur le document ; seules quelques
   finitions restent à reprendre. */
body.av-ar.av-wc{direction:rtl;text-align:right}
body.av-ar .av-wc-card,
body.av-ar .wc-block-checkout__form,
body.av-ar .wc-block-components-order-summary-item__description{text-align:right}
body.av-ar .av-wc-back svg{transform:scaleX(-1)}
/* Un courriel ou un numéro écrit de droite à gauche n'est plus lisible. */
body.av-ar input[type=email],
body.av-ar input[type=tel]{direction:ltr;text-align:left}

/* ===== Chiffres dans un texte de droite à gauche =====
   Les montants et les durées restent écrits en chiffres latins. Dans une
   phrase arabe, un groupe « chiffres + ponctuation + mot latin » peut être
   réordonné par l'algorithme bidirectionnel et devenir illisible
   (« 00,360 » au lieu de « 360,00 »). `unicode-bidi: isolate` traite chaque
   montant comme un bloc à part : son sens de lecture interne est préservé,
   sa place dans la phrase arabe ne change pas. */
body.av-ar .av-offer-price,
body.av-ar .av-chosen-p,
body.av-ar #pay-label,
body.av-ar .av-sect-n,
body.av-ar #sub-step,
body.av-ar .av-wc-step i,
body.av-ar .av-review-r b,
body.av-ar .wc-block-formatted-money-amount,
body.av-ar .wc-block-components-totals-item__value,
body.av-ar .wc-block-components-product-metadata__description{unicode-bidi:isolate}