/* V6.21 — correctif vérifié : sidebar client en haut à gauche (et jamais au bas). */
/* Ne touche pas à la navigation mobile/tablette (< 1000px), ni à la navigation Mentor. */
@media (min-width:1000px){
  body[data-ui-mode="client"] #nav.mainnav[data-mode="client"],
  body.li-member-desktop-v467[data-ui-mode="client"] #nav.mainnav[data-mode="client"]{
    --li-nav-gap-v621:16px;
    position:fixed !important;
    inset:auto !important;
    top:var(--li-client-nav-top-v621, 120px) !important;
    left:var(--li-nav-gap-v621) !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    margin:0 !important;
    width:var(--li-client-nav-width-v621, 216px) !important;
    height:max-content !important;
    min-height:0 !important;
    max-height:max(160px,calc(100dvh - var(--li-client-nav-top-v621,120px) - var(--li-nav-gap-v621))) !important;
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    gap:8px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding:13px 12px 15px !important;
    border:1px solid rgba(221,186,73,.50) !important;
    border-radius:20px !important;
    background:linear-gradient(133deg,#0c0d0f 0%,#282b30 60%,#52565c 100%) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.22) !important;
    box-sizing:border-box !important;
    z-index:155 !important;
  }
  body[data-ui-mode="client"] #nav.mainnav[data-mode="client"] > button{
    min-height:53px !important;
    height:auto !important;
    padding:7px 9px !important;
    flex:0 0 auto !important;
    border-radius:14px !important;
  }
  body[data-ui-mode="client"] #nav.mainnav[data-mode="client"] .mobile-nav-motto{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    top:auto !important;
    display:block !important;
    flex:0 0 auto !important;
    width:auto !important;
    height:auto !important;
    min-height:14px !important;
    margin:2px 0 0 !important;
    padding:9px 0 0 !important;
    border-top:1px solid rgba(214,181,91,.24) !important;
    line-height:1.3 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
}
/* Certains anciens breakpoints (notamment 1101-1350px) repassaient main en pleine
   largeur ; on garde partout la colonne dédiée. Les 16px de chaque côté
   du menu se mesurent jusqu'au vrai début du contenu, après son padding. */
@media (min-width:1000px){
  body[data-ui-mode="client"] > main{
    width:calc(100% - var(--li-desktop-sidebar,220px)) !important;
    max-width:none !important;
    margin-left:var(--li-desktop-sidebar,220px) !important;
    margin-right:0 !important;
    padding-left:clamp(28px,3vw,54px) !important;
    padding-right:clamp(24px,3vw,54px) !important;
    box-sizing:border-box !important;
  }
}