/* ==========================================================
   EADM — النسخة العربية RTL
   ========================================================== */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .header-inner{direction:rtl}
html[dir="rtl"] .main-nav{direction:rtl}
html[dir="rtl"] .nav-dropdown{right:0;left:auto;text-align:right}
html[dir="rtl"] .breadcrumbs{direction:rtl;text-align:right}
html[dir="rtl"] .content-wrap,
html[dir="rtl"] .section-head,
html[dir="rtl"] .contact-section-head{text-align:right}
html[dir="rtl"] .footer-grid,
html[dir="rtl"] .copyright{direction:rtl;text-align:right}
html[dir="rtl"] ul,
html[dir="rtl"] ol{padding-right:1.35rem;padding-left:0}
html[dir="rtl"] .form-grid,
html[dir="rtl"] .registration-form,
html[dir="rtl"] .contact-form,
html[dir="rtl"] .volunteer-form{text-align:right}
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select{direction:rtl;text-align:right}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[name*="postal"],
html[dir="rtl"] input[name*="email"]{direction:ltr;text-align:left}
html[dir="rtl"] .price-card strong,
html[dir="rtl"] .payment-result-amount,
html[dir="rtl"] .ltr{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .home-hero-copy{text-align:right}
html[dir="rtl"] .home-action-card,
html[dir="rtl"] .home-mode,
html[dir="rtl"] .home-benefits article{text-align:right}
html[dir="rtl"] .home-domain-grid .home-action-card{text-align:right}

/* Banner Arabic overlay: same source visual, French copy masked at runtime. */
.ar-page-banner{position:relative;overflow:hidden}
.ar-page-banner .eadm-page-banner-img{display:block;width:100%}
.ar-page-banner::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:58%;
  background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 58%,rgba(255,255,255,.80) 78%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.ar-page-banner.is-dark::after{
  background:linear-gradient(90deg,rgba(8,28,25,.98) 0%,rgba(8,28,25,.94) 58%,rgba(8,28,25,.72) 78%,rgba(8,28,25,0) 100%);
}
.ar-banner-copy{
  position:absolute;
  z-index:2;
  left:5%;
  top:50%;
  transform:translateY(-50%);
  width:46%;
  text-align:right;
  color:#174f2b;
}
.ar-page-banner.is-dark .ar-banner-copy{color:#fff}
.ar-banner-copy h1{margin:0 0 6px;font-size:clamp(1.55rem,3vw,2.7rem);line-height:1.2;color:inherit}
.ar-banner-copy p{margin:0;font-size:clamp(.88rem,1.3vw,1.05rem);line-height:1.55;color:inherit}
.ar-form-language-note{
  margin:0 0 22px;
  padding:14px 16px;
  border:1px solid #d6e6d8;
  border-radius:10px;
  background:#f3f8f3;
}
.ar-form-language-note strong{color:#245f35}
.language-switch{display:flex;align-items:center;gap:7px;font-size:.78rem;white-space:nowrap}
.language-switch a,.language-switch span{padding:5px 7px;border-radius:7px;text-decoration:none}
.language-switch a{color:#355445}
.language-switch a:hover{background:#eef5ef}
.language-switch .lang-current{background:#3c7f46;color:#fff;font-weight:700}
.footer-languages{white-space:nowrap}
.footer-languages a{display:inline!important}
@media(max-width:1100px){
  .language-switch{order:4;width:100%;justify-content:flex-end;margin-top:4px}
}
@media(max-width:760px){
  .ar-page-banner::after{width:76%}
  .ar-banner-copy{left:5%;width:64%}
  .ar-banner-copy h1{font-size:1.45rem}
  .ar-banner-copy p{font-size:.82rem}
}

/* Registration: administrative fields must be completed in French/Latin characters. */
html[dir="rtl"] .ar-registration-form input[type="text"],
html[dir="rtl"] .ar-registration-form input:not([type]),
html[dir="rtl"] .ar-registration-form textarea{
  direction:ltr;
  text-align:left;
}
html[dir="rtl"] .ar-registration-form input[data-field="arabic_name"]{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] .ar-registration-form label,
html[dir="rtl"] .ar-registration-form legend,
html[dir="rtl"] .ar-registration-form .step-heading,
html[dir="rtl"] .ar-registration-form .field-error{
  direction:rtl;
  text-align:right;
}


/* ==========================================================
   Typographie arabe — version EADM
   ========================================================== */

/* Texte arabe : Times New Roman, 13px, gras */
html[lang="ar"] body,
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] label,
html[lang="ar"] .breadcrumbs,
html[lang="ar"] .lead,
html[lang="ar"] .card,
html[lang="ar"] .content,
html[lang="ar"] .nav-group-toggle,
html[lang="ar"] .nav-link,
html[lang="ar"] .footer,
html[lang="ar"] .ar-form-language-note{
  font-family:"Times New Roman", Times, serif;
  font-size:16px;
  font-weight:700;
}

/* Titres arabes : Times New Roman, 15px, gras */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] .ar-banner-copy h1,
html[lang="ar"] .ar-banner-copy h2,
html[lang="ar"] .ar-banner-copy h3{
  font-family:"Times New Roman", Times, serif;
  font-size:19px;
  font-weight:700;
}

/* Sous-titres / petits titres arabes */
html[lang="ar"] .ar-banner-copy p,
html[lang="ar"] .section-head p{
  font-family:"Times New Roman", Times, serif;
  font-size:17px;
  font-weight:700;
}

/* ==========================================================
   Contenu FR / EN à l'intérieur des pages arabes
   ========================================================== */

/* Tout bloc explicitement marqué fr ou en garde une police sans serif,
   comme dans la version française. */
html[lang="ar"] [lang="fr"],
html[lang="ar"] [lang="en"],
html[lang="ar"] .latin-text{
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:400;
}

/* Titres FR/EN */
html[lang="ar"] [lang="fr"] h1,
html[lang="ar"] [lang="fr"] h2,
html[lang="ar"] [lang="fr"] h3,
html[lang="ar"] [lang="fr"] h4,
html[lang="ar"] [lang="en"] h1,
html[lang="ar"] [lang="en"] h2,
html[lang="ar"] [lang="en"] h3,
html[lang="ar"] [lang="en"] h4{
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:700;
}

/* ==========================================================
   Formulaire d'inscription dans la version arabe
   ========================================================== */

/* Toute la section du formulaire est en français et doit donc être LTR. */
html[lang="ar"] .ar-form-french-content{
  direction:ltr !important;
  text-align:left !important;
  unicode-bidi:isolate;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:inherit;
  font-weight:400;
}

/* Tous les descendants du formulaire héritent du LTR */
html[lang="ar"] .ar-form-french-content *{
  direction:ltr;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif !important;
}

/* Champs */
html[lang="ar"] .ar-form-french-content input,
html[lang="ar"] .ar-form-french-content select,
html[lang="ar"] .ar-form-french-content textarea,
html[lang="ar"] .ar-form-french-content button{
  direction:ltr !important;
  text-align:left !important;
  unicode-bidi:plaintext;
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:400;
}

/* Les boutons conservent leur apparence normale */
html[lang="ar"] .ar-form-french-content button,
html[lang="ar"] .ar-form-french-content .btn{
  text-align:center !important;
  font-weight:700;
}

/* Titres et libellés du formulaire */
html[lang="ar"] .ar-form-french-content h1,
html[lang="ar"] .ar-form-french-content h2,
html[lang="ar"] .ar-form-french-content h3,
html[lang="ar"] .ar-form-french-content h4,
html[lang="ar"] .ar-form-french-content label,
html[lang="ar"] .ar-form-french-content strong{
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:700;
}

/* Champ réservé au nom arabe de l'élève :
   le champ reste LTR au niveau de la section, mais l'utilisateur peut saisir
   des caractères arabes sans changer la mise en page générale. */
html[lang="ar"] .ar-form-french-content input[name*="name_ar"],
html[lang="ar"] .ar-form-french-content input[name*="arabic"]{
  font-family:"Times New Roman", Times, serif !important;
  font-weight:700;
}


/* ==========================================================
   EADM AR — Harmonisation finale de TOUTES les pages arabes
   Référence visuelle : /ar/pages/inscription.php
   ========================================================== */

/* Corps et tous les éléments textuels arabes */
html[lang="ar"] body,
html[lang="ar"] main,
html[lang="ar"] main p,
html[lang="ar"] main li,
html[lang="ar"] main a,
html[lang="ar"] main span,
html[lang="ar"] main label,
html[lang="ar"] main button,
html[lang="ar"] main td,
html[lang="ar"] main th,
html[lang="ar"] main small,
html[lang="ar"] main strong,
html[lang="ar"] main em,
html[lang="ar"] main blockquote,
html[lang="ar"] .site-header,
html[lang="ar"] .site-header a,
html[lang="ar"] .site-header button,
html[lang="ar"] .site-header span,
html[lang="ar"] .site-footer,
html[lang="ar"] .site-footer p,
html[lang="ar"] .site-footer a,
html[lang="ar"] .site-footer span,
html[lang="ar"] .site-footer strong,
html[lang="ar"] .card,
html[lang="ar"] .card p,
html[lang="ar"] .btn,
html[lang="ar"] .breadcrumbs,
html[lang="ar"] .ar-form-language-note{
  font-family:"Times New Roman", Times, serif !important;
  font-size:19px !important;
  font-weight:700 !important;
}

/* Titres — même présence visuelle sur toutes les pages */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] .card h2,
html[lang="ar"] .card h3,
html[lang="ar"] .site-footer h2,
html[lang="ar"] .ar-banner-copy h1,
html[lang="ar"] .ar-banner-copy h2,
html[lang="ar"] .ar-banner-copy h3{
  font-family:"Times New Roman", Times, serif !important;
  font-size:21px !important;
  font-weight:700 !important;
  line-height:1.25;
}

/* Sous-titres, textes d'introduction et leads */
html[lang="ar"] .lead,
html[lang="ar"] .section-head p,
html[lang="ar"] .ar-banner-copy p,
html[lang="ar"] .subtitle,
html[lang="ar"] .intro{
  font-family:"Times New Roman", Times, serif !important;
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1.35;
}

/* Confort de lecture uniforme */
html[lang="ar"] main p,
html[lang="ar"] main li{
  line-height:1.35;
}

html[lang="ar"] main p{
  margin-top:0;
  margin-bottom:.55em;
}

html[lang="ar"] main ul,
html[lang="ar"] main ol{
  margin-top:.35em;
  margin-bottom:.65em;
}

html[lang="ar"] main li{
  margin-bottom:.15em;
}

html[lang="ar"] .card p{
  line-height:1.35;
}

/* Footer : même règle typographique que le corps */
html[lang="ar"] .site-footer{
  line-height:1.4;
}

html[lang="ar"] .site-footer h2{
  margin-bottom:8px;
}

/* ==========================================================
   Français / anglais / contenu latin dans une page arabe
   ========================================================== */

/* Tout élément explicitement français ou anglais reste sans serif,
   comme dans les pages françaises. */
html[lang="ar"] [lang="fr"],
html[lang="ar"] [lang="fr"] *,
html[lang="ar"] [lang="en"],
html[lang="ar"] [lang="en"] *,
html[lang="ar"] .latin-text,
html[lang="ar"] .latin-text *,
html[lang="ar"] [dir="ltr"],
html[lang="ar"] [dir="ltr"] *{
  font-family:Arial, Helvetica, sans-serif !important;
}

/* Taille normale du site français pour les libellés FR/EN.
   On n'impose pas les 16/19px arabes à ces éléments. */
html[lang="ar"] [lang="fr"],
html[lang="ar"] [lang="en"],
html[lang="ar"] .latin-text,
html[lang="ar"] [dir="ltr"]{
  font-weight:400 !important;
}

/* Les liens de langue gardent un poids lisible sans Times */
html[lang="ar"] .language-switch [lang="fr"],
html[lang="ar"] .language-switch [lang="en"],
html[lang="ar"] .footer-languages [lang="fr"],
html[lang="ar"] .footer-languages [lang="en"]{
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:.9rem !important;
  font-weight:600 !important;
}

/* ==========================================================
   Formulaire français de la page arabe
   ========================================================== */

html[lang="ar"] .ar-form-french-content,
html[lang="ar"] .ar-form-french-content *{
  direction:ltr !important;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:400 !important;
}

/* On laisse les tailles originales de la version française */
html[lang="ar"] .ar-form-french-content p,
html[lang="ar"] .ar-form-french-content li,
html[lang="ar"] .ar-form-french-content label,
html[lang="ar"] .ar-form-french-content span,
html[lang="ar"] .ar-form-french-content input,
html[lang="ar"] .ar-form-french-content select,
html[lang="ar"] .ar-form-french-content textarea,
html[lang="ar"] .ar-form-french-content button{
  font-size:inherit !important;
}

html[lang="ar"] .ar-form-french-content h1,
html[lang="ar"] .ar-form-french-content h2,
html[lang="ar"] .ar-form-french-content h3,
html[lang="ar"] .ar-form-french-content h4,
html[lang="ar"] .ar-form-french-content strong,
html[lang="ar"] .ar-form-french-content label,
html[lang="ar"] .ar-form-french-content .btn{
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:700 !important;
}

/* Boutons centrés comme dans la version française */
html[lang="ar"] .ar-form-french-content button,
html[lang="ar"] .ar-form-french-content .btn{
  text-align:center !important;
}

/* Champ de saisie du nom arabe : seule exception typographique */
html[lang="ar"] .ar-form-french-content input[name*="name_ar"],
html[lang="ar"] .ar-form-french-content input[name*="arabic"]{
  font-family:"Times New Roman", Times, serif !important;
  font-weight:700 !important;
}



/* ==========================================================
   EADM AR — Règle finale pour le contenu latin
   ========================================================== */

/* Les blocs explicitement français ou anglais restent LTR et sans serif.
   AUCUNE taille n'est imposée ici : ils gardent les tailles de style.css,
   donc le même rendu que les pages françaises. */
html[lang="ar"] [lang="fr"],
html[lang="ar"] [lang="fr"] *,
html[lang="ar"] [lang="en"],
html[lang="ar"] [lang="en"] *,
html[lang="ar"] .latin-text,
html[lang="ar"] .latin-text *{
  font-family:Arial, Helvetica, sans-serif !important;
  direction:ltr;
  unicode-bidi:isolate;
}

/* Formulaire français : copie du comportement de la page française. */
html[lang="ar"] .ar-form-french-content{
  direction:ltr !important;
  text-align:left !important;
  unicode-bidi:isolate;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:initial !important;
  font-weight:initial !important;
}
html[lang="ar"] .ar-form-french-content *{
  direction:ltr !important;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif !important;
}
html[lang="ar"] .ar-form-french-content button,
html[lang="ar"] .ar-form-french-content .btn{
  text-align:center !important;
}

/* Le champ du nom arabe reste l'exception. */
html[lang="ar"] .ar-form-french-content input[name*="name_ar"],
html[lang="ar"] .ar-form-french-content input[name*="arabic"],
html[lang="ar"] .ar-form-french-content input[data-field="arabic_name"]{
  font-family:"Times New Roman", Times, serif !important;
  direction:rtl !important;
  text-align:right !important;
  font-weight:700 !important;
}

/* Liens de langue et éléments techniques latins du footer/header. */
html[lang="ar"] .language-switch [lang="fr"],
html[lang="ar"] .language-switch [lang="en"],
html[lang="ar"] .footer-languages [lang="fr"],
html[lang="ar"] .footer-languages [lang="en"],
html[lang="ar"] .latin-ui{
  font-family:Arial, Helvetica, sans-serif !important;
  direction:ltr;
  unicode-bidi:isolate;
}


/* ==========================================================
   Footer arabe — structure éditoriale multi-colonnes
   ========================================================== */
html[lang="ar"] .ar-site-footer{
  background:#173d34;
  border-top:5px solid #b79a55;
  color:#e9f0ed;
  padding:38px 0 16px;
}
html[lang="ar"] .ar-footer-grid{
  display:grid;
  grid-template-columns:1.35fr repeat(3,minmax(0,1fr));
  gap:28px;
  align-items:start;
}
html[lang="ar"] .ar-site-footer section{
  min-width:0;
}
html[lang="ar"] .ar-site-footer h2{
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.18);
  padding-bottom:8px;
  margin:0 0 10px;
}
html[lang="ar"] .ar-site-footer a{
  display:block;
  color:#e5eee9;
  margin:7px 0;
  text-decoration:none;
}
html[lang="ar"] .ar-site-footer a:hover{
  color:#fff;
  text-decoration:underline;
}
html[lang="ar"] .ar-footer-brand .footer-logo{
  width:128px;
  margin:0 0 10px!important;
}
html[lang="ar"] .ar-footer-brand p{
  color:#d3dfda;
}
html[lang="ar"] .ar-footer-utility{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
  margin-top:24px;
  padding:12px 0;
}
html[lang="ar"] .ar-footer-utility a{
  display:inline-block;
  margin:0;
}
html[lang="ar"] .ar-footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  border-top:0;
  margin-top:0;
  padding-top:14px;
  text-align:right;
}
html[lang="ar"] .ar-footer-bottom .footer-languages{
  white-space:nowrap;
}
html[lang="ar"] .ar-footer-bottom .footer-languages a{
  display:inline-block;
  margin:0 5px;
}
html[lang="ar"] .nav-dropdown small{
  font:inherit;
  font-size:.82em;
  opacity:.78;
}
@media(max-width:900px){
  html[lang="ar"] .ar-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  html[lang="ar"] .ar-footer-grid{grid-template-columns:1fr}
  html[lang="ar"] .ar-footer-bottom{flex-direction:column;text-align:center}
}


/* ==========================================================
   Correctif mobile Android — version arabe
   - empêche tout débordement horizontal RTL
   - corrige le header/sélecteur de langues sur écrans étroits
   ========================================================== */

html[lang="ar"]{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

html[lang="ar"] body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden;
}

html[lang="ar"] *,
html[lang="ar"] *::before,
html[lang="ar"] *::after{
  box-sizing:border-box;
}

html[lang="ar"] img,
html[lang="ar"] video,
html[lang="ar"] iframe,
html[lang="ar"] audio,
html[lang="ar"] table{
  max-width:100%;
}

html[lang="ar"] .container,
html[lang="ar"] .content-wrap,
html[lang="ar"] main,
html[lang="ar"] section,
html[lang="ar"] article,
html[lang="ar"] .site-header,
html[lang="ar"] .site-footer{
  max-width:100%;
  min-width:0;
}

/* Les mots/URL longs ne doivent jamais élargir la page. */
html[lang="ar"] main p,
html[lang="ar"] main li,
html[lang="ar"] main a,
html[lang="ar"] .site-footer a{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Le sélecteur de langue reste cliquable et ne force plus une largeur
   de 100% en plus du logo/menu dans la même ligne flex. */
html[lang="ar"] .language-switch{
  width:auto;
  max-width:100%;
  min-width:0;
  flex-shrink:1;
  position:relative;
  z-index:1003;
  pointer-events:auto;
}

html[lang="ar"] .language-switch a{
  pointer-events:auto;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

@media(max-width:1100px){
  html[lang="ar"] .header-inner{
    flex-wrap:wrap;
    width:100%;
    max-width:100%;
    min-width:0;
    gap:8px 12px;
  }

  html[lang="ar"] .brand{
    min-width:0;
    flex:0 1 auto;
  }

  html[lang="ar"] .brand img{
    max-width:100%;
    height:auto;
  }

  html[lang="ar"] .menu-toggle{
    flex:0 0 auto;
  }

  html[lang="ar"] .language-switch{
    order:4;
    flex:0 0 100%;
    width:auto;
    max-width:100%;
    margin:0;
    justify-content:flex-start;
    overflow:visible;
  }
}

@media(max-width:900px){
  html[lang="ar"] .main-nav{
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-width:calc(100vw - 16px) !important;
    min-width:0 !important;
    margin:0 !important;
    overflow-x:hidden !important;
  }

  html[lang="ar"] .main-nav > a,
  html[lang="ar"] .nav-group,
  html[lang="ar"] .nav-group-toggle,
  html[lang="ar"] .nav-dropdown,
  html[lang="ar"] .nav-dropdown a{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  html[lang="ar"] .main-nav > a,
  html[lang="ar"] .nav-group-toggle,
  html[lang="ar"] .nav-dropdown a{
    text-align:right !important;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}

@media(max-width:600px){
  html[lang="ar"] .container{
    width:calc(100% - 20px);
    max-width:calc(100% - 20px);
  }

  html[lang="ar"] .language-switch{
    gap:4px;
  }

  html[lang="ar"] .language-switch a,
  html[lang="ar"] .language-switch .lang-current{
    max-width:100%;
  }

  html[lang="ar"] .ar-footer-bottom,
  html[lang="ar"] .ar-footer-utility{
    max-width:100%;
    overflow-wrap:anywhere;
  }

  html[lang="ar"] .ar-footer-bottom .footer-languages{
    white-space:normal;
  }
}


/* ==========================================================
   Correctif Android RTL — éléments cachés hors écran
   Chrome Android peut inclure left:-9999px dans la largeur
   défilable d'un document RTL. On utilise donc clip/clip-path
   au lieu de déplacer physiquement les éléments.
   ========================================================== */

/* Lien "skip to content" : caché sans créer 10 000 px de débordement. */
html[lang="ar"] .skip-link:not(:focus){
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
}

/* Lorsqu'il reçoit le focus, le lien redevient visible normalement. */
html[lang="ar"] .skip-link:focus{
  position:fixed !important;
  top:10px !important;
  right:10px !important;
  left:auto !important;
  width:auto !important;
  height:auto !important;
  clip:auto !important;
  clip-path:none !important;
  overflow:visible !important;
  white-space:normal !important;
  z-index:9999 !important;
}

/* Champs anti-spam invisibles des formulaires :
   ne jamais les envoyer à -10000px dans une page RTL. */
html[lang="ar"] .contact-honeypot,
html[lang="ar"] .volunteer-honeypot{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
}

/* Sécurité supplémentaire Android RTL :
   aucun pseudo-élément ou élément visuellement masqué ne doit
   agrandir la largeur du document. */
@supports (overflow:clip){
  html[lang="ar"],
  html[lang="ar"] body{
    overflow-x:clip !important;
  }
}