/* =========================================================
   AIO RESISPAR · MOBILE DRAWER + FOOTER FINAL
   21/09/2026
   - menu lateral mais estreito/compacto
   - remove trilho/barra de rolagem interna das categorias
   - crédito AIO centralizado e acima do menu inferior
   - Pronta Entrega RP um pouco mais baixa
   Apenas mobile/tablet. Desktop permanece intocado.
   ========================================================= */

@media (max-width: 991px){
  /* Drawer na proporção compacta da referência */
  .menu-mobile.aio-mobile-menu{
    width:min(82vw,330px)!important;
    max-width:min(82vw,330px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0 18px 18px 0!important;
    overflow:hidden!important;
    background:#f6f8fc!important;
    box-shadow:16px 0 34px rgba(10,35,75,.20)!important;
  }

  .aio-mobile-menu__header{
    padding:11px 12px 10px!important;
    border-radius:0 0 15px 0!important;
  }
  .aio-mobile-menu__user{
    gap:8px!important;
    padding-right:42px!important;
  }
  .aio-mobile-menu__avatar{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
  .aio-mobile-menu__avatar svg{width:20px!important;height:20px!important}
  .aio-mobile-menu__hello{font-size:12px!important;line-height:1.05!important;margin:0 0 2px!important}
  .aio-mobile-menu__links{font-size:9.5px!important;line-height:1.1!important;gap:3px!important}
  .aio-mobile-menu__close{
    top:10px!important;
    right:10px!important;
    width:31px!important;
    height:31px!important;
    box-shadow:0 5px 12px rgba(10,34,70,.13)!important;
  }
  .aio-mobile-menu__close span{width:14px!important;height:1.8px!important}

  .aio-mobile-menu__content{
    flex:1 1 auto!important;
    min-height:0!important;
    padding:9px 8px 16px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    box-sizing:border-box!important;
  }
  .aio-mobile-menu__content::-webkit-scrollbar,
  .menu-mobile.aio-mobile-menu::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
  }

  .aio-b2b-mobile-button.aio-mobile-menu__b2b,
  .aio-mobile-menu__b2b{
    min-height:38px!important;
    height:38px!important;
    margin:0 0 8px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
    box-shadow:0 5px 12px rgba(237,28,36,.12)!important;
  }

  .aio-mobile-menu__quick-links{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
    margin:0 0 12px!important;
  }
  .aio-mobile-menu__quick-card{
    min-height:44px!important;
    height:44px!important;
    padding:6px 7px!important;
    gap:6px!important;
    border-radius:11px!important;
    font-size:9px!important;
    line-height:1.05!important;
    box-shadow:0 2px 7px rgba(20,48,92,.035)!important;
  }
  .aio-mobile-menu__quick-card .aio-mobile-menu__quick-icon{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
    border-radius:8px!important;
  }
  .aio-mobile-menu__quick-card .aio-mobile-menu__quick-icon svg{
    width:14px!important;
    height:14px!important;
  }
  .aio-mobile-menu__quick-card span:last-child,
  .aio-mobile-menu__cart-label{
    font-size:9px!important;
    line-height:1.07!important;
    font-weight:750!important;
    overflow-wrap:normal!important;
  }
  .aio-mobile-menu__cart-label b{
    min-width:15px!important;
    height:15px!important;
    line-height:15px!important;
    font-size:7.5px!important;
    padding:0 3px!important;
  }

  /* Remove a segunda rolagem/trilho herdado do tema */
  .menu-mobile .nav-mobile-wrapper,
  .aio-mobile-menu__nav-wrap{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border-top:0!important;
    border-bottom:0!important;
    box-sizing:border-box!important;
  }
  .nav-mobile,
  .aio-mobile-menu__nav{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .nav-mobile::-webkit-scrollbar,
  .aio-mobile-menu__nav::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
  }

  .aio-mobile-menu__title{
    margin:0 0 6px!important;
    padding:0 2px!important;
    font-size:8.5px!important;
    line-height:1.1!important;
    letter-spacing:.11em!important;
  }
  .aio-mobile-menu__list{
    width:100%!important;
    gap:5px!important;
  }
  .aio-mobile-menu__item{
    width:100%!important;
    max-width:100%!important;
    border-radius:11px!important;
    box-shadow:0 2px 7px rgba(20,48,92,.025)!important;
  }
  .aio-mobile-menu__row{
    width:100%!important;
    min-height:43px!important;
    gap:3px!important;
  }
  .aio-mobile-menu__link{
    gap:7px!important;
    padding:5px 3px 5px 6px!important;
  }
  .aio-mobile-menu__icon{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    border-radius:9px!important;
  }
  .aio-mobile-menu__icon svg{width:15px!important;height:15px!important}
  .aio-mobile-menu__label{
    font-size:10.5px!important;
    line-height:1.08!important;
    font-weight:750!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
  }
  .aio-mobile-menu__toggle,
  .aio-mobile-menu__subtoggle{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
    margin-right:5px!important;
  }
  .aio-mobile-menu__toggle svg,
  .aio-mobile-menu__subtoggle svg{width:13px!important;height:13px!important}

  .aio-mobile-menu__submenu{padding:0 7px 7px!important}
  .aio-mobile-menu__submenu-all{min-height:31px!important;font-size:9.5px!important;border-radius:8px!important}
  .aio-mobile-menu__sublink{padding:7px 3px 7px 0!important;font-size:10px!important}
  .aio-mobile-menu__third-level a{padding:7px 8px!important;font-size:9.5px!important}

  /* Pronta Entrega: desce um pouco, sem encostar na barra inferior */
  .aio-rp-drawer{
    bottom:90px!important;
  }

  /* O menu inferior é fixo: reserva espaço real no fim do rodapé */
  .footer{
    padding-bottom:104px!important;
  }
  .footer .aio-footer-dev-main{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    margin:12px auto 0!important;
    padding:12px 0 24px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    clear:both!important;
  }
  .footer .aio-footer-dev-main__link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  .footer .aio-footer-dev-main__label{
    font-size:9px!important;
    text-align:center!important;
  }
  .footer .aio-footer-dev-main__brand img{
    width:58px!important;
    max-width:58px!important;
    height:22px!important;
    object-position:center!important;
  }
}

@media (max-width: 420px){
  .menu-mobile.aio-mobile-menu{
    width:82vw!important;
    max-width:82vw!important;
  }
  .aio-mobile-menu__content{
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .aio-rp-drawer{
    bottom:86px!important;
  }
  .footer{
    padding-bottom:108px!important;
  }
}