/* -----------------------------------------
   Mobile Menu CSS v2.0 — Full restore with white background
--------------------------------------------*/
@media all {
  /* ----------------------------
     Mobile menu background fix
  ----------------------------*/
  #mega-menu-wrap-primary,
  #mega-menu-wrap-primary .mega-menu,
  .main-navigation ul {
    background-color: #ffffff !important; /* set to your desired menu color */
  }

  /* Top-level menu bullets */
  #mega-menu-wrap-primary li a::before,
  .main-navigation ul li a::before {
    content: "•" !important;
    color: #000 !important; /* bullet color */
    font-size: 1.2em !important;
    margin-right: 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }

  /* Spacing and optional divider */
  #mega-menu-wrap-primary li,
  .main-navigation ul li {
    padding: 8px 0 !important;
    border-bottom: 1px solid #eee !important;
  }

  /* Font size for top-level items on mobile */
  @media (max-width: 768px) {
    #mega-menu-wrap-primary li a,
    .main-navigation ul li a {
      font-size: 15px !important;
      line-height: 1.4 !important;
      color: #000 !important; /* enforce black text */
      text-decoration: underline !important; /* keep underlines */
    }
  }

  /* Submenu styling */
  #mega-menu-wrap-primary ul.sub-menu li a,
  .main-navigation ul.sub-menu li a {
    font-size: 14px !important;
    color: #666 !important; /* slightly lighter text */
    padding-left: 20px !important;
    text-decoration: underline !important; /* keep submenus underlined */
  }

  /* Submenu bullets as dashes */
  #mega-menu-wrap-primary ul.sub-menu li a::before,
  .main-navigation ul.sub-menu li a::before {
    content: "–" !important;
    color: #888 !important;
    margin-right: 6px !important;
    font-size: 1em !important;
  }

  /* Dropdown behavior for mobile */
  @media (max-width: 768px) {
    /* Hide submenus by default */
    #mega-menu-wrap-primary ul.sub-menu,
    .main-navigation ul.sub-menu {
      display: none !important;
      padding-left: 15px !important;
    }

    /* Show submenu when parent is tapped */
    #mega-menu-wrap-primary li.menu-item-has-children:focus-within > ul.sub-menu,
    .main-navigation li.menu-item-has-children:focus-within > ul.sub-menu {
      display: block !important;
    }

    /* Add ▼ arrow to parent items */
    #mega-menu-wrap-primary li.menu-item-has-children > a::after,
    .main-navigation li.menu-item-has-children > a::after {
      content: " ▼" !important;
      font-size: 0.8em !important;
      margin-left: 6px !important;
      color: #000 !important; /* arrow color */
    }

    /* Flip arrow when submenu is open */
    #mega-menu-wrap-primary li.menu-item-has-children:focus-within > a::after,
    .main-navigation li.menu-item-has-children:focus-within > a::after {
      content: " ▲" !important;
    }
  }
}