/* Additional adjustments for header layout and legibility */
:root{--header-height:72px}
.header-upper{height:var(--header-height);background:rgba(0,0,0,0.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.header-upper .inner-container{height:100%}
.logo-box{display:flex;align-items:center;width:140px}
.nav-outer{padding:0 4px}
.navigation{align-items:center}
.navigation>li>a{color:#fff;padding:6px 6px}
.navigation>li.current>a,.navigation>li>a:hover{color:var(--thm-base)!important}

/* Force submenu on top and make sure it doesn't go under hero */
.navigation li ul{z-index:20000}

/* Reduce font sizes to fit */
.navigation>li>a{font-size:13px}

/* Keep menu items in one row on larger viewports; allow wrap only on small screens */
.navigation{flex-wrap:nowrap}

/* Accessibility: increase clickable area */
.navigation>li>a{padding:12px 14px}

@media(max-width:1400px){
  .logo-box{width:130px}
  .transparency-link img{height:22px;width:auto}
  .transparency-link{margin-left:2px}
  .navigation>li>a{font-size:12px;padding:5px 6px}
  .other-links{gap:8px}
}

@media(max-width:1200px){
  .navigation{gap:1px}
  .main-menu{max-width:1120px}
  .nav-outer{padding:0 2px}
  .navigation>li>a{padding:4px 5px}
  .header-upper .inner-container{padding:0 6px}
}

@media(max-width:991px){
  .navigation{flex-wrap:wrap;gap:2px}
  .navigation>li>a{font-size:11px;padding:4px 6px}
}