/* ========================================
   NAVBAR HOVER FIX - YAUMINA
   ======================================== */

/* Reset navbar menu untuk fix spacing */
.navbar-menu {
  display: flex;
  list-style: none;
  gap: 0;
  align-items: stretch;
  margin: 0;
  padding: 0;
  height: 100%;
}

.navbar-menu li {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.navbar-menu a {
  color: #424242;
  text-decoration: none;
  font-weight: 500;
  padding: 1.5rem 1.25rem;
  transition: color 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}

.navbar-menu a:hover,
.navbar-menu a.active {
  color: #006838;
}

/* Underline effect dengan positioning yang tepat */
.navbar-menu a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background-color: #D7DF23;
  transition: width 0.3s ease;
}

.navbar-menu a:hover::before,
.navbar-menu a.active::before {
  width: 35px;
}

/* Alternative: Full width underline */
.navbar-menu.full-underline a::before {
  left: 0;
  transform: none;
  width: 0;
}

.navbar-menu.full-underline a:hover::before,
.navbar-menu.full-underline a.active::before {
  width: 100%;
}

/* Fix untuk mobile responsive */
@media (max-width: 768px) {
  .navbar-menu {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  
  .navbar-menu li {
    width: 100%;
  }
  
  .navbar-menu a {
    padding: 1rem 1.5rem;
    width: 100%;
    justify-content: flex-start;
  }
  
  .navbar-menu a::before {
    display: none;
  }
  
  .navbar-menu a:hover,
  .navbar-menu a.active {
    background-color: rgba(0, 104, 56, 0.05);
  }
}