/*
 * Replaces meanmenu.css. Same rules, minus the ones whose selectors can no
 * longer match anything components/MobileMenu.tsx renders.
 *
 * Deliberately a small trim rather than a rewrite. Four stylesheets
 * (main.purified, main.home, main.qrmenu, main.cafeusecase) each carry 22
 * `.mean-*` override rules layered on top of this file, and the cascade
 * between them is intricate -- `.mean-nav ul li li a` here still beats
 * `.mean-nav ul li a` there, for instance. Rewriting the survivors "cleanly"
 * would risk changing which rule wins for ~1 KB. Only provably dead selectors
 * were removed:
 *
 *   a.meanmenu-reveal, .mean-container a.meanmenu-reveal,
 *   .mean-container a.meanmenu-reveal span
 *       The hamburger is not rendered. Every stylesheet already set it to
 *       `display: none !important` -- the offcanvas toggle opens this menu.
 *
 *   .mean-container .mean-nav ul li li li a
 *   .mean-container .mean-nav ul li li li li a
 *   .mean-container .mean-nav ul li li li li li a
 *       Padding for menus 3, 4 and 5 levels deep. This one is 2 levels.
 *
 *   .mean-container .mean-push, .mean-nav .wrapper, .mean-remove
 *       meanmenu internals: the push-down spacer, the container-width helper
 *       and the class it used to strip cloned elements. Nothing renders them.
 */

.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: #070337;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #070337;
  margin-top: 44px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #e0e3ed;
  text-decoration: none;
  /*text-transform: uppercase*/
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 10px 10%;
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: 0;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: transparent;
  border: none !important;
  font-size: 14px;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}