/* ======================================
   SIMPLE & WORKING MOBILE MENU UI
====================================== */

/* Menu container clean look */
.mobile-menu .mean-container .mean-nav{
  max-width: 94%;
  margin: 12px auto 0 auto !important;
  background: #ffffff !important;
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.25);
}

/* Menu items – bigger & friendly */
.mobile-menu .mean-container .mean-nav ul li a{
  padding: 18px 18px !important;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Icon color */
.mobile-menu .mean-container .mean-nav ul li a i{
  font-size: 18px;
  color: #0c6e6d;
}

/* Divider soft */
.mobile-menu .mean-container .mean-nav ul li{
  border-top: 1px solid rgba(0,0,0,0.07) !important;
}

/* Hover / tap feedback (works on mobile) */
.mobile-menu .mean-container .mean-nav ul li a:active{
  background: #eef6f6 !important;
}

/* Expand button better touch area */
.mobile-menu .mean-container .mean-nav ul li a.mean-expand{
  padding: 18px !important;
  font-size: 20px;
  color: #0c6e6d !important;
}

/* Close (X) visibility */
.meanmenu-reveal.meanclose{
  font-size: 22px !important;
  color: #ffffff !important;
}