/* Base MeanMenu Reset - Website Menu 03 Style */
.mean-container .mean-bar {
  background: #fff !important;
  padding: 0;
  min-height: 80px;
  width: 100%;
  position: relative;
  z-index: 9999;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #eee;
  display: flex !important;
  align-items: center;
}

/* Branding in MeanBar - Image Logo (Left Aligned) */
.mean-container .mean-bar::before {
  content: "";
  background: url(../../../assets/img/logo.svg) no-repeat center left;
  background-size: contain;
  width: 180px;
  /* PC scale for mobile */
  height: 50px;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10000;
}

.mean-container .mean-logo-link {
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 180px;
  height: 50px;
  z-index: 10005;
  cursor: pointer;
}

/* Reveal Button (Right Aligned) */
.mean-container a.meanmenu-reveal {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  height: 80px;
  padding: 0 25px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: #1a1a1a !important;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  z-index: 10001;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
}

/* Hamburger lines container */
.hamburger-lines {
  display: flex;
  flex-direction: column;
  margin-left: 14px;
  order: 1;
  /* Bars on the right of the text */
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #1a1a1a !important;
  height: 3px;
  width: 30px;
  margin-top: 5px;
  border-radius: 3px;
  transition: 0.3s;
}

.mean-container a.meanmenu-reveal span:first-child {
  margin-top: 0;
}

/* Redesigned Navigation Container (Dropdown) */
.mean-container .mean-nav {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9998;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #f1f1f1;
}

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

.mean-container .mean-nav ul li a {
  display: block;
  padding: 16px 30px;
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #f8f8f8;
  transition: 0.3s;
  letter-spacing: 0.5px;
  font-family: 'Roboto Condensed', sans-serif;
}

.mean-container .mean-nav ul li a:hover {
  background: #fdf2f2;
  color: #ed1f24;
  padding-left: 35px;
}

/* Hide original pseudo-elements */
.mean-container .mean-bar::after,
.mean-container a.meanmenu-reveal::after {
  display: none !important;
}

/* plugin cleanup */
.mean-remove {
  display: none !important;
}

.mean-container .mean-push {
  display: none !important;
}