/* === v1.29.9 Site Lane HARD Center === */

/*
  Bu dosya bilerek sade tutuldu.

  Hedef:
  Sidebar bittikten sonra ekranın sağına kadar kalan alanın tam ortasına
  site lane'i oturtmak.

  Formül:
  kalan alan = 100vw - sidebar
  lane = Dar / Normal / Geniş
  sol = sidebar + ((kalan alan - lane) / 2)
  sağ = ((kalan alan - lane) / 2)

  Eğer sidebar genişliği farklıysa sadece --kb-sidebar-width değeri değiştirilecek.
*/

:root{
  --kb-sidebar-width:280px;
  --kb-edge-gap:18px;
  --site-lane-max:1360px;
}

body.site-width-narrow{ --site-lane-max:1160px; }
body.site-width-normal{ --site-lane-max:1360px; }
body.site-width-wide{ --site-lane-max:1560px; }

/* Desktop public pages */
@media(min-width:901px){
  body:not(.admin-body) .main{
    box-sizing:border-box!important;

    width:min(
      var(--site-lane-max),
      calc(100vw - var(--kb-sidebar-width) - (var(--kb-edge-gap) * 2))
    )!important;

    max-width:none!important;

    margin-top:0!important;
    margin-bottom:0!important;

    margin-left:calc(
      var(--kb-sidebar-width) +
      max(
        var(--kb-edge-gap),
        ((100vw - var(--kb-sidebar-width) - min(var(--site-lane-max), calc(100vw - var(--kb-sidebar-width) - (var(--kb-edge-gap) * 2)))) / 2)
      )
    )!important;

    margin-right:max(
      var(--kb-edge-gap),
      ((100vw - var(--kb-sidebar-width) - min(var(--site-lane-max), calc(100vw - var(--kb-sidebar-width) - (var(--kb-edge-gap) * 2)))) / 2)
    )!important;
  }

  body.admin-body .admin-main{
    box-sizing:border-box!important;

    width:min(
      min(var(--site-lane-max),1480px),
      calc(100vw - var(--kb-sidebar-width) - (var(--kb-edge-gap) * 2))
    )!important;

    max-width:none!important;

    margin-top:0!important;
    margin-bottom:0!important;

    margin-left:calc(
      var(--kb-sidebar-width) +
      max(
        var(--kb-edge-gap),
        ((100vw - var(--kb-sidebar-width) - min(min(var(--site-lane-max),1480px), calc(100vw - var(--kb-sidebar-width) - (var(--kb-edge-gap) * 2)))) / 2)
      )
    )!important;

    margin-right:max(
      var(--kb-edge-gap),
      ((100vw - var(--kb-sidebar-width) - min(min(var(--site-lane-max),1480px), calc(100vw - var(--kb-sidebar-width) - (var(--kb-edge-gap) * 2)))) / 2)
    )!important;
  }

  /*
    Eski CSS'lerde .main için left/right/margin/padding verilmiş olabilir.
    İç sayfa bölümleri .main içinde sola yapışmasın diye lane içi normal akış korunur.
  */
  body:not(.admin-body) .main > *,
  body.admin-body .admin-main > *{
    box-sizing:border-box;
  }
}

/* Mobilde sidebar overlay/üst davranır, alan tam genişlikte kalsın */
@media(max-width:900px){
  body:not(.admin-body) .main,
  body.admin-body .admin-main{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}