/* ARMENS BORSA P108.4 - desktop sidebar single-offset layout fix */
:root{
  --armens-layout-sidebar-wide:250px;
  --armens-layout-sidebar-narrow:64px;
  --armens-layout-gap:14px;
}

@media (min-width:901px){
  /* Sidebar must not consume flex width and add a second content offset. */
  .uygulama.armens-v101{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  .uygulama.armens-v101 > .armens-yan-menu,
  .uygulama.armens-v101 > .yan-menu{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:var(--armens-layout-sidebar-wide)!important;
    min-width:var(--armens-layout-sidebar-wide)!important;
    max-width:var(--armens-layout-sidebar-wide)!important;
    height:100vh!important;
    transform:none!important;
    z-index:1002!important;
  }

  body.menu-dar .uygulama.armens-v101 > .armens-yan-menu,
  body.menu-dar .uygulama.armens-v101 > .yan-menu{
    width:var(--armens-layout-sidebar-narrow)!important;
    min-width:var(--armens-layout-sidebar-narrow)!important;
    max-width:var(--armens-layout-sidebar-narrow)!important;
  }

  .uygulama.armens-v101 > main.icerik{
    display:block!important;
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:none!important;
    margin-left:var(--armens-layout-sidebar-wide)!important;
    width:calc(100% - var(--armens-layout-sidebar-wide))!important;
    padding:0!important;
    transition:margin-left .24s ease,width .24s ease!important;
  }

  body.menu-dar .uygulama.armens-v101 > main.icerik{
    margin-left:var(--armens-layout-sidebar-narrow)!important;
    width:calc(100% - var(--armens-layout-sidebar-narrow))!important;
  }

  /* Keep one consistent gap after the actual sidebar edge. */
  .uygulama.armens-v101 > main.icerik > :not(.ust-cubuk):not(.komut-karartma){
    box-sizing:border-box!important;
    width:calc(100% - (var(--armens-layout-gap) * 2))!important;
    max-width:none!important;
    margin-left:var(--armens-layout-gap)!important;
    margin-right:var(--armens-layout-gap)!important;
  }

  .uygulama.armens-v101 > main.icerik > .ust-cubuk{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .menu-alt-sabit{
    left:calc(var(--armens-layout-sidebar-wide) - 15px)!important;
  }
  body.menu-dar .menu-alt-sabit{
    left:calc(var(--armens-layout-sidebar-narrow) - 15px)!important;
  }
}

@media (max-width:900px){
  .uygulama.armens-v101{
    display:block!important;
    width:100%!important;
  }
  .uygulama.armens-v101 > main.icerik,
  body.menu-dar .uygulama.armens-v101 > main.icerik{
    margin-left:0!important;
    width:100%!important;
    padding:0!important;
  }
  .uygulama.armens-v101 > main.icerik > :not(.ust-cubuk):not(.komut-karartma){
    width:calc(100% - 20px)!important;
    margin-left:10px!important;
    margin-right:10px!important;
  }
  .uygulama.armens-v101 > main.icerik > .ust-cubuk{
    width:100%!important;
    margin:0!important;
  }
}

@media (max-width:520px){
  .uygulama.armens-v101 > main.icerik > :not(.ust-cubuk):not(.komut-karartma){
    width:calc(100% - 12px)!important;
    margin-left:6px!important;
    margin-right:6px!important;
  }
}