/* Senior Vita v1.10.4
   Correção visual dos toggles Estoque/Lavanderia no desktop
   + preservação do Offcanvas no mobile.
*/

/* ---------- DESKTOP ---------- */
@media (min-width: 992px){

  /* Mantém o layout original da sidebar */
  .sv-sidebar .sv-nav-group{
    display:block;
    width:100%;
    margin:0 0 4px 0;
  }

  /* Remove completamente o visual padrão branco dos buttons */
  .sv-sidebar [data-sv-menu-toggle]{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    width:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px 12px !important;

    background:transparent !important;
    color:inherit !important;
    border:0 !important;
    border-radius:10px !important;
    box-shadow:none !important;
    outline:none !important;

    font:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:1.2 !important;
    text-align:left !important;
    cursor:pointer !important;
  }

  .sv-sidebar [data-sv-menu-toggle]:hover{
    background:rgba(255,255,255,.08) !important;
  }

  .sv-sidebar [data-sv-menu-toggle]:focus,
  .sv-sidebar [data-sv-menu-toggle]:focus-visible{
    background:rgba(255,255,255,.08) !important;
    box-shadow:none !important;
    outline:none !important;
  }

  .sv-sidebar [data-sv-menu-toggle][aria-expanded="true"]{
    background:rgba(255,255,255,.10) !important;
  }

  /* Ícone + texto ficam alinhados à esquerda */
  .sv-sidebar [data-sv-menu-toggle] > span:first-of-type,
  .sv-sidebar [data-sv-menu-toggle] .sv-menu-label{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
  }

  /* Seta simples, sem caixa */
  .sv-sidebar [data-sv-menu-toggle] .sv-menu-arrow,
  .sv-sidebar [data-sv-menu-toggle] .bi-chevron-down{
    margin-left:auto !important;
    flex:0 0 auto;
    transition:transform .2s ease;
  }

  .sv-sidebar [data-sv-menu-toggle][aria-expanded="true"] .sv-menu-arrow,
  .sv-sidebar [data-sv-menu-toggle][aria-expanded="true"] .bi-chevron-down{
    transform:rotate(180deg);
  }

  /* Submenus fechados por padrão */
  .sv-sidebar .sv-submenu{
    display:none !important;
    padding:2px 0 4px 0 !important;
    margin:0 !important;
  }

  .sv-sidebar .sv-submenu.open{
    display:block !important;
  }

  /* Links internos ficam com a mesma largura/estilo original */
  .sv-sidebar .sv-submenu > a{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:42px !important;
  }

  #menuBtn{
    display:none !important;
  }

  #mobileNavOffcanvas{
    display:none !important;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width: 991.98px){

  .sv-sidebar{
    display:none !important;
  }

  #menuBtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:44px;
    min-height:44px;
  }

  .sv-mobile-offcanvas{
    width:min(88vw,320px) !important;
  }

  .sv-mobile-offcanvas .offcanvas-body{
    overflow-y:auto;
    overflow-x:hidden;
  }

  .sv-mobile-nav{
    display:block !important;
    padding:12px 10px 28px;
  }

  .sv-mobile-nav .sv-nav-group{
    display:block;
    width:100%;
    margin-bottom:4px;
  }

  .sv-mobile-nav .sv-nav-group.d-none{
    display:none !important;
  }

  .sv-mobile-nav [data-sv-menu-toggle]{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:44px !important;
    padding:10px 12px !important;
    background:transparent !important;
    color:inherit !important;
    border:0 !important;
    border-radius:10px !important;
    box-shadow:none !important;
    font:inherit !important;
    text-align:left !important;
  }

  .sv-mobile-nav .sv-submenu{
    display:none !important;
  }

  .sv-mobile-nav .sv-submenu.open{
    display:block !important;
  }
}