.nav-about-us {
  position: relative;
  z-index: 1002;
}

.nav-contact {
  position: relative;
  z-index: 1002;
}

.nav-our-team {
  position: relative;
  z-index: 1002;
}

.dropdown {
  position: relative;
  display: inline-block;
  z-index: 1002; /* above fixed dropdown */
}


/* Dropdown menu */
.menu {
  display: none;
  position: fixed;
  top: 90px;
  left: 0;
  width: 100%;
  background-color: pink;
  padding: 3rem 0rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 1001;
}
/* ✅ Show language menu on mobile (tap/focus) */
.nav-language:focus-within .menu {
  display: flex;
  justify-content: center;
}


/* Show on hover */
.dropdown:hover .menu {
  display: flex;
  justify-content: center;
}

/* On mobile: Never show dropdown */
@media (max-width: 768px) {
  /* .dropdown:hover .menu {
    display: none !important;
  } */
}

/* easier to hover language */
.nav-language:hover .menu {
  display: flex;
  justify-content: center;
}

.menu .list {
  display: flex;
  flex-wrap: wrap;           /* ✅ allow wrapping */
  justify-content: center;   /* ✅ center items within */
  width: 50%;                /* ✅ constrain to center 50% */
  gap: 1rem;                 /* optional spacing */
}

/* Dropdown links */
.menu .list a {
  display: inline-flex;       /* ✅ don't stretch */
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  text-align: center;
  font-weight: 500;
  text-decoration: none;
  color: black;
  white-space: normal;        /* ✅ allow line-breaks */
  flex: unset;                /* ✅ removes stretch behavior */
  
  word-break: normal;         /* ✅ Prevent breaking within words */
  overflow-wrap: normal;      /* ✅ Prevent breaking long words */
}

/* Underline only on hover */
.menu a:hover {
  text-decoration: underline;
  background-color: transparent; /* optional: remove gray background */
}

.menu .list {
  display: flex;
  gap: 2rem;
}