
/* Minimal fixes requested */
.header .heading-wrap{margin-top:0 !important;}
.header .heading-black.heading-black-updated{margin-top:0 !important;}
.header nav.menu-red{margin-bottom:0 !important; padding-bottom:0 !important;}
.header nav.menu-red + *{margin-top:0 !important; padding-top:0 !important;}
.top-right-tools select{max-width:160px !important; width:160px !important;}


/* Keep menu text white in all states (requested) */
.header .heading-wrap a,
.header .heading-wrap a:visited,
.header .heading-wrap a:hover,
.header .heading-wrap a:active,
.header .heading-wrap a:focus,
.header .heading-black.heading-black-updated a,
.header .heading-black.heading-black-updated a:visited,
.header .heading-black.heading-black-updated a:hover,
.header .heading-black.heading-black-updated a:active,
.header .heading-black.heading-black-updated a:focus{
  color:#ffffff !important;
}

/* Prevent background changes that hide links */
.header .heading-wrap a:hover,
.header .heading-wrap a:active,
.header .heading-wrap a:focus,
.header .heading-black.heading-black-updated a:hover,
.header .heading-black.heading-black-updated a:active,
.header .heading-black.heading-black-updated a:focus{
  background:transparent !important;
  text-decoration:none !important;
  outline:none !important;
}

/* Dropdown arrows and separators stay visible */
.header .heading-black.heading-black-updated span,
.header .heading-wrap span{
  color:#ffffff !important;
}



/* Increase menu font size for main homepage visibility (university standard) */
.header .heading-wrap a{
  font-size:14px !important;
  font-weight:600 !important;
}
.header .heading-black.heading-black-updated a{
  font-size:15px !important;
  font-weight:600 !important;
}
.header nav.menu-red a{
  font-size:15px !important;
  font-weight:700 !important;
}



/* SAFE country & language box adjustments (no layout disturbance) */
.header .top-right-tools{
  margin-left:auto !important;
}

/* Country box: reduce visual length only */
.header .top-right-tools #countryPicker{
  max-width:180px !important;
}
.header .top-right-tools #countryPicker button{
  max-width:180px !important;
  padding-right:10px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Language box slight tighten */
.header .top-right-tools #langSelect{
  max-width:105px !important;
}



/* Slight font size increase for better readability (safe bump) */
.header .heading-wrap a{
  font-size:15px !important;
}
.header .heading-black.heading-black-updated a{
  font-size:16px !important;
}
.header nav.menu-red a{
  font-size:16px !important;
}



/* Emphasize main red navigation bar slightly more */
.header nav.menu-red a{
  font-size:17px !important;
  font-weight:700 !important;
}



/* Remove gap between grey sliding bar and black menu bar */
.header > div:first-child{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
.header .heading-black.heading-black-updated{
  margin-top:0 !important;
  padding-top:0 !important;
}



/* Force-remove gap caused by inline margin on grey sliding container */
.header > div[style*="background-color: gray"] .container{
  margin-bottom:0 !important;
}
.header > div[style*="background-color: gray"]{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
.header .heading-wrap{
  margin-top:0 !important;
  padding-top:0 !important;
}




.header nav.menu-red{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  white-space:nowrap !important;
  overflow-x:auto !important;
  scrollbar-width:thin;
}
.header nav.menu-red::-webkit-scrollbar{height:6px;}
.header nav.menu-red::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);}

/* Tighten spacing so all items fit better */
.header nav.menu-red a{
  padding:10px 12px !important;
  margin:0 !important;
  white-space:nowrap !important;
}



/* ONE-LINE red menu fix (apply to inner wrapper too) */
.header nav.menu-red{
  overflow-x:auto !important;
}
.header nav.menu-red .inner.menu-row{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  white-space:nowrap !important;
  width:100% !important;
}
.header nav.menu-red .inner.menu-row > a{
  display:inline-flex !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}



/* Red menu: ONE line WITHOUT horizontal scroll; remove gap after About */
.header nav.menu-red{ 
  white-space:nowrap !important;
  overflow-x:visible !important;   /* no horizontal scroll */
}

/* Ensure inner container aligns items from left, no space-between gaps */
.header nav.menu-red .inner,
.header nav.menu-red .menu-row,
.header nav.menu-red ul{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:0 !important;
  width:auto !important;
}

/* Prevent any menu item from taking extra space */
.header nav.menu-red .menu-item,
.header nav.menu-red li{
  flex:0 0 auto !important;
}

/* Remove any left padding/margin that creates an 'obstacle' */
.header nav.menu-red .inner{padding-left:0 !important; margin-left:0 !important;}
.header nav.menu-red #aboutMenu{margin-right:0 !important; padding-right:0 !important;}

/* Keep your normal spacing + font sizes (no tightening) */
.header nav.menu-red a,
.header nav.menu-red .menu-btn{
  padding:10px 12px !important;
  margin:0 !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}


/* Make About (button) look identical to other red menu links */
.header nav.menu-red .menu-btn{
  background:transparent !important;
  border:0 !important;
  color:#ffffff !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1 !important;
  cursor:pointer !important;
}
.header nav.menu-red .menu-btn:hover,
.header nav.menu-red .menu-btn:active,
.header nav.menu-red .menu-btn:focus{
  color:#ffffff !important;
  background:transparent !important;
  outline:none !important;
}
