/* Mobile menu (drawer) background + link colors */
@media (max-width:1024px){
  /* Background of the slide-out menu */
  nav,
  [class*="nav"],
  [class*="menu"],
  [class*="offcanvas"],
  [id*="nav"],
  [id*="menu"]{
    background:#000000 !important;   /* set your menu panel color */
  }

  /* Menu item text + hover */
  nav a,
  [class*="nav"] a,
  [class*="menu"] a{
    color:#ffffff !important;      /* link color */
  }
  nav a:hover,
  [class*="nav"] a:hover,
  [class*="menu"] a:hover{
    color:#ffd200 !important;      /* hover color (BVB yellow) */
  }
}

/* Optional: header bar color on mobile when menu is closed */
@media (max-width:1024px){
  header, .zsite-header { background:#111 !important; }
}