@charset "utf-8";
/* CSS Document */

/* ==========================================================================
   OPTIMIZED MENU & NAVIGATION STYLES (STRICT SINGLE ROW)
   ========================================================================== */

/* Global Menu Link Reset (Manages text look across all structures cleanly) */
.secmenu a { 
  color: inherit; 
  text-decoration: none; 
  display: inline-block; 
  width: 100%; 
}

.secmenu { 
  float: right; 
  margin-top: 1.5em; 
  margin-bottom: 1.5em; 
  
  font-size: clamp(0.75em, 1.25vw, 1.25em); 
  
  display: flex; 
  width: 90%; 
  /* UPDATED: Changed back to nowrap to strictly force a single row across all screens */
  flex-wrap: nowrap; 
}

.secmenuitem { 
  position: relative; 
  cursor: pointer; 
}

/* Smooth border bottom fade instead of an instant pop */
.secmenuitem > a { 
  border-bottom: 2px solid transparent; 
  transition: border-color 0.2s ease; 
}

.secmenuitem > a:hover { 
  border-bottom: 2px solid #333333; 
}

.secbutton { 
  float: left; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1em; 
  color: #333333; 
  padding: 3px; 
  border: 1px solid transparent; 
  
  /* UPDATED FOR SINGLE ROW: Distributes width evenly without allowing wrap breakage */
  flex: 1 0 auto; 
  margin-right: 0.4em; /* Tightened slightly for safer micro-scaling space */
}

.secsubmenu { 
  font-size: 0.9em; 
  display: none; 
  top: 100%; /* Automatically flushes menu right under parent link */
  left: 0; 
  min-width: 250px; 
  background-color: #F6F6F6; 
  padding: 6px 0; 
  border: 1px solid #336666; 
  border-radius: 4px; 
  z-index: 2000; 
  color: black; 
  line-height: 1.4em; 
  box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
}

.secmenuitem:hover .secsubmenu { 
  display: block; 
  position: absolute; 
}

.secsubmitem { 
  padding: 6px 15px; 
  transition: background-color 0.2s ease; 
}

.secsubmitem:hover { 
  background-color: #9EE7DA; 
  text-decoration: none; 
}

.secsubmitem a:hover { 
  border-bottom: none; 
}

.sidemenuheader { 
  padding: 6px 15px; 
  position: relative; 
  cursor: pointer; 
}

/* Right-aligns the arrow indicator cleanly */
.sidemenuheader:after { 
  content: "›"; 
  float: right; 
  font-weight: bold; 
}

.sidemenuheader:hover { 
  color: black; 
  background-color: #9EE7DA; 
}

.sidemenuheader:hover .sidecontainer { 
  display: block; 
  transition-delay: 0.2s; 
}

.mdmenuheader { 
  color: green; 
}

.mdmenu { 
  border: 1px solid #cccccc; 
  background-color: #F6F6F6; 
  min-width: 250px; 
  margin-top: -6px; /* Smooth secondary panel alignment layout */
  box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
}

.sidecontainer { 
  position: absolute; 
  left: 100%; /* Keeps fly-out cleanly outside the main drop area */
  top: 0; 
  display: none; 
}

.mdmenuitem { 
  color: #333333; 
  font-size: 0.95em; 
  padding: 6px 15px; 
  transition: background-color 0.2s ease; 
}

.mdmenuitem:hover { 
  background-color: #9EE7DA; 
}

.mdmenuitem a { 
  text-decoration: none !important; 
  color: inherit; 
}