/* Pages anglaises et arabes + sélecteur de langue (aussi dans l'en-tête français). */
.lang-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line,#d9e6e3);border-radius:999px;padding:3px;background:#fff}
.lang-switch a,.lang-switch .lang-on{padding:5px 10px;border-radius:999px;font-size:13px;font-weight:800;line-height:1.2}
.lang-switch a{color:var(--primary-dark,#0b4f4a)}
.lang-switch a:hover{background:#e8f6f3}
.lang-switch .lang-on{background:var(--primary,#0f766e);color:#fff}
.i18n-trust{background:#fff;border:1px solid var(--line,#d9e6e3);border-radius:22px;padding:22px;box-shadow:0 18px 40px rgba(15,118,110,.10);display:flex;flex-direction:column;gap:14px}
.i18n-trust-row{display:flex;gap:14px;align-items:flex-start}
.i18n-trust-row .feature-icon{flex:0 0 48px}
.i18n-trust-row p{margin:4px 0 0;font-size:14px;color:var(--muted,#5b6f6b);line-height:1.5}
.i18n-jo{align-self:flex-start;font-weight:800;color:var(--primary,#0f766e);font-size:14px}
.i18n-grid-3{grid-template-columns:repeat(3,1fr)}
.i18n-reviews{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:1px solid #99f6e4;border-radius:20px;padding:22px}
.i18n-reviews h2{margin:0;font-size:1.5rem}
.i18n-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(135deg,#0f766e,#0b4f4a);color:#fff;padding:30px}
.i18n-cta h2{color:#fff;margin:0 0 6px}.i18n-cta p{color:#d8f3ef;margin:0;max-width:640px;line-height:1.6}
.i18n-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,420px));gap:22px;justify-content:center}
.i18n-plan{border:2px solid var(--c);border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.i18n-plan-head{background:var(--c);color:#fff;display:flex;gap:12px;align-items:center;padding:16px 20px}
.i18n-plan-head span{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:22px}
.i18n-plan-head h2{color:#fff;margin:0;font-size:1.2rem}
.i18n-plan-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.i18n-plan-body p{margin:0;color:var(--muted,#5b6f6b);line-height:1.55}
.i18n-price{align-self:center;background:var(--c);color:#fff;border-radius:999px;padding:8px 26px;font-size:1.8rem;font-weight:900}
.i18n-price small{font-size:1rem;opacity:.9}
.i18n-3x{text-align:center;font-size:.9rem;color:#475569}
.i18n-plan-body ul{margin:4px 0 10px;padding-inline-start:20px;line-height:1.7}
.i18n-plan-body .btn{margin-top:auto}
.i18n-note{max-width:820px;margin:22px auto 0;text-align:center;line-height:1.6}
.i18n-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.i18n-footer{background:#0b403b;color:#cfe7e3;margin-top:50px}
.i18n-footer-in{max-width:1240px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.i18n-footer-links{display:flex;gap:18px;flex-wrap:wrap}
.i18n-footer a{color:#fff;font-weight:700}
/* Arabe : lecture de droite à gauche. La grille et les flex suivent d'eux-mêmes
   (direction rtl) ; il reste les alignements écrits en dur dans app.css. */
html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,"Noto Naskh Arabic","Geeza Pro","Arial",sans-serif}
html[dir="rtl"] .section-head,html[dir="rtl"] .i18n-note{text-align:center}
html[dir="rtl"] .hero h1,html[dir="rtl"] .hero p,html[dir="rtl"] .feature-card,html[dir="rtl"] .field label{text-align:right}
html[dir="rtl"] .hero h1{letter-spacing:0;line-height:1.35}
html[dir="rtl"] .section-head h1,html[dir="rtl"] .section-head h2{letter-spacing:0}
@media(max-width:1050px){.i18n-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.i18n-grid-3{grid-template-columns:1fr}.lang-switch{align-self:flex-start}.i18n-cta{padding:22px}}
/* Dans la barre verte du haut du site français. */
.announcement .lang-switch{margin-inline-start:12px;padding:2px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);vertical-align:middle}
.announcement .lang-switch a{color:#fff;padding:2px 9px;font-size:12px}
.announcement .lang-switch a:hover{background:rgba(255,255,255,.2)}
.announcement .lang-switch .lang-on{background:#fff;color:var(--primary-dark,#0b4f4a);padding:2px 9px;font-size:12px}
/* Le menu français débordait entre 1050 et 1400 px : « Adhérer », le bouton le
   plus important, sortait à droite de l'écran (mesuré : 1 321 px pour 1 280).
   On resserre l'espacement dans cette plage seulement. */
@media (min-width:701px) and (max-width:1400px){
  .public-header{padding-left:16px;padding-right:16px}
  .public-nav{gap:11px;font-size:13px}
  .public-nav .btn{padding:10px 12px}
}
/* Simulateur : l'invitation à adhérer sous la fiche (31/10/2026). */
.sim-adherer{background:#fff;border:2px solid var(--primary,#0f766e);border-radius:16px;padding:16px 18px;margin:0 0 14px}
.sim-adherer p{margin:6px 0 12px;line-height:1.6}

/* Pages « À propos / من نحن » (01/11/2026). */
.i18n-about{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.i18n-block{margin-bottom:18px}.i18n-block h2{font-size:1.25rem;margin:0 0 12px}
.i18n-block ul{margin:0 0 14px;padding-inline-start:20px;line-height:1.75}
.i18n-dl{display:grid;grid-template-columns:170px 1fr;gap:8px 14px;margin:0}
.i18n-dl dt{color:var(--muted,#5b6f6b);font-weight:700}.i18n-dl dd{margin:0;font-weight:700}
.i18n-verif{display:flex;flex-direction:column;gap:8px}.i18n-verif a{padding:11px 13px;border:1px solid var(--line,#d9e6e3);border-radius:12px;font-weight:700;color:var(--primary-dark,#0b4f4a)}
.i18n-doc{display:block;border:1px solid var(--line,#d9e6e3);border-radius:12px;overflow:hidden}.i18n-doc img{display:block;width:100%;height:auto}
@media(max-width:900px){.i18n-about{grid-template-columns:1fr}.i18n-dl{grid-template-columns:1fr;gap:2px}.i18n-dl dd{margin-bottom:8px}}