/* Styles for the mobile collapsible menu */

.cvfront #cvfront-mobile-menu-collapse {
  background-color: var(--backgroundColor);
  padding: 1rem; 
  border-bottom: 1px solid var(--primaryBorderColor);
}

.cvfront .cvfront-mobile-menu ul,
.cvfront .cvfront-mobile-menu div {
  /* Reset handled by .list-reset */
  /* list-style: none; */
  /* padding: 0; */
  /* margin: 0; */
}

.cvfront .cvfront-mobile-menu .nav-link {
  color: var(--grey1);
  padding: 0.75rem 0; /* Vertical padding */
  display: flex;
  align-items: center;
  font-size: var(--type-size);
  text-decoration: none;
  font-weight: 400; /* Normal weight for mobile links */
  border: none; /* Reset btn-link styles */
  text-align: left; /* Ensure buttons align */
  width: 100%; /* Ensure buttons take width */
}

.cvfront .cvfront-mobile-menu .nav-link i {
  width: 20px; /* Fixed width for icons */
  text-align: center;
  color: var(--grey3);
}

.cvfront .cvfront-mobile-menu .nav-link:hover {
  color: var(--grey1);
  background-color: var(--wash2);
}

.cvfront .cvfront-mobile-menu hr {
  border-color: var(--transparentBorder);
}

.cvfront .cvfront-mobile-menu .sidebar-profile-photo {
  width: 24px; /* Smaller photo for mobile menu */
  height: 24px;
}

@media (prefers-color-scheme: dark) {
  .cvfront #cvfront-mobile-menu-collapse {
    border-bottom-color: var(--primaryBorderColor);
  }
  .cvfront .cvfront-mobile-menu .nav-link:hover {
    background-color: var(--wash2);
  }
  .cvfront .cvfront-mobile-menu hr {
    border-color: var(--transparentBorder);
  }
}