/* VERSION 77 - WORKING MOBILE MENU OVERLAY
   Desktop layout stays unchanged.
   Mobile gets one clean working menu.
*/
#ys-working-mobile-menu-button,
#ys-working-mobile-menu-panel,
#ys-working-mobile-menu-backdrop {
  display:none;
}

.ys-mobile-menu-button {
  display:none !important;
}

@media (max-width:900px) {
  /* Hide broken old mobile/mega menu on phones only */
  header nav,
  nav,
  .nav,
  .navbar,
  .main-nav,
  .menu,
  .mega-menu,
  .dropdown-menu,
  .sub-menu,
  .submenu,
  .landing-pages,
  .service-areas,
  .services-menu {
    display:none !important;
  }

  #ys-working-mobile-menu-button {
    display:block !important;
    position:fixed !important;
    top:12px !important;
    right:12px !important;
    z-index:1000000 !important;
    background:#f4c542 !important;
    color:#111 !important;
    border:2px solid #111 !important;
    border-radius:10px !important;
    padding:12px 14px !important;
    font:700 16px Arial, sans-serif !important;
    box-shadow:0 5px 18px rgba(0,0,0,.25) !important;
  }

  #ys-working-mobile-menu-backdrop {
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.45) !important;
    z-index:999998 !important;
  }

  #ys-working-mobile-menu-panel {
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    width:88% !important;
    max-width:360px !important;
    height:100vh !important;
    overflow:auto !important;
    background:#ffffff !important;
    z-index:999999 !important;
    padding:18px !important;
    box-shadow:-8px 0 28px rgba(0,0,0,.35) !important;
    font-family:Arial, sans-serif !important;
  }

  body.ys-menu-open #ys-working-mobile-menu-panel,
  body.ys-menu-open #ys-working-mobile-menu-backdrop {
    display:block !important;
  }

  #ys-working-mobile-menu-panel h2 {
    color:#06233d !important;
    margin:0 0 12px !important;
    font-size:22px !important;
  }

  #ys-working-mobile-menu-panel .ys-menu-close {
    background:#c62828 !important;
    color:#fff !important;
    border:0 !important;
    width:100% !important;
    padding:12px !important;
    border-radius:10px !important;
    font-weight:900 !important;
    margin-bottom:12px !important;
  }

  #ys-working-mobile-menu-panel a {
    display:block !important;
    background:#075fbd !important;
    color:#fff !important;
    text-decoration:none !important;
    text-align:left !important;
    padding:14px !important;
    border-radius:10px !important;
    margin:8px 0 !important;
    font-weight:900 !important;
    min-height:46px !important;
    line-height:1.25 !important;
  }

  #ys-working-mobile-menu-panel a.green { background:#0a9d4b !important; }
  #ys-working-mobile-menu-panel a.gold { background:#f4c542 !important; color:#111 !important; }
  #ys-working-mobile-menu-panel a.dark { background:#06233d !important; }

  body.ys-menu-open {
    overflow:hidden !important;
  }
}

@media (min-width:901px) {
  #ys-working-mobile-menu-button,
  #ys-working-mobile-menu-panel,
  #ys-working-mobile-menu-backdrop {
    display:none !important;
  }
}