/*
 * TurkFlowers mobil header
 * Logo satırı ve ana kontrol satırı
 */

@media (max-width: 768px) {

  /*
   * Eski tema/yama kurallarından kalan sabit yükseklikleri temizle.
   * Header içeriği kadar yükseklik kullanmalı.
   */
  body#index #header,
  body#index #header .header-top {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body#index #header .header-top > .container {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /*
   * Logo kendi kısa satırında kalır.
   * Altındaki ince çizgi logo ile kontrol menüsünü ayırır.
   */
  body#index #header .header-top .header_logo {
    width: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid #ededed !important;
    box-sizing: border-box !important;
  }

  /*
   * Menü satırının altında boşluk bırakma.
   */
  body#index #header .header-top .header-top-right {
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  body#index #header + #notifications,
  body#index #notifications {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body#index #notifications .container:empty {
    display: none !important;
  }

  /*
   * Header biter bitmez sayfa içeriği başlasın.
   */
  body#index #header ~ .breadcrumb,
  body#index #header ~ #wrapper {
    margin-top: 0 !important;
  }
}

/* Mobile location controls */
@media (max-width: 768px) {

  /* Hamburger eski beyaz görünümünde. */
  body#index #header .header-top .mobile-menu-btn {
    width: 44px !important;
    height: 44px !important;
    background: #fff !important;
    border: 1px solid #dddddd !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    left: 4px !important;
    transform: translateY(7px) !important;
  }

  body#index #header .header-top .mobile-menu-btn i {
    color: #333 !important;
  }

  /*
   * Konum header ile aynı beyaz zeminde;
   * hamburgerle aynı düşey hizada.
   */
  body#index #header .header-top .tf-global-trigger {
    height: 44px !important;
    min-height: 44px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .18) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #222 !important;
  }

  body#index #header .header-top .tf-global-trigger::after {
    display: none !important;
  }

  body#index #header .header-top .tf-global-title,
  body#index #header .header-top .tf-global-arrow {
    color: #222 !important;
  }
}