/*!
 * EKS Kompresör — başlık düzeni.
 *
 * Tek kasıtlı tasarım değişikliği. WordPress temasında logo
 * `position:absolute; left:50%` ile ortalanıyor, menü ise onun etrafına
 * float'lanıyordu. Bootstrap `.container`ı 1700px'ten sonra 1680px'e çıktığı
 * hâlde temanın başlık media query'leri 1489px'te bittiği için geniş
 * ekranlarda menü ile logo üst üste biniyordu.
 *
 * Yeni düzen: logo solda, menü sağda, tek satır. Mobilde (<768px) tema zaten
 * logo-sol / hamburger-sağ çalıştığı için oraya dokunulmuyor.
 *
 * style.css'ten SONRA yüklenir.
 */

@media (min-width: 768px) {
  /* Bootstrap 3'ün clearfix pseudo-element'leri flex item'a dönüşmesin. */
  header .navbar-default > .container::before,
  header .navbar-default > .container::after {
    display: none;
  }

  header .navbar-default > .container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }

  header .navbar-default > .container > .navbar-header {
    float: none;
    margin: 0;
    flex: 0 0 auto;
  }

  /* Logo artık akışın içinde ve solda. */
  header .navbar-brand-centered.logo {
    position: static;
    left: auto;
    transform: none;
    margin-left: 0 !important;
    margin-right: 0;
    text-align: left;
  }

  /*
   * Menü sağa yaslanır. Seçici Bootstrap'in `.navbar-collapse.collapse`
   * `display:block !important` kuralından daha spesifik olmak zorunda.
   */
  header .navbar-collapse.mMenu {
    float: none;
    flex: 1 1 auto;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    min-width: 0;
  }

  header .mMenu ul.nav {
    float: none;
    display: flex;
    align-items: center;
  }

  header .mMenu ul.nav > li {
    float: none;
  }

  /* Bootstrap'in `.navbar-right` float'u flex sırasını bozmasın. */
  header .mMenu ul.nav.navbar-right {
    float: none;
    margin-right: 0;
  }
}

/*
 * Logo artık yer kapladığı için öğe aralıkları buna göre daraltıldı.
 * 992–1199 ve 768–991 aralıklarında temanın kendi ölçüleri yeterli, onlara
 * yalnızca mutlak konumlandırmadan kalan negatif margin sıfırlanıyor.
 */
@media (min-width: 1200px) {
  header .mMenu ul.nav > li > a {
    margin: 0 8px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    white-space: nowrap;
  }
}

@media (min-width: 1700px) {
  header .mMenu ul.nav > li > a {
    margin: 0 12px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  header .mMenu ul.nav > li > a {
    white-space: nowrap;
  }
  .navbar-brand-centered {
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  header .mMenu ul.nav > li > a {
    white-space: nowrap;
  }
  .navbar-brand-centered {
    margin-left: 0 !important;
  }
}