/* ===== Top Menu Dropdown ===== */

.menu-item{
  position:relative;
}

.menu-link{
  display:flex;
  align-items:center;
  gap:6px;
}

/* Dropdown panel */
.dropdown{
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:#ffffff;
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  padding:8px 0;
  display:none;
  z-index:999;
}

/* Dropdown links */
.dropdown a{
  display:block;
  padding:10px 16px;
  color:var(--text);
  text-decoration:none;
  font-size:.9em;
  white-space:nowrap;
}

.dropdown a:hover{
  background:var(--bg);
  color:var(--darkindigo);
}

/* Show dropdown on hover (desktop) */
.menu-item:hover .dropdown{
  display:block;
}

/* Rotate arrow */
.fa-chevron-down{
  font-size:.75em;
  transition:.2s ease;
}
.menu-item:hover .fa-chevron-down{
  transform:rotate(180deg);
}

/* Mobile behavior */
@media(max-width:768px){
  .menu{
    flex-direction:column;
    align-items:flex-start;
  }

  .dropdown{
    position:static;
    box-shadow:none;
    border:none;
    padding-left:14px;
  }
}