/* =========================
   MENU + DROPDOWN (NON-CRITICAL)
   Keep this in /css/menu.css (external)
   ========================= */

/* Reset */
ul.dc_mm-orange, ul.dc_mm-orange li{
  margin:0;
  padding:0;
  list-style:none;
}

/* Menu Bar */
ul.dc_mm-orange{
  background:#000;
  padding:0;
  display:flex;
  justify-content:space-evenly;
  align-items:center;
  position:relative;
  width:100%;
  min-height:var(--nav-h);  /* IMPORTANT: stable height */
  font-family:"Monda",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; /* no shorthand */
  font-size:14px;           /* matches your old shorthand intent */
  line-height:1;            /* prevents line-height surprises */
}

ul.dc_mm-orange li{ position:relative; }

/* Menu Links (TOP BAR) */
ul.dc_mm-orange li a{
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
  height:var(--nav-h);
  padding:0 25px;
  text-transform:uppercase;
  font-family:"Monda",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  line-height:1;
  text-shadow:.5px .5px .5px #000;
  white-space:nowrap; /* IMPORTANT: prevents wrapping CLS */
}

ul.dc_mm-orange li a:hover{
  color:#fff;
  background:linear-gradient(to bottom,#660033,#e48e14);
}

/* Desktop Dropdown */
ul.dc_mm-orange .dropdown-menu{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-30%);
  width:90vw;
  max-width:min(90vw,800px);
  background:#000;
  z-index:1000;
  box-shadow:0 4px 8px rgba(0,0,0,.2);
  padding:9px;
  box-sizing:border-box;
  overflow-y:auto;
  max-height:85vh;

  display:block;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease-out,visibility 0s linear .18s;
  will-change:opacity;
}
ul.dc_mm-orange .dropdown-menu.visible{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transition:opacity .18s ease-out;
}

/* Dropdown Layout */
ul.dc_mm-orange .dropdown-menu .dropdown-container{
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:6px;
  box-sizing:border-box;
}

ul.dc_mm-orange .dropdown-menu .menu-grids{
  flex:1;
  min-width:30%;
  max-width:33.33%;
  padding:6px;
  text-align:left;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}

ul.dc_mm-orange .multi-column-dropdown{
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  display:block;
}

ul.dc_mm-orange .multi-column-dropdown li{ margin-bottom:4px; }

ul.dc_mm-orange .multi-column-dropdown li a{
  color:#fff;
  font-family:"Monda",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:10px;
  text-transform:uppercase;
  font-weight:250;
  letter-spacing:1px;
  padding:5px 15px;
  display:block;
  width:100%;
  transition:all .3s ease-in-out;
  white-space:normal; /* dropdown links can wrap; top bar should not */
}
ul.dc_mm-orange .multi-column-dropdown li a:hover{
  color:#fff;
  background:#D8953F;
  text-decoration:none;
}

ul.dc_mm-orange .multi-column-dropdown h4{
  font-size:16px;
  font-weight:bold;
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom:1px solid #ddd;
  color:#222;
}

/* Toggle (base) */
.menu-toggle{
  min-height:var(--nav-h);
  display:flex;
  align-items:center;
  padding:0 10px;
  font-weight:bold;
  background:#660033;
  color:#000;
  text-transform:uppercase;
  font-size:16px;
  width:100%;
  border:none;
  box-sizing:border-box;
  font-family:"Monda",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1;
}

/* Desktop */
@media (min-width:1024px){
  ul.dc_mm-orange{ display:flex; }
  .menu-toggle{ display:none!important; }
}

/* Mobile */
@media (max-width:1023px){
  .menu-toggle{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:100%;
    padding:10px;
    background:#660033;
    color:#fff;
    text-align:left;
    font-size:16px;
    cursor:pointer;
    border:none;
    font-weight:bold;
    text-transform:uppercase;
  }

  ul.dc_mm-orange{
    display:none;
    flex-direction:column;
    background:#000;
    padding:10px 0;
    text-align:center;
  }

  ul.dc_mm-orange.menu-open{
    display:flex;
    flex-direction:column;
  }

  ul.dc_mm-orange .dropdown-menu{
    position:static;
    transform:none;
    width:100%;
    max-width:100%;
    box-shadow:none;
    padding:0;
    max-height:none;
    overflow:visible;
    display:none;
  }

  ul.dc_mm-orange .dropdown-menu.visible{ display:block; }

  ul.dc_mm-orange .dropdown-menu .dropdown-container{ padding:6px; }
  ul.dc_mm-orange .dropdown-menu .menu-grids{ padding:6px; }
  ul.dc_mm-orange .multi-column-dropdown li a{ padding:5px 15px; }
  ul.dc_mm-orange .multi-column-dropdown li{ margin-bottom:4px; }
}