/* === v1.17.1 SIDEBAR COLLAPSE OVERFLOW / SCROLLBAR FIX === */
html,
body{
  max-width:100%;
  overflow-x:hidden!important;
}

body{
  position:relative;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

/* Sidebar kendi içinde taşsa bile Windows/browser yatay çubuğu oluşturmasın */
.sidebar{
  max-width:260px!important;
  overflow-x:hidden!important;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.sidebar::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* İçerik alanı sidebar genişliğine göre viewport dışına taşmasın */
@media(min-width:1001px){
  .main{
    width:auto!important;
    max-width:calc(100vw - 260px)!important;
    overflow-x:hidden!important;
  }

  .topbar{
    width:calc(100vw - 260px)!important;
    max-width:calc(100vw - 260px)!important;
    right:0!important;
    overflow-x:hidden!important;
  }

  body.sidebar-collapsed .sidebar{
    max-width:86px!important;
    overflow-x:hidden!important;
  }

  body.sidebar-collapsed .main{
    width:auto!important;
    max-width:calc(100vw - 86px)!important;
    overflow-x:hidden!important;
  }

  body.sidebar-collapsed .topbar{
    width:calc(100vw - 86px)!important;
    max-width:calc(100vw - 86px)!important;
    right:0!important;
    overflow-x:hidden!important;
  }

  body.sidebar-collapsed .navitem,
  body.sidebar-collapsed .socials,
  body.sidebar-collapsed .socials a{
    max-width:100%!important;
    overflow:hidden!important;
  }
}

@media(max-width:1000px){
  .main,
  .topbar{
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
}