/* =========================================================
   EMBERCRYPT HOTFIX: duplicate IDs -> classes + menu stability
   Works with layout.php where:
     id="menu-label"  -> class="menu-label"
     id="menu_links"  -> class="menu-links"
   ========================================================= */

html { overflow-y: scroll; } /* prevent page jump due to scrollbar */

#menu_left, #menu_right {
  overflow: hidden;           /* prevents label pills from bleeding outside */
}

#menu_left .menu-label,
#menu_right .menu-label {
  width: 100%;
  max-width: 100%;
  margin: 14px 0 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,200,90,.18);
  background: linear-gradient(180deg, rgba(20,22,28,.72), rgba(8,9,11,.72));
  position: relative;
}

#menu_left .menu-label::after,
#menu_right .menu-label::after {
  content: attr(data-title);
  display: block;
  letter-spacing: .22em;
  font-weight: 800;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(245,225,170,.95);
}

/* kill any old pseudo-elements that might extend outside */
#menu_left .menu-label::before,
#menu_right .menu-label::before {
  content: none !important;
  display: none !important;
}

#menu_left .menu-links ul,
#menu_left .menu-links li,
#menu_right ul,
#menu_right li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu_left .menu-links a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 9px 12px !important;
  min-height: 36px;
  margin: 6px 0 !important;

  border: 1px solid rgba(255,200,90,.18); /* keep constant width */
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(15,16,19,.86), rgba(7,8,10,.86));
  color: #e9dcc2;
  text-decoration: none;
  font-weight: 700;

  transform: none !important;
}

/* hover changes only color (no geometry changes) */
#menu_left .menu-links a:hover {
  border-color: rgba(255,200,90,.45);
  color: #fff3da;
}

/* override inline colors in left menu (admin links etc.) */
#menu_left .menu-links a[style*="color"] {
  color: #e9dcc2 !important;
}
#menu_left .menu-links a[style*="color"]:hover {
  color: #fff3da !important;
}

/* Quick actions block aligns to menu width */
#menu_left .quick-actions {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}