/* CareLifePro – Mobile Vertical Menu (<= 992px) */
@media (max-width: 992px){
  /* Make primary UL vertical when menu is active */
  .primary-nav .menu.active{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0.5rem;
    width:100%;
  }
  .primary-nav .menu > li{
    display:block;
    width:100%;
  }
  .primary-nav .menu > li > a{
    display:block;
    width:100%;
    padding:12px 14px;
  }
  /* Submenu as vertical accordion */
  .primary-nav .menu .sub-menu[hidden]{ display:none !important; }
  .primary-nav .menu li.submenu-open > .sub-menu{
    display:block !important;
    position:static;
    margin:6px 0 0;
    padding-left:12px;
  }
  /* Optional: keep nav above content while open */
  body.menu-open .primary-nav{
    position:relative;
    z-index:999;
  }
}

/* CareLifePro – Mobile Vertical Menu (fix v2) */
@media (max-width: 992px){
  /* Reset base UL on mobile */
  header.site-header .primary-nav .menu{
    margin:0;
    padding:0;
    list-style:none;
  }

  /* Force vertical stack when menu is active */
  header.site-header .primary-nav .menu.active{
    display:block !important;
    width:100% !important;
    white-space:normal !important;
  }

  /* Each item on its own row */
  header.site-header .primary-nav .menu > li{
    display:block !important;
    float:none !important;
    width:100% !important;
  }

  header.site-header .primary-nav .menu > li > a{
    display:block;
    width:100%;
    padding:12px 14px;
  }

  /* Submenu behaves as accordion under the parent item */
  header.site-header .primary-nav .menu .sub-menu[hidden]{ display:none !important; }
  header.site-header .primary-nav .menu li.submenu-open > .sub-menu{
    display:block !important;
    position:static !important;
    margin:6px 0 0;
    padding-inline-start:12px;
  }

  /* Keep nav on top when open */
  body.menu-open .primary-nav{
    position:relative;
    z-index:999;
  }
}