/* ====================================================================
   RestauVert · rv-nav.css
   Barre de navigation unique — direction A (mega-panneau) avec
   l'ingredient de C (pastilles de profil dans le panneau Secteurs).

   Remplace la cohabitation nav-megamenu.js / nav-restore.js, qui se
   detruisaient mutuellement : le premier construisait des .nav-dropdown,
   le second les effacait en boucle. Resultat mesure avant remplacement :
   0 menu deroulant, 7 liens plats, 12,7 Ko de code mort par visiteur.

   Portee : au-dessus de 900 px uniquement. En dessous, rv-mobile-menu.js
   masque .nav-links et son panneau rv2 prend la main — inchange.

   Les selecteurs portent le prefixe rvn- : nav-restore.js detecte
   .nav-dropdown / .nav-item-dropdown pour reconstruire une nav plate.
   Ne jamais reutiliser ces deux noms ici.

   La specificite suit la convention du site (faux identifiants) pour
   passer devant rv-bundle.css, premium.css et urgent-fixes.css.
   ==================================================================== */

/* ====================================================================
   AVERTISSEMENT — a lire avant toute retouche de couleur ici.

   refine.css et premium.css posent -webkit-text-fill-color sur de tres
   nombreux selecteurs du site. Cette propriete PEINT le texte et passe
   devant `color`. Une regle qui ne declare que `color` est donc sans
   effet visible : getComputedStyle().color renvoie bien la valeur
   voulue, mais l'ecran affiche autre chose.

   C'est ce qui est arrive au panneau : le texte de l'encart etait
   annonce a 7,3 / 9,5 / 6,7:1 en lisant `color`, et peint en
   rgb(46,63,54) sur le degrade vert, soit 1,16:1 — illisible.

   REGLE : dans ce fichier, toute declaration de `color` doit etre
   doublee d'un `-webkit-text-fill-color` de meme valeur.
   ==================================================================== */

:root{
  --rvn-h:68px;
  --rvn-h-compact:56px;
  --rvn-creme:#FFFDF8;
  --rvn-creme-2:#F7F2E6;
  --rvn-vert:#1A4E30;
  --rvn-vert-fonce:#0F3320;
  --rvn-vert-nuit:#0A2615;
  --rvn-or:#C9A24E;
  --rvn-or-clair:#FDE047;
  --rvn-or-sombre:#6B5217;
  --rvn-gris:#5A6B62;
  --rvn-trait:rgba(201,162,78,.28);
}

/* ---- compensation : uniquement quand la barre est injectee sur une
   page qui n'en avait pas, donc qui ne compensait rien ---- */
html.rvn-injectee body:not(#_n1):not(#_n2){
  padding-top:var(--rvn-h) !important;
}

@media (min-width:901px){

  /* ================= la barre ================= */
  html body nav#navbar.rvn:not(#_n1):not(#_n2){
    position:fixed !important; top:0 !important; left:0 !important; right:0 !important;
    z-index:1200 !important;
    height:var(--rvn-h) !important;
    /* rv-bundle.css impose min-height:76px sur .navbar et 70px sur
       .nav-inner : sans neutralisation la hauteur ne descend jamais */
    min-height:0 !important; max-height:none !important;
    /* opaque des le chargement : la transparence initiale etait la
       source des defauts de lisibilite sur les pages a en-tete clair */
    background:var(--rvn-creme) !important;
    border-bottom:1px solid var(--rvn-trait) !important;
    box-shadow:none !important;
    /* La hauteur n'est PAS animee : animer une propriete de mise en page
       force un recalcul a chaque image du fondu.
       La barre garde ses deux hauteurs, 68 px au repos et 56 px au
       defilement, mais le passage est instantane. Seule l'ombre est
       animee, et elle ne coute rien en mise en page. Le saut de 12 px
       survient au moment precis ou la page se met a defiler : il passe
       inapercu, alors qu'un fondu de hauteur ferait travailler la mise
       en page pendant 220 ms a chaque franchissement du seuil.
       La transform n'etait de toute facon pas une alternative : on ne
       reduit pas une hauteur par transform sans deformer le contenu. */
    transition:box-shadow .22s ease !important;
  }
  html body nav#navbar.rvn.rvn-compact:not(#_n1):not(#_n2){
    height:var(--rvn-h-compact) !important;
    box-shadow:0 2px 18px -8px rgba(10,38,21,.28) !important;
  }

  html body nav#navbar.rvn .nav-inner:not(#_n1):not(#_n2){
    /* Grille en trois colonnes plutot que flex : avec flex, les entrees
       se collaient au logo et laissaient un grand vide avant le CTA.
       1fr auto 1fr centre le groupe de liens dans la barre quelles que
       soient les largeurs du logo et du bouton. */
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important; gap:26px !important;
    height:100% !important; min-height:0 !important; max-width:1480px !important;
    /* position:static obligatoire : le site pose position:relative sur
       .nav-inner, qui devenait alors le bloc conteneur des panneaux.
       Ceux-ci se retrouvaient larges de 1480 px et centres, au lieu de
       filer d'un bord a l'autre. Ils doivent se referer a la barre. */
    position:static !important;
    margin:0 auto !important; padding:0 clamp(20px,3vw,40px) !important;
  }

  /* ---- marque ---- */
  html body nav#navbar.rvn .nav-logo:not(#_n1):not(#_n2){
    display:flex !important; align-items:center !important; gap:9px !important;
    flex:0 0 auto !important; text-decoration:none !important;
  }
  /* img/logo.svg a un viewBox de 784x440, soit un format PAYSAGE de
     1,78:1. Lui imposer une boite carree le faisait dessiner en 44x24,7
     centre dans 44x44 : la feuille paraissait minuscule et flottait au
     milieu de vide. On fixe la hauteur et on laisse la largeur suivre
     le rapport naturel. */
  /* Le logo garde la meme taille en barre compacte. Il retrecissait de
     38 a 32 px avec une transition sur la hauteur — donc une propriete
     de mise en page animee, recalculee a chaque image. Inutile : 38 px
     tiennent dans une barre de 56 px, il reste 9 px de part et d'autre.
     Une contrainte en moins, et plus aucune animation de layout ici. */
  html body nav#navbar.rvn .nav-logo img:not(#_n1):not(#_n2){
    height:38px !important; width:auto !important;
    max-width:none !important; object-fit:contain !important;
  }

  /* ---- les cinq entrees ---- */
  html body nav#navbar.rvn ul.nav-links:not(#_n1):not(#_n2){
    /* align-items:stretch et height:100% sont indispensables : avec
       align-items:center les <li> ne faisaient que la hauteur de leur
       bouton, ce qui recreait la zone morte sous laquelle le panneau se
       fermait avant d'etre atteint. */
    display:flex !important; align-items:stretch !important; gap:2px !important;
    margin:0 !important; padding:0 !important; list-style:none !important;
    position:static !important; opacity:1 !important; visibility:visible !important;
    transform:none !important; background:none !important; height:100% !important;
    width:auto !important; flex-direction:row !important;
  }
  /* Le <li> occupe TOUTE la hauteur de la barre. Sans cela il ne faisait
     que la hauteur du bouton, environ 40 px centres dans 68 : il restait
     14 px de vide entre le bas du <li> et le haut du panneau. En
     descendant vers le menu, le curseur traversait cette zone morte,
     mouseleave se declenchait, et le panneau se fermait avant d'etre
     atteint. On ne pouvait donc cliquer aucun lien. */
  html body nav#navbar.rvn ul.nav-links > li:not(#_n1):not(#_n2){
    position:static !important; margin:0 !important;
    height:100% !important; display:flex !important; align-items:center !important;
  }
  html body nav#navbar.rvn ul.nav-links > li > a:not(#_n1):not(#_n2),
  html body nav#navbar.rvn ul.nav-links > li > button:not(#_n1):not(#_n2){
    display:inline-flex !important; align-items:center !important; gap:5px !important;
    padding:9px 13px !important; border:0 !important; background:none !important;
    border-radius:8px !important; cursor:pointer !important;
    font-family:inherit !important; font-size:.9rem !important; font-weight:500 !important;
    color:var(--rvn-vert) !important; -webkit-text-fill-color:var(--rvn-vert) !important; text-decoration:none !important;
    white-space:nowrap !important; position:relative !important;
    transition:background .18s ease !important;
  }
  html body nav#navbar.rvn ul.nav-links > li > a:hover:not(#_n1):not(#_n2),
  html body nav#navbar.rvn ul.nav-links > li > button:hover:not(#_n1):not(#_n2){
    background:rgba(26,78,48,.07) !important;
  }
  html body nav#navbar.rvn ul.nav-links > li > a:focus-visible:not(#_n1):not(#_n2),
  html body nav#navbar.rvn ul.nav-links > li > button:focus-visible:not(#_n1):not(#_n2){
    outline:2px solid var(--rvn-or) !important; outline-offset:2px !important;
  }

  /* etat actif : un filet, pas une pastille — une pastille imite un
     bouton et cree une ambiguite avec le CTA */
  html body nav#navbar.rvn ul.nav-links > li > [aria-current]:not(#_n1):not(#_n2)::after{
    content:'' !important; position:absolute !important;
    left:13px !important; right:13px !important; bottom:4px !important;
    height:2px !important; border-radius:2px !important;
    background:var(--rvn-or) !important;
  }

  html body nav#navbar.rvn .rvn-chevron:not(#_n1):not(#_n2){
    width:9px !important; height:9px !important; flex:0 0 auto !important;
    opacity:.5 !important; transition:transform .22s ease !important;
  }
  html body nav#navbar.rvn li.rvn-ouvert > button .rvn-chevron:not(#_n1):not(#_n2){
    transform:rotate(180deg) !important; opacity:.9 !important;
  }

  /* ---- le CTA : seul element dore de la barre ---- */
  html body nav#navbar.rvn .nav-cta:not(#_n1):not(#_n2){
    margin-left:auto !important; flex:0 0 auto !important;
    display:inline-flex !important; align-items:center !important; gap:7px !important;
    padding:11px 19px !important; border-radius:999px !important;
    background:linear-gradient(135deg,var(--rvn-or-clair),#D4A843) !important;
    color:var(--rvn-vert-fonce) !important; -webkit-text-fill-color:var(--rvn-vert-fonce) !important;
    font-size:.875rem !important; font-weight:700 !important;
    text-decoration:none !important; white-space:nowrap !important;
    box-shadow:0 6px 20px rgba(212,168,67,.4) !important;
    transition:transform .18s ease !important;
  }
  html body nav#navbar.rvn .nav-cta:hover:not(#_n1):not(#_n2){
    transform:translateY(-1px) !important;
  }

  /* ================= les panneaux ================= */
  html body nav#navbar.rvn .rvn-panneau:not(#_n1):not(#_n2){
    position:absolute !important; left:0 !important; right:0 !important;
    top:100% !important;
    background:var(--rvn-creme) !important;
    border-bottom:1px solid var(--rvn-trait) !important;
    box-shadow:0 26px 50px -28px rgba(10,38,21,.55) !important;
    /* PAS de translateY sur l'etat ferme. Le -8px d'animation faisait
       remonter les panneaux de 8 px : leur rectangle commencait a 59
       alors que la barre descend a 68, donc ils la CHEVAUCHAIENT. Le
       curseur qui visait un bouton du menu atterrissait sur un panneau,
       le bouton ne recevait aucun mouseenter, et rien ne s'ouvrait.
       L'animation se fait desormais sur l'opacite seule.
       pointer-events:none double la securite : un panneau ferme ne peut
       plus rien intercepter, quoi qu'il arrive a sa visibilite. */
    opacity:0 !important; visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
    transition:opacity .18s ease, visibility .18s !important;
  }
  html body nav#navbar.rvn li.rvn-ouvert .rvn-panneau:not(#_n1):not(#_n2){
    opacity:1 !important; visibility:visible !important;
    pointer-events:auto !important; transform:none !important;
  }
  html body nav#navbar.rvn .rvn-panneau-inner:not(#_n1):not(#_n2){
    max-width:1480px !important; margin:0 auto !important;
    padding:28px clamp(20px,3vw,40px) 30px !important;
    display:grid !important; gap:24px !important;
  }
  html body nav#navbar.rvn .rvn-p-outils .rvn-panneau-inner:not(#_n1):not(#_n2){
    grid-template-columns:repeat(4,minmax(0,1fr)) 250px !important;
  }
  html body nav#navbar.rvn .rvn-p-simple .rvn-panneau-inner:not(#_n1):not(#_n2){
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
  }
  html body nav#navbar.rvn .rvn-p-secteurs .rvn-panneau-inner:not(#_n1):not(#_n2){
    grid-template-columns:1fr !important;
  }

  html body nav#navbar.rvn .rvn-col h4:not(#_n1):not(#_n2){
    margin:0 0 12px !important; font-family:inherit !important;
    font-size:.68rem !important; letter-spacing:.12em !important;
    text-transform:uppercase !important; color:var(--rvn-or-sombre) !important; -webkit-text-fill-color:var(--rvn-or-sombre) !important;
    font-weight:700 !important;
  }
  html body nav#navbar.rvn .rvn-col ul:not(#_n1):not(#_n2){
    list-style:none !important; margin:0 !important; padding:0 !important;
    display:flex !important; flex-direction:column !important; gap:8px !important;
  }
  html body nav#navbar.rvn .rvn-col a:not(#_n1):not(#_n2){
    display:block !important; font-size:.855rem !important; line-height:1.35 !important;
    color:var(--rvn-vert) !important; -webkit-text-fill-color:var(--rvn-vert) !important; text-decoration:none !important;
    border-radius:5px !important; transition:color .16s ease !important;
  }
  html body nav#navbar.rvn .rvn-col a:hover:not(#_n1):not(#_n2){
    color:var(--rvn-or-sombre) !important; -webkit-text-fill-color:var(--rvn-or-sombre) !important; text-decoration:underline !important;
  }
  /* Le focus clavier reprend le meme repere visuel que le survol
     souris — soulignement dore + couleur — en plus du contour. Sans
     cela, se deplacer au clavier dans le panneau etait moins lisible
     que le survol. Ajout du 2026-08-03, additif. */
  html body nav#navbar.rvn .rvn-col a:focus-visible:not(#_n1):not(#_n2){
    outline:2px solid var(--rvn-or) !important; outline-offset:2px !important;
    color:var(--rvn-or-sombre) !important; -webkit-text-fill-color:var(--rvn-or-sombre) !important;
    text-decoration:underline !important;
  }
  html body nav#navbar.rvn .rvn-fiche:focus-visible:not(#_n1):not(#_n2),
  html body nav#navbar.rvn .rvn-vedette:focus-visible:not(#_n1):not(#_n2),
  html body nav#navbar.rvn .rvn-puce:focus-visible:not(#_n1):not(#_n2){
    outline:2px solid var(--rvn-or) !important; outline-offset:2px !important;
  }

  /* ---- encart mis en avant ---- */
  html body nav#navbar.rvn .rvn-vedette:not(#_n1):not(#_n2){
    background:linear-gradient(150deg,var(--rvn-vert),var(--rvn-vert-nuit)) !important;
    border-radius:12px !important; padding:20px !important;
    display:flex !important; flex-direction:column !important;
    justify-content:space-between !important; gap:14px !important;
    text-decoration:none !important;
  }
  /* Une regle du site applique white-space:nowrap aux descendants des
     liens de la nav. Sans neutralisation le texte reste sur une ligne :
     l'encart faisait 491 px dans une carte de 250, et les descriptions
     des fiches secteur etaient coupees net au bord du panneau.
     La liste couvre TOUS les blocs de texte des panneaux, pas seulement
     l'encart — c'etait l'oubli de la premiere correction. */
  html body nav#navbar.rvn .rvn-panneau:not(#_n1):not(#_n2),
  html body nav#navbar.rvn .rvn-panneau *:not(#_n1):not(#_n2){
    white-space:normal !important; min-width:0 !important;
  }
  /* max-width n'est PAS mis dans le joker ci-dessus : il y ecrasait le
     cadrage a 1480 px de .rvn-panneau-inner, et le contenu des panneaux
     filait alors d'un bord a l'autre au lieu de s'aligner sur la barre.
     On ne le pose que sur les blocs de texte qui en ont besoin. */
  html body nav#navbar.rvn .rvn-vedette .k:not(#_n1):not(#_n2),
  html body nav#navbar.rvn .rvn-vedette .t:not(#_n1):not(#_n2),
  html body nav#navbar.rvn .rvn-vedette .d:not(#_n1):not(#_n2),
  html body nav#navbar.rvn .rvn-fiche .t:not(#_n1):not(#_n2),
  html body nav#navbar.rvn .rvn-fiche .d:not(#_n1):not(#_n2){
    max-width:100% !important;
  }
  html body nav#navbar.rvn .rvn-puce:not(#_n1):not(#_n2){
    white-space:nowrap !important;
  }
  html body nav#navbar.rvn .rvn-vedette .go:not(#_n1):not(#_n2){
    white-space:nowrap !important; max-width:none !important;
  }
  html body nav#navbar.rvn .rvn-vedette .k:not(#_n1):not(#_n2){
    font-size:.62rem !important; letter-spacing:.13em !important;
    text-transform:uppercase !important; color:var(--rvn-or-clair) !important; -webkit-text-fill-color:var(--rvn-or-clair) !important;
    font-weight:700 !important; display:block !important;
  }
  html body nav#navbar.rvn .rvn-vedette .t:not(#_n1):not(#_n2){
    font-family:'Fraunces',Georgia,serif !important; font-size:1.05rem !important;
    color:var(--rvn-creme) !important; -webkit-text-fill-color:var(--rvn-creme) !important; margin:8px 0 6px !important;
    line-height:1.22 !important; display:block !important;
  }
  html body nav#navbar.rvn .rvn-vedette .d:not(#_n1):not(#_n2){
    font-size:.79rem !important; color:#CBDACF !important; -webkit-text-fill-color:#CBDACF !important; line-height:1.45 !important;
    display:block !important;
  }
  html body nav#navbar.rvn .rvn-vedette .go:not(#_n1):not(#_n2){
    align-self:flex-start !important; background:var(--rvn-or-clair) !important;
    color:var(--rvn-vert-fonce) !important; -webkit-text-fill-color:var(--rvn-vert-fonce) !important; font-size:.78rem !important;
    font-weight:700 !important; padding:8px 14px !important;
    border-radius:999px !important;
  }

  /* ---- pastilles de profil (ingredient C) ---- */
  html body nav#navbar.rvn .rvn-profils:not(#_n1):not(#_n2){
    display:flex !important; align-items:center !important; gap:9px !important;
    flex-wrap:wrap !important; padding-bottom:20px !important;
    border-bottom:1px solid rgba(201,162,78,.22) !important;
    margin-bottom:20px !important;
  }
  html body nav#navbar.rvn .rvn-profils .lb:not(#_n1):not(#_n2){
    font-size:.68rem !important; letter-spacing:.12em !important;
    text-transform:uppercase !important; color:var(--rvn-or-sombre) !important; -webkit-text-fill-color:var(--rvn-or-sombre) !important;
    font-weight:700 !important; margin-right:4px !important;
  }
  html body nav#navbar.rvn .rvn-puce:not(#_n1):not(#_n2){
    border:1px solid rgba(26,78,48,.2) !important; background:var(--rvn-creme) !important;
    color:var(--rvn-vert) !important; -webkit-text-fill-color:var(--rvn-vert) !important; font-family:inherit !important;
    font-size:.83rem !important; font-weight:600 !important;
    padding:7px 15px !important; border-radius:999px !important; cursor:pointer !important;
    transition:background .18s ease, border-color .18s ease, color .18s ease !important;
  }
  html body nav#navbar.rvn .rvn-puce:hover:not(#_n1):not(#_n2){
    border-color:var(--rvn-or) !important;
  }
  html body nav#navbar.rvn .rvn-puce[aria-pressed="true"]:not(#_n1):not(#_n2){
    background:var(--rvn-vert) !important; border-color:var(--rvn-vert) !important;
    color:var(--rvn-creme) !important; -webkit-text-fill-color:var(--rvn-creme) !important;
  }
  html body nav#navbar.rvn .rvn-secteur-corps:not(#_n1):not(#_n2){
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
    gap:14px !important;
  }
  html body nav#navbar.rvn .rvn-fiche:not(#_n1):not(#_n2){
    display:block !important; text-decoration:none !important;
    background:var(--rvn-creme-2) !important;
    border:1px solid rgba(26,78,48,.09) !important;
    border-radius:11px !important; padding:15px 16px !important;
    transition:border-color .18s ease, transform .18s ease !important;
  }
  html body nav#navbar.rvn .rvn-fiche:hover:not(#_n1):not(#_n2){
    border-color:var(--rvn-or) !important; transform:translateY(-2px) !important;
  }
  html body nav#navbar.rvn .rvn-fiche .t:not(#_n1):not(#_n2){
    display:block !important; font-family:'Fraunces',Georgia,serif !important;
    font-size:1rem !important; color:var(--rvn-vert) !important; -webkit-text-fill-color:var(--rvn-vert) !important;
    margin-bottom:5px !important;
  }
  html body nav#navbar.rvn .rvn-fiche .d:not(#_n1):not(#_n2){
    display:block !important; font-size:.8rem !important;
    color:var(--rvn-gris) !important; -webkit-text-fill-color:var(--rvn-gris) !important; line-height:1.45 !important;
  }
  html body nav#navbar.rvn .rvn-fiche[data-actif="1"]:not(#_n1):not(#_n2){
    background:var(--rvn-creme) !important;
    border-color:var(--rvn-or) !important;
    box-shadow:0 8px 22px -14px rgba(201,162,78,.7) !important;
  }
}

/* ---- les trois en-tetes maison passent SOUS la barre ----
   comparateur.html, linkedin.html et pourquoi-restauvert.html ont leur
   propre barre en position:fixed a top:0. Avec la barre RestauVert au
   meme endroit, les deux se recouvraient. Elles glissent d'un cran et
   deviennent un second etage : rien n'est supprime, leur navigation
   propre reste accessible.
   --rvn-decalage suit la hauteur reelle de la barre, que rv-nav.js
   met a jour au passage en mode compact. */
@media (min-width:901px){
  html.rvn-injectee body .ln-topbar:not(#_n1):not(#_n2),
  html.rvn-injectee body .cmp-header:not(#_n1):not(#_n2),
  html.rvn-injectee body .pq-header:not(#_n1):not(#_n2){
    /* pas de transition sur top : c'est aussi une propriete de mise en
       page, et la barre saute desormais d'un coup — un fondu ici
       desynchroniserait les deux barres pendant 220 ms */
    top:var(--rvn-decalage, var(--rvn-h)) !important;
  }
}

/* ---- sous 901 px : la barre laisse la place au panneau rv2 ----
   La barre reste affichee — c'est l'en-tete visible du site sur mobile —
   mais elle se reduit a la seule marque. Sans mise en page explicite, le
   CSS du site reprenait la main sur une structure qu'il ne connait pas
   (je reconstruis .nav-inner) et sortait le CTA a gauche, le logo a
   droite. Les entrees et le CTA sont masques : le panneau rv2 porte deja
   la navigation et son propre appel a l'action. */
@media (max-width:900px){
  html body nav#navbar.rvn .rvn-panneau:not(#_n1):not(#_n2){ display:none !important; }
  /* La barre reste FIXE, comme sur bureau et comme le site l'attend.
     Je l'avais passee en position:static : elle prenait alors 64 px dans
     le flux, alors que les heros conservent un padding-top de 100 px
     prevu pour degager une barre fixe. Avec le padding de 96 px du
     .hxA-wrap par-dessus, cela faisait pres de 200 px de vide entre la
     barre et le premier element. Fixe, la barre ne consomme plus rien
     dans le flux et ces paddings retrouvent leur role.
     La compensation ne s'applique donc qu'aux pages ou j'injecte la
     barre : elles n'avaient aucun degagement puisqu'elles n'avaient pas
     de barre. */
  html.rvn-injectee body:not(#_n1):not(#_n2){ padding-top:58px !important; }
  html body nav#navbar.rvn:not(#_n1):not(#_n2){
    position:fixed !important; top:0 !important; left:0 !important; right:0 !important;
    z-index:1200 !important;
    height:auto !important; min-height:0 !important;
    background:var(--rvn-creme) !important;
    border-bottom:1px solid var(--rvn-trait) !important;
  }
  html body nav#navbar.rvn .nav-inner:not(#_n1):not(#_n2){
    display:flex !important; flex-direction:row !important;
    align-items:center !important; justify-content:flex-start !important;
    gap:10px !important; height:auto !important; min-height:0 !important;
    padding:10px 16px !important; max-width:none !important;
  }
  html body nav#navbar.rvn .nav-logo:not(#_n1):not(#_n2){
    order:0 !important; margin:0 !important;
  }
  html body nav#navbar.rvn .nav-logo img:not(#_n1):not(#_n2){
    height:32px !important; width:auto !important;
  }
  html body nav#navbar.rvn ul.nav-links:not(#_n1):not(#_n2),
  html body nav#navbar.rvn .nav-cta:not(#_n1):not(#_n2){
    display:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body nav#navbar.rvn *:not(#_n1):not(#_n2){
    transition-duration:.01ms !important;
  }
}