
/* Mobile menu redesign – compact, smaller fonts, clearer hierarchy */

@media (max-width: 768px){

  /* Mobile menu container */
  #ac-mobile-nav.ac-mobile-nav{
    padding: 8px 10px !important;
  }

  /* Main menu list */
  #ac-mobile-nav .ac-menu{
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Main menu items */
  #ac-mobile-nav .ac-menu > li{
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #eee;
  }

  /* Main menu links */
  #ac-mobile-nav .ac-menu > li > a{
    display: block;
    padding: 8px 6px !important;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.2;
  }

  /* Submenu */
  #ac-mobile-nav .ac-menu li ul{
    list-style: none;
    margin: 0 !important;
    padding: 4px 0 6px 10px !important;
    background: #fafafa;
  }

  /* Submenu items */
  #ac-mobile-nav .ac-menu li ul li{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Submenu links */
  #ac-mobile-nav .ac-menu li ul li a{
    display: block;
    padding: 6px 6px !important;
    font-size: 12.5px !important;
    font-weight: 400;
    line-height: 1.2;
    opacity: 0.9;
  }

  /* Remove excessive gaps */
  #ac-mobile-nav .ac-menu li + li{
    margin-top: 0 !important;
  }
}
