/*
 * ShopPilot mobile one-panel menu.
 * REHub's outer menu/overlay and close control stay unchanged.
 * Only nested UL panels are changed to in-place accordions.
 */
@media (max-width: 1024px) {
  #slide-menu-mobile .sp-mobile-accordion {
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  #slide-menu-mobile .sp-mobile-accordion li.menu-item-has-children {
    position: relative !important;
    overflow: visible !important;
    background: #fff !important;
    border-bottom: 1px solid #f0eaf5;
  }
  #slide-menu-mobile .sp-mobile-accordion li.menu-item-has-children > a {
    display: block !important;
    float: none !important;
    box-sizing: border-box;
    width: calc(100% - 48px) !important;
    min-height: 46px;
    padding: 12px 12px 12px 17px !important;
    color: #492580 !important;
    background: transparent !important;
    border: 0 !important;
    font-weight: 650 !important;
  }
  #slide-menu-mobile .sp-mobile-accordion .sp-mobile-accordion-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-height: 46px;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid #f0eaf5;
    border-radius: 0;
    color: #6B3BC5;
    background: #fff;
    cursor: pointer;
    font-size: 23px;
    line-height: 1;
  }
  #slide-menu-mobile .sp-mobile-accordion .sp-mobile-accordion-toggle[aria-expanded="true"] span {
    transform: rotate(180deg);
  }
  #slide-menu-mobile .sp-mobile-accordion .sp-mobile-accordion-toggle:focus-visible,
  #slide-menu-mobile .sp-mobile-accordion a:focus-visible {
    outline: 2px solid #6B3BC5 !important;
    outline-offset: -3px;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu {
    position: static !important;
    display: block !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 7px 12px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    box-sizing: border-box;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: auto !important;
    background: #fff !important;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu[hidden] {
    display: none !important;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu li {
    position: relative !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 0 !important;
    background: #fff !important;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu > li > a {
    float: none !important;
    width: 100% !important;
    min-height: 43px;
    display: block !important;
    box-sizing: border-box;
    padding: 11px 13px !important;
    color: #6436ae !important;
    background: #fff !important;
    font-weight: 550 !important;
    line-height: 1.4;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu > li.current-menu-item > a,
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu > li > a:is(:hover,:focus-visible) {
    color: #4F2494 !important;
    background: #F3EEFA !important;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu ul.sub-menu {
    padding-left: 13px !important;
    border-left: 1px solid #e8daf9;
  }
  #slide-menu-mobile .sp-mobile-accordion .back-mb {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #slide-menu-mobile .sp-mobile-accordion .sp-mobile-accordion-toggle span {
    transition: none !important;
  }
}

/* ShopPilot mobile refinement — clean accordion presentation. */
@media (max-width:1024px){
#slide-menu-mobile .sp-mobile-accordion a,
#slide-menu-mobile .sp-mobile-accordion a:hover,
#slide-menu-mobile .sp-mobile-accordion a:focus,
#slide-menu-mobile .sp-mobile-accordion a:active{text-decoration:none!important;box-shadow:none!important}
#slide-menu-mobile .sp-mobile-accordion li.menu-item-has-children{border-bottom:0!important;background:#fff!important}
#slide-menu-mobile .sp-mobile-accordion li.menu-item-has-children>a{color:#29252f!important;font-weight:600!important;min-height:48px}
#slide-menu-mobile .sp-mobile-accordion li.sp-mobile-expanded>a{color:#6B3BC5!important}
#slide-menu-mobile .sp-mobile-accordion .sp-mobile-accordion-toggle{border-left:0!important;background:transparent!important;min-height:48px}
#slide-menu-mobile .sp-mobile-accordion ul.sub-menu{padding-bottom:8px!important;background:#fff!important}
#slide-menu-mobile .sp-mobile-accordion ul.sub-menu>li>a{color:#39343e!important;font-weight:450!important;min-height:44px}
#slide-menu-mobile .sp-mobile-accordion ul.sub-menu ul.sub-menu{border-left:0!important;padding-left:14px!important}
#slide-menu-mobile .sp-mobile-accordion ul.sub-menu>li.current-menu-item>a,
#slide-menu-mobile .sp-mobile-accordion ul.sub-menu>li>a:is(:hover,:focus-visible){color:#6B3BC5!important;background:#faf8fd!important}
}

/* Stable chevrons and level alignment — mobile only. */
@media(max-width:1024px){
#slide-menu-mobile .sp-mobile-accordion li.menu-item-has-children>.sp-mobile-accordion-toggle{
 top:0!important;right:0!important;width:48px!important;height:48px!important;min-height:48px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:0!important;margin:0!important;transform:none!important;
 border:0!important;box-shadow:none!important;background:transparent!important;
}
#slide-menu-mobile .sp-mobile-accordion .sp-mobile-accordion-toggle span{
 display:block!important;width:11px!important;height:11px!important;
 font-size:0!important;line-height:0!important;
 border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;
 transform:translateY(-2px) rotate(45deg)!important;
 transition:transform .15s ease!important;
}
#slide-menu-mobile .sp-mobile-accordion .sp-mobile-accordion-toggle[aria-expanded="true"] span{
 transform:translateY(3px) rotate(225deg)!important;
}
#slide-menu-mobile .sp-mobile-accordion>li:first-child>.sp-mobile-accordion-toggle{display:none!important}
#slide-menu-mobile .sp-mobile-accordion>li:first-child>a{width:100%!important;padding-right:15px!important}
#slide-menu-mobile .sp-mobile-accordion ul.sub-menu{
 padding-left:14px!important;padding-right:0!important;
}
#slide-menu-mobile .sp-mobile-accordion ul.sub-menu>li>a{
 padding-left:12px!important;
}
#slide-menu-mobile .sp-mobile-accordion ul.sub-menu ul.sub-menu{
 padding-left:14px!important;
}
}
@media(prefers-reduced-motion:reduce){
#slide-menu-mobile .sp-mobile-accordion .sp-mobile-accordion-toggle span{transition:none!important}
}

/* ShopPilot flat category accordion — one left edge on every nested level.
   No branch rails, cumulative padding, or moved chevrons. Mobile only. */
@media (max-width: 1024px) {
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu,
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu ul.sub-menu {
    position: static !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu li {
    box-sizing: border-box;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    list-style: none !important;
    transform: none !important;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu::before,
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu::after,
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu > li::before,
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu > li::after,
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu > li > a::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
  }
  /* Every sublevel starts in precisely the same column. */
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu li > a {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    margin-left: 0 !important;
    padding-left: 17px !important;
    padding-right: 14px !important;
    text-indent: 0 !important;
    transform: none !important;
    text-decoration: none !important;
  }
  /* Reserve the same 48px arrow column at any depth. */
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu li.menu-item-has-children > a {
    width: calc(100% - 48px) !important;
    padding-right: 0 !important;
    color: #6B3BC5 !important;
    font-weight: 600 !important;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu li:not(.menu-item-has-children) > a {
    color: #605868 !important;
    font-weight: 450 !important;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu li.current-menu-item > a {
    color: #6B3BC5 !important;
  }
  #slide-menu-mobile .sp-mobile-accordion ul.sub-menu li.menu-item-has-children > .sp-mobile-accordion-toggle {
    right: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }
}