/* Mobile hamburger */
#plw-hamburger {
  display: none !important;
  position: fixed !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 99999 !important;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  background: #333 !important;
  border: none !important;
  cursor: pointer;
  padding: 10px;
}

#plw-hamburger span {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff !important;
  transition: transform 0.3s, opacity 0.3s;
}

@media (max-width: 767px) {
  #plw-hamburger {
    display: flex !important;
  }
}

/* Desktop dropdown - dark material */
@media (min-width: 768px) {
  #nav .wsite-menu-item-wrap {
    position: relative !important;
  }

  #nav .wsite-menu-item-wrap > .wsite-menu-wrap {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    background: #333 !important;
    min-width: 220px !important;
    z-index: 9999 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3), 0 10px 20px rgba(0,0,0,0.4) !important;
    overflow: visible !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  /* Invisible bridge to cover the 8px gap */
  #nav .wsite-menu-item-wrap > .wsite-menu-wrap::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 8px;
  }

  #nav .wsite-menu-item-wrap:hover > .wsite-menu-wrap {
    display: block !important;
    animation: plw-drop 0.2s ease !important;
  }

  @keyframes plw-drop {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  #nav .wsite-menu-item-wrap > .wsite-menu-wrap > ul.wsite-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #nav .wsite-menu-item-wrap > .wsite-menu-wrap .wsite-menu-subitem-wrap {
    display: block !important;
  }

  #nav .wsite-menu-item-wrap > .wsite-menu-wrap .wsite-menu-subitem-wrap a {
    display: block !important;
    padding: 12px 20px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    background: transparent !important;
    border: none !important;
    transition: background 0.15s ease;
  }

  #nav .wsite-menu-item-wrap > .wsite-menu-wrap .wsite-menu-subitem-wrap a:hover {
    background: #444 !important;
  }
}