/* WEETRA V23 — desktop navigation correction — 2026-09-12
   Goal: a compact, single-line institutional header. Never allow top-level labels
   to wrap; switch to the mobile menu before the desktop IA becomes crowded. */

@media (min-width:1321px){
  .nav-inner,
  .nav.solid .nav-inner,
  .nav.on-dark .nav-inner,
  .nav.on-dark.solid .nav-inner{
    height:68px!important;
    min-height:68px!important;
    padding-inline:26px!important;
    gap:14px!important;
  }

  .logo{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    flex-basis:112px!important;
    height:23px!important;
  }
  .logo .brand-header{
    width:112px!important;
    max-width:112px!important;
    height:23px!important;
    max-height:23px!important;
  }

  .nav-links{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:16px!important;
    font-size:9.15px!important;
    letter-spacing:.085em!important;
    line-height:1!important;
  }
  .nav-item{
    flex:0 0 auto!important;
    min-width:max-content!important;
  }
  .nav-item>a{
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    padding:0!important;
    line-height:1!important;
  }
  .nav-item>a .cv{
    width:6px!important;
    height:6px!important;
  }

  .nav-right{
    gap:11px!important;
    white-space:nowrap!important;
  }
  .nav .btn{
    white-space:nowrap!important;
    font-size:9.05px!important;
    letter-spacing:.08em!important;
    line-height:1!important;
  }
  .langsel .lang{
    gap:5px!important;
    padding:0!important;
  }
  .langsel .lang .flag{
    width:20px!important;
  }
}

/* Long translated labels get a little more room without reverting to wrapping. */
@media (min-width:1321px) and (max-width:1490px){
  .nav-inner,
  .nav.solid .nav-inner,
  .nav.on-dark .nav-inner,
  .nav.on-dark.solid .nav-inner{
    padding-inline:20px!important;
    gap:10px!important;
  }
  .logo{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    flex-basis:104px!important;
  }
  .logo .brand-header{
    width:104px!important;
    max-width:104px!important;
  }
  .nav-links{
    gap:12px!important;
    font-size:8.8px!important;
    letter-spacing:.07em!important;
  }
  .nav-right{gap:9px!important}
  .nav .btn{
    font-size:8.75px!important;
    letter-spacing:.065em!important;
  }
}

/* Arabic and Chinese do not benefit from wide Latin-style tracking. */
@media (min-width:1321px){
  html[lang="ar"] .nav-links,
  html[lang="zh"] .nav-links{
    font-size:9.7px!important;
    letter-spacing:.015em!important;
    gap:14px!important;
  }
  html[lang="ar"] .nav .btn,
  html[lang="zh"] .nav .btn{
    font-size:9.4px!important;
    letter-spacing:.015em!important;
  }
}

/* Do not squeeze the desktop menu until it breaks. Below this width, use the
   existing full mobile navigation even on laptop/tablet widths. */
@media (max-width:1320px){
  .nav-links{display:none!important}
  .navtoggle{display:flex!important}
  .nav-right .btn{display:none!important}
  .mobmenu{display:block!important}
}
\n\n/* =========================================================\n   V24 — compact institutional navigation\n   Standalone Evidence Check removed from primary navigation.\n   Evidence Check remains inside CBAM Reviews.\n   ========================================================= */\n@media (min-width:1181px){\n  .nav-inner,\n  .nav.solid .nav-inner,\n  .nav.on-dark .nav-inner,\n  .nav.on-dark.solid .nav-inner{\n    min-height:62px!important;\n    height:62px!important;\n    max-width:1440px!important;\n    margin-inline:auto!important;\n    padding-inline:24px!important;\n    gap:16px!important;\n  }\n  .logo{\n    width:104px!important;\n    min-width:104px!important;\n    max-width:104px!important;\n    flex-basis:104px!important;\n    height:22px!important;\n  }\n  .logo .brand-header{\n    width:104px!important;\n    max-width:104px!important;\n    height:22px!important;\n    max-height:22px!important;\n  }\n  .nav-links{\n    flex:1 1 auto!important;\n    display:flex!important;\n    flex-wrap:nowrap!important;\n    justify-content:center!important;\n    align-items:center!important;\n    gap:21px!important;\n    font-size:9px!important;\n    letter-spacing:.075em!important;\n    line-height:1!important;\n    min-width:0!important;\n  }\n  .nav-item{flex:0 0 auto!important;min-width:max-content!important}\n  .nav-item>a{\n    white-space:nowrap!important;\n    flex-wrap:nowrap!important;\n    gap:5px!important;\n    padding:0!important;\n    line-height:1!important;\n  }\n  .nav-item>a .cv{width:6px!important;height:6px!important}\n  .nav-right{\n    flex:0 0 auto!important;\n    gap:9px!important;\n    white-space:nowrap!important;\n  }\n  .nav .btn{\n    font-size:8.8px!important;\n    letter-spacing:.07em!important;\n    line-height:1!important;\n    white-space:nowrap!important;\n  }\n  .langsel .lang{gap:4px!important;padding:0!important}\n  .langsel .lang .flag{width:19px!important}\n}\n\n@media (min-width:1181px) and (max-width:1280px){\n  .nav-inner,\n  .nav.solid .nav-inner,\n  .nav.on-dark .nav-inner,\n  .nav.on-dark.solid .nav-inner{padding-inline:18px!important;gap:10px!important}\n  .logo{width:96px!important;min-width:96px!important;max-width:96px!important;flex-basis:96px!important}\n  .logo .brand-header{width:96px!important;max-width:96px!important}\n  .nav-links{gap:14px!important;font-size:8.45px!important;letter-spacing:.055em!important}\n  .nav .btn{font-size:8.3px!important;letter-spacing:.05em!important}\n}\n\n/* With the redundant top-level item gone, keep the real desktop menu longer. */\n@media (min-width:1181px){\n  .nav-links{display:flex!important}\n  .navtoggle{display:none!important}\n  .nav-right .btn{display:inline-flex!important}\n  .mobmenu{display:none!important}\n}\n@media (max-width:1180px){\n  .nav-links{display:none!important}\n  .navtoggle{display:flex!important}\n  .nav-right .btn{display:none!important}\n  .mobmenu{display:block!important}\n}\n\n/* Arabic/Chinese: compact without artificial Latin tracking. */\n@media (min-width:1181px){\n  html[lang="ar"] .nav-links, html[lang="zh"] .nav-links{\n    font-size:9.25px!important;letter-spacing:.01em!important;gap:18px!important;\n  }\n  html[lang="ar"] .nav .btn, html[lang="zh"] .nav .btn{\n    font-size:8.9px!important;letter-spacing:.01em!important;\n  }\n}\n