/* All primary navigation links remain visible; no secondary "More" menu. */
.container.nav.nav-all-visible{
  max-width:1900px;
  grid-template-columns:minmax(300px, auto) minmax(0, 1fr) auto;
  column-gap:18px;
}

.nav-all-visible .brand-sep,
.nav-all-visible .brand-tagline{display:none;}

.nav-all-visible nav{justify-self:stretch;}

.nav-all-visible .navbar-nav{
  justify-content:flex-end;
  gap:12px;
}

.nav-all-visible .navbar-nav a{
  color:#4b5563;
  font-size:11px;
  font-weight:600;
  padding:8px 1px;
}

.nav-all-visible .navbar-nav a::after{
  height:2px;
  border-radius:999px;
  opacity:0;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease, opacity .18s ease;
}

.nav-all-visible .navbar-nav a:hover,
.nav-all-visible .navbar-nav a:focus-visible,
.nav-all-visible .navbar-nav a.active,
.nav-all-visible .navbar-nav a[aria-current="page"]{
  color:var(--brand-green);
}

.nav-all-visible .navbar-nav a:hover::after,
.nav-all-visible .navbar-nav a:focus-visible::after,
.nav-all-visible .navbar-nav a.active::after,
.nav-all-visible .navbar-nav a[aria-current="page"]::after{
  opacity:1;
  transform:scaleX(1);
}

.nav-all-visible .navbar-nav a.active,
.nav-all-visible .navbar-nav a[aria-current="page"]{
  font-weight:750;
}

.nav-all-visible .navbar-nav li:nth-child(5){
  margin-inline-end:4px;
  padding-inline-end:16px;
  border-inline-end:1px solid rgba(31,42,55,.16);
}

@media (max-width:1380px) and (min-width:769px){
  .container.nav.nav-all-visible{
    height:auto;
    min-height:78px;
    padding-top:6px;
    padding-bottom:6px;
    grid-template-columns:auto 1fr auto;
    grid-template-rows:auto auto;
    row-gap:4px;
  }
  .nav-all-visible .logo-img{height:58px;}
  .nav-all-visible .brand-name{font-size:17px;}
  .nav-all-visible .brand-wrap{grid-column:1 / 3;grid-row:1;}
  .nav-all-visible .lang{grid-column:3;grid-row:1;}
  .nav-all-visible .lang-flags{grid-column:3;grid-row:1;justify-self:end;}
  .nav-all-visible nav{grid-column:1 / -1;grid-row:2;}
  .nav-all-visible .navbar-nav{justify-content:center;gap:10px 18px;}
}

@media (max-width:900px){
  .container.nav.nav-all-visible{
    grid-template-columns:1fr auto 1fr;
    grid-template-rows:auto auto auto;
  }
  .nav-all-visible .brand-wrap{grid-column:1 / -1;grid-row:1;}
  .nav-all-visible nav{grid-column:1 / -1;grid-row:2;}
  .nav-all-visible .lang{grid-column:2;grid-row:3;justify-self:center;}
  .nav-all-visible .navbar-nav{justify-content:flex-start;}
  .nav-all-visible .navbar-nav li:nth-child(5){
    margin-inline-end:0;
    padding-inline-end:0;
    border-inline-end:0;
  }
}

@media (max-width:768px){
  header .container.nav.nav-all-visible{
    grid-template-columns:1fr auto !important;
    grid-template-areas:"brand lang" "nav nav" !important;
  }
  header .nav-all-visible .brand-wrap{grid-area:brand;}
  header .nav-all-visible nav{grid-area:nav;}
  header .nav-all-visible .lang-flags{grid-area:lang;}
}

/* Supplier page previously had a separate header system. Keep it aligned with
   the shared navigation and reserve independent space for brand and language. */
@media (min-width:769px){
  body.supplier-page header .container.nav.nav-all-visible{
    display:grid !important;
    grid-template-columns:minmax(390px, auto) minmax(0, 1fr) 60px !important;
    align-items:center !important;
    column-gap:18px !important;
  }

  body.supplier-page header .brand-wrap{
    min-width:390px !important;
  }

  body.supplier-page header nav{
    justify-self:stretch !important;
    width:100% !important;
    overflow:hidden !important;
  }

  body.supplier-page header nav .navbar-nav{
    justify-content:flex-end !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }

  body.supplier-page header nav .navbar-nav a{
    font-size:11px !important;
    padding:8px 1px !important;
  }

  body.supplier-page header .lang-flags{
    grid-column:3 !important;
    justify-self:end !important;
    margin-left:0 !important;
  }
}

@media (max-width:1380px) and (min-width:769px){
  body.supplier-page header .container.nav.nav-all-visible{
    grid-template-columns:auto 1fr auto !important;
    grid-template-rows:auto auto !important;
  }
  body.supplier-page header .brand-wrap{
    grid-column:1 / 3 !important;
    grid-row:1 !important;
    min-width:0 !important;
  }
  body.supplier-page header nav{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
  body.supplier-page header .lang-flags{
    grid-column:3 !important;
    grid-row:1 !important;
  }
  body.supplier-page header nav .navbar-nav{
    justify-content:center !important;
  }
}

@media (max-width:768px){
  body.supplier-page header .container.nav.nav-all-visible{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-areas:"brand lang" "nav nav" !important;
    gap:6px 10px !important;
    padding:8px 12px !important;
  }
  body.supplier-page header .brand-wrap{grid-area:brand !important;min-width:0 !important;}
  body.supplier-page header nav{grid-area:nav !important;width:100% !important;}
  body.supplier-page header .lang-flags{grid-area:lang !important;margin-left:0 !important;}
}