/* ================== RTL : Header & Menu principal ================== */
body.rtl #header .container {
    flex-direction: row-reverse;
}
body.rtl .logo {
    order: 2;
}
body.rtl .menu-desktop {
    order: 1;
}
body.rtl .burger {
    order: 0;
    margin-left: 0;
    margin-right: 15px;
}

/* ----- RTL : Sous-menu et hover alignés à droite ----- */
body.rtl #header .menu-desktop .has-submenu {
  position: relative;
}
body.rtl #header .menu-desktop .has-submenu .submenu {
  display: none;
  position: absolute;
  top: 115%;
  right: 0;         /* inversé par rapport à left */
  left: auto;
  min-width: 300px;
  background: #fff;
  border: 1px solid #e7eaf2;
  border-radius: 7px;
  box-shadow: 0 4px 16px 0 rgba(40,60,110,0.07);
  z-index: 900;
  padding: 6px 0;
  transition: box-shadow .18s;
  text-align: right;  /* Alignement du texte */
}
body.rtl #header .menu-desktop .has-submenu:hover .submenu,
body.rtl #header .menu-desktop .has-submenu:focus-within .submenu {
  display: block;
}
body.rtl #header .menu-desktop .submenu a {
  display: block;
  padding: 8px 18px 8px 22px; /* inversé: padding-right / padding-left */
  color: #2b3a50;
  background: none;
  border: none;
  text-align: right;
  border-radius: 4px;
  font-size: 1em;
  font-weight: 500;
  transition: background .13s, color .13s, padding .12s;
  position: relative;
  margin: 0;
  letter-spacing: 0.02em;
}
body.rtl #header .menu-desktop .submenu a:hover,
body.rtl #header .menu-desktop .submenu a:focus {
  background: #f2f6fc;
  color: #194274;
  padding-right: 25px;   /* inversé de padding-left en LTR */
}