/* =====================================
   MENU TOGGLE DROPDOWN (ISOLATED FILE)
   Affects ONLY the ☰ toggle dropdown
===================================== */

/* Toggle button */
.menu-toggle {
  position: relative;
  font-size: 26px;
  cursor: pointer;
  color: orange;
  padding: 6px 10px;
  user-select: none;
}

/* Dropdown container */
.menu-toggle .menu-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: #1a1a1a;
  border: 1px solid #333;
  min-width: 200px;
  display: none;
  flex-direction: column;
  z-index: 3000;
  box-shadow: 0 10px 25px rgba(0,0,0,0.6);
}

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

/* Dropdown links */
.menu-toggle .menu-dropdown a {
  padding: 12px 16px;
  color: #eee;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 1px solid #333;
  transition: background 0.3s ease, color 0.3s ease;
  white-space: nowrap;
}

/* Remove last border */
.menu-toggle .menu-dropdown a:last-child {
  border-bottom: none;
}

/* Hover effect */
.menu-toggle .menu-dropdown a:hover {
  background: orange;
  color: #000;
}

/* =========================
   MOBILE BEHAVIOR
========================= */
@media (max-width: 768px) {
  /* Disable hover dropdown on touch devices */
  .menu-toggle:hover .menu-dropdown {
    display: none;
  }
}