/* lanxas-scroll-to-top */
#lxScrollTop {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #0d1a4a;
  color: #fff;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: inherit;
  box-shadow: 0 4px 16px rgba(13,26,74,.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease, background .15s ease, border-color .15s ease;
  z-index: 1000;
  padding: 0;
}
#lxScrollTop.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#lxScrollTop:hover {
  background: #1d4ed8;
  border-color: #B08D2E;
}
#lxScrollTop:focus-visible {
  outline: 3px solid #B08D2E;
  outline-offset: 3px;
}
#lxScrollTop svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 600px) {
  #lxScrollTop {
    bottom: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
}

/* ===== TRAITS COLORES NAV (espaces LANXAS) · n'affecte QUE le trait ===== */
.nav-links li a[data-i18n^="nav."], .nav-links li button[data-i18n^="nav."]{position:relative}
.nav-links li a[data-i18n^="nav."]::after, .nav-links li button[data-i18n^="nav."]::after{
  content:"";position:absolute;left:6px;right:6px;bottom:-2px;height:2px;border-radius:3px;
  background:var(--trait,transparent);transition:height .18s,bottom .18s;pointer-events:none}
.nav-links li a[data-i18n^="nav."]:hover::after, .nav-links li button[data-i18n^="nav."]:hover::after{height:4px;bottom:-3px}
.nav-links li a[data-i18n^="nav."].metal::after, .nav-links li button[data-i18n^="nav."].metal::after{background:var(--gradtrait)}

/* ===== ALIGNEMENT NAV : liens (a) ET menus (button) identiques ===== */
.nav-links{align-items:stretch !important}
.nav-links > li{display:flex;align-items:center}
.nav-links li > a, .nav-links li > .tout-wrap, .nav-links li > .lx-soft-wrap, .nav-links li > button,
.lx-soft-wrap > .btn-lx-soft, .nav-links a[data-i18n^="nav."]{
  display:inline-flex !important;align-items:center !important;
  padding:8px 12px !important;font-size:12px !important;line-height:1 !important;
  font-weight:600 !important;height:auto !important;border:none !important;background:none}
.nav-links a[data-i18n^="nav."]:not(.btn-support){color:#1e293b !important}
.btn-support,.btn-support:visited{color:#fff !important}
.btn-lx-soft{color:#1e293b !important}

/* ===== NAV RESPONSIVE FIN (tient a 1280) ===== */
@media(max-width:1366px){
  .nav-links li > a, .nav-links li > .lx-soft-wrap, .lx-soft-wrap > .btn-lx-soft, .nav-links a[data-i18n^="nav."], .btn-lx-soft{padding:7px 8px !important;font-size:11.5px !important}
  .nav-search-bar{max-width:440px !important;min-width:320px !important}
  nav{padding:0 6mm 0 32px !important;gap:6px !important}
}
@media(max-width:1180px){
  .nav-search-bar{max-width:300px !important;min-width:220px !important}
}

/* Support technique = MEME couleur exacte que Tout Lanxas (navy uni) */
.btn-support{display:inline-flex !important;align-items:center;margin:0 !important}
.btn-support:hover{background:var(--blue) !important}
.btn-support::after{display:none !important}

/* ===== NAV : recherche remplit le vide, le reste reste compact ===== */
.nav-right > .nav-location, .nav-right > .account-wrap, .nav-right > .nav-icons, .nav-right > .lang-wrap{flex:none !important}
.nav-search-bar{flex:1 1 auto !important}