/* =========================================================================
   NSX Kompetenz V1 — navigation à icônes + sélecteur de langue + RTL
   Complète v1.css (chargé avant). Aucune animation en boucle.
   ========================================================================= */

/* --- icônes dans la nav principale --- */
.v1-nav a{display:inline-flex;align-items:center;gap:.5em}
.v1-nav .nav-icon{width:18px;height:18px;flex:0 0 auto;color:var(--c-navy);
  transition:color .2s var(--ease),transform .2s var(--ease)}
.v1-nav a:hover .nav-icon,.v1-nav a[aria-current="page"] .nav-icon{color:var(--c-orange)}
.v1-nav a:hover .nav-icon{transform:translateY(-1px)}

/* couleur d'icône par pilier au survol */
.v1-nav a.is-academy:hover .nav-icon{color:var(--c-green)}
.v1-nav a.is-governance:hover .nav-icon{color:var(--c-blue)}
.v1-nav a.is-elite:hover .nav-icon{color:var(--c-yellow-d)}

/* --- sous-menus déroulants (survol + focus) --- */
.v1-nav .has-sub{position:relative}
.v1-nav .submenu{position:absolute;top:calc(100% + 10px);left:0;min-width:240px;
  background:var(--paper);border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--sh-md);padding:8px;display:grid;gap:2px;opacity:0;visibility:hidden;
  transform:translateY(6px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s;
  z-index:60}
.v1-nav .has-sub:hover .submenu,.v1-nav .has-sub:focus-within .submenu{opacity:1;visibility:visible;transform:none}
.v1-nav .submenu a{display:block;padding:.55em .7em;border-radius:9px;font-size:.93rem;color:var(--ink)}
.v1-nav .submenu a:hover{background:var(--tint-orange);color:var(--c-orange-d)}
.v1-nav .submenu .submenu-label{display:block;padding:.3em .7em;font-size:.72rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* --- sélecteur de langue --- */
.v1-langsel{position:relative}
.v1-lang{display:inline-flex;align-items:center;gap:.45em;background:transparent;border:1px solid var(--line-strong);
  border-radius:var(--radius-pill);padding:.45em .8em;font-weight:800;color:var(--c-navy);cursor:pointer;
  font-family:inherit;transition:border-color .2s var(--ease),color .2s var(--ease)}
.v1-lang:hover{border-color:var(--c-orange);color:var(--c-orange-d)}
.v1-lang svg{width:15px;height:15px}
.v1-langmenu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--paper);
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-md);padding:6px;display:none;z-index:70}
.v1-langmenu.open{display:grid;gap:2px}
.v1-langmenu button{display:flex;align-items:center;justify-content:space-between;gap:.6em;width:100%;
  background:transparent;border:0;text-align:left;padding:.55em .7em;border-radius:9px;cursor:pointer;
  font-family:inherit;font-weight:700;color:var(--ink)}
.v1-langmenu button:hover{background:var(--tint-orange);color:var(--c-orange-d)}
.v1-langmenu button[aria-current="true"]{color:var(--c-orange);background:var(--tint-orange)}
.v1-langmenu button .code{font-size:.74rem;font-weight:800;color:var(--muted)}

/* icônes nav dans le tiroir mobile */
.v1-drawer nav a{display:flex;align-items:center;gap:.6em}
.v1-drawer nav .nav-icon{width:18px;height:18px;color:var(--c-navy)}
.v1-drawer .submenu-m{display:grid;gap:1px;margin:2px 0 6px 28px}
.v1-drawer .submenu-m a{font-size:.9rem;color:var(--muted);padding:.3em 0}

/* =========================================================================
   ARABE — RTL : on inverse le sens, on garde les marques latines en LTR
   ========================================================================= */
[dir="rtl"] body{direction:rtl}
[dir="rtl"] .v1-nav a,[dir="rtl"] .v1-drawer nav a{flex-direction:row-reverse}
[dir="rtl"] .v1-nav .submenu{left:auto;right:0}
[dir="rtl"] .v1-langmenu{right:auto;left:0}
[dir="rtl"] .v1-hero h1,[dir="rtl"] .v1-eyebrow{text-align:right}
[dir="rtl"] .v1-btn svg,[dir="rtl"] .more svg{transform:scaleX(-1)}
/* isole les marques latines (NSX, Tessera™, PRISM™…) dans un flux LTR */
[dir="rtl"] bdi,[dir="rtl"] .brand-latin{direction:ltr;unicode-bidi:isolate}

/* tablette/petit laptop : bascule burger ≤1150px (le menu complet ne tient pas
   entre 1024 et ~1150 → « Créer un compte » était rogné). Les grilles restent à ≤1023. */
@media (max-width:1150px){
  .v1-nav,.v1-langsel{display:none}
  .v1-burger{display:flex}
  /* Fix audit responsive 2026-07-22 : les boutons CTA du header (Se connecter /
     Créer un compte) n'étaient masqués que sous v1.css (≤1023px), donc visibles
     EN MÊME TEMPS que le burger entre 1024 et 1150px. On les masque ici aussi. */
  .v1-tools .v1-btn{display:none}
  /* Fix 2026-07-23 : .v1-nav portait le margin-left:auto qui plaquait .v1-tools
     (et donc le burger) à droite. Une fois .v1-nav caché ci-dessus, cet auto-margin
     disparaît et le burger se retrouve collé au logo au lieu d'être à droite. */
  .v1-tools{margin-left:auto}
}

/* Cible tactile des puces de langue du tiroir mobile (audit responsive 2026-07-22) :
   réutilisent .v1-lang (compact, pensé pour le header) — on agrandit la zone
   cliquable uniquement dans le tiroir, sans toucher au sélecteur du header. */
.v1-drawer-langs .v1-lang{min-height:44px;padding:.6em 1em}

/* ===================== CORRECTIONS REVUE FR ===================== */
/* Bug#1 — signature logo : minuscule + points médians orange */
.v1-brand .wd .sig{text-transform:none !important;letter-spacing:.05em;color:var(--c-navy)}
.v1-brand .wd .sig .dot{color:var(--c-orange);font-weight:800}
.v1-footer .v1-brand .wd .sig{color:rgba(255,255,255,.72)}
.v1-footer .v1-brand .wd .sig .dot{color:var(--c-orange)}

/* Bug#5 — suffixe « Spectrum » / « X » en texte normal (ni orange ni exposant) */
.brand-suffix{color:inherit !important;font-size:inherit !important;font-weight:inherit !important;
  vertical-align:baseline !important;letter-spacing:0}

/* Bug#6 — infobulle (tooltip) entièrement visible, non coupée */
.v1-abbr .tip{white-space:normal;width:max-content;max-width:min(320px,86vw);z-index:200}
.v1-split .copy,.v1-pilier,.v1-pole,.v1-section,.v1-section--tint{overflow:visible}

/* ===================== Bug#2 — MENU PASTILLES (style live, charte 2026) ===================== */
@media (min-width:1151px){
  .v1-nav{gap:2px;align-items:flex-start}
  .v1-nav > a,.v1-nav .has-sub > a{flex-direction:column;gap:5px;align-items:center;justify-content:flex-start;
    padding:4px 8px;border-radius:14px;font-size:.71rem;font-weight:800;color:var(--c-navy);line-height:1.05;text-align:center;min-width:66px}
  .v1-nav .nav-icon{width:42px;height:42px;padding:10px;border-radius:50%;background:var(--tint-navy);
    color:var(--c-navy);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
  .v1-nav > a:hover .nav-icon,.v1-nav .has-sub:hover > a .nav-icon{background:var(--tint-orange);color:var(--c-orange);transform:translateY(-2px)}
  .v1-nav a.is-academy:hover .nav-icon{background:var(--tint-green);color:var(--c-green)}
  .v1-nav a.is-governance:hover .nav-icon{background:var(--tint-blue);color:var(--c-blue)}
  .v1-nav a.is-elite:hover .nav-icon{background:var(--tint-yellow);color:var(--c-yellow-d)}
  .v1-nav a[aria-current="page"] .nav-icon{background:var(--c-orange);color:#fff;box-shadow:none}
  .v1-nav a[aria-current="page"]{color:var(--c-orange)}
  .v1-nav a:hover{color:var(--c-orange)}
  .v1-nav .submenu{top:calc(100% + 4px)}
}
/* bouton « Se connecter » (contour) */
.v1-btn--outline{display:inline-flex;align-items:center;gap:.5em;background:transparent;border:1.6px solid var(--c-navy);
  color:var(--c-navy);font-weight:800;padding:.72em 1.15em;border-radius:var(--radius-pill);text-decoration:none;
  transition:border-color .2s var(--ease),color .2s var(--ease)}
.v1-btn--outline:hover{border-color:var(--c-orange);color:var(--c-orange)}
/* drapeau de langue (SVG, compatible Windows) */
.v1-lang > svg{display:none}
.v1-lang .flag{width:20px;height:14px;border-radius:2px;overflow:hidden;display:inline-flex;flex:0 0 auto;box-shadow:0 0 0 1px var(--line)}
.v1-lang .flag svg{width:100%;height:100%;display:block}
.v1-langmenu button .flag{width:20px;height:14px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}