/*
 KUYTU 11.08 FINAL MOBILE
 Tek mobil katman. Masaüstü görünümünü değiştirmez.
 Amaç:
 - logo her sayfada solda
 - hamburger her sayfada en sağda
 - header içeriklerin üstüne binmez
 - scroll sonrası header küçülür ve yukarıda kompakt kalır
 - ana sayfa mobil kapağı dengeli küçülür
*/
@media (max-width: 680px) {
  :root {
    --kuytu-mobile-header-expanded: 108px;
    --kuytu-mobile-header-compact: 68px;
    --kuytu-header: var(--kuytu-mobile-header-expanded);
  }

  /*
   Sticky kullanıyoruz; fixed kullanmıyoruz.
   Böylece Blog/Hakkımızda/Anasayfa dahil hiçbir içerik header'ın altında kalmaz.
  */
  html,
  body {
    overflow-x: hidden !important;
  }

  body {
    padding-top: var(--kuytu-header) !important;
    transition: padding-top .24s cubic-bezier(.22,.61,.36,1) !important;
  }
  body.admin-bar {
    padding-top: calc(var(--kuytu-header) + 46px) !important;
  }

  .kuytu-site-header {
    position: fixed !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    z-index: 10000 !important;
    width: 100% !important;
    height: var(--kuytu-header) !important;
    min-height: var(--kuytu-header) !important;
    background: #222 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    transition:
      height .24s cubic-bezier(.22,.61,.36,1),
      min-height .24s cubic-bezier(.22,.61,.36,1),
      box-shadow .24s ease !important;
  }

  body.admin-bar .kuytu-site-header {
    top: 46px !important;
  }

  /*
   Grid, hamburgerın ortada kalmasını fiziksel olarak engeller:
   1. kolon logo, 2. kolon menü.
  */
  .kuytu-nav {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 22px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 18px !important;
  }

  .kuytu-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  .kuytu-brand img {
    display: block !important;
    width: auto !important;
    height: 42px !important;
    max-width: 205px !important;
    object-fit: contain !important;
    object-position: left center !important;
    transition:
      height .24s cubic-bezier(.22,.61,.36,1),
      max-width .24s cubic-bezier(.22,.61,.36,1) !important;
  }

  .kuytu-desktop-nav,
  .kuytu-social {
    display: none !important;
  }

  .kuytu-nav-tools {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    min-width: 52px !important;
  }

  #kuytuMenuBtn.kuytu-menu-btn {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    cursor: pointer !important;
  }

  #kuytuMenuBtn .kuytu-hamburger {
    display: flex !important;
    width: 34px !important;
    height: 25px !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    pointer-events: none !important;
  }

  #kuytuMenuBtn .kuytu-hamburger i {
    display: block !important;
    width: 34px !important;
    height: 3px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    opacity: .98 !important;
    transform: none;
    transition: width .24s ease, height .24s ease !important;
  }

  /*
   Ana sayfada yalnızca ölçü düzenlemesi.
   Görsel, renk, gölge ve genel tasarım değiştirilmez.
  */
  .kuytu-home {
    min-height: calc(100svh - var(--kuytu-header)) !important;
    padding: 20px 12px 34px !important;
  }

  .kuytu-home-cover-wrap {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 8px 0 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .kuytu-home .kuytu-home-cover,
  .kuytu-home img.kuytu-home-cover {
    width: auto !important;
    height: auto !important;
    max-width: 74vw !important;
    max-height: 57svh !important;
    object-fit: contain !important;
  }

  .kuytu-home-label {
    margin-top: 10px !important;
  }

  /*
   Sayfa kaydırılınca yalnızca header geometrisi küçülür.
   Sticky olduğu için içerik yeni yüksekliğe doğal olarak yaklaşır;
   hiçbir sayfada katman üstüne binmez.
  */
  body.kuytu-mobile-scrolled {
    --kuytu-header: var(--kuytu-mobile-header-compact);
  }

  body.kuytu-mobile-scrolled .kuytu-site-header {
    box-shadow: 0 5px 16px rgba(0,0,0,.10) !important;
  }

  body.kuytu-mobile-scrolled .kuytu-nav {
    padding-left: 17px !important;
    padding-right: 17px !important;
  }

  body.kuytu-mobile-scrolled .kuytu-brand img {
    height: 31px !important;
    max-width: 168px !important;
  }

  body.kuytu-mobile-scrolled #kuytuMenuBtn.kuytu-menu-btn {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 7px !important;
  }

  body.kuytu-mobile-scrolled #kuytuMenuBtn .kuytu-hamburger {
    width: 28px !important;
    height: 20px !important;
  }

  body.kuytu-mobile-scrolled #kuytuMenuBtn .kuytu-hamburger i {
    width: 28px !important;
    height: 2.8px !important;
  }

  /*
   Blog'un kendi marka bloğu header'ın hemen altında güvenli boşlukta kalır.
   Tasarımı değiştirmeden yalnızca çakışmayı engeller.
  */
  #kuytu-blog-page .blog-brand-head {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 390px) {
  .kuytu-nav {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .kuytu-brand img {
    height: 38px !important;
    max-width: 186px !important;
  }

  .kuytu-home .kuytu-home-cover,
  .kuytu-home img.kuytu-home-cover {
    max-width: 72vw !important;
    max-height: 54svh !important;
  }
}

/* SATIN AL — same mobile header geometry, white colorway */
@media(max-width:680px){
 body.page-template-page-satin-al .kuytu-site-header{background:#fff!important;border-bottom:1px solid #ece9e5!important;}
 body.page-template-page-satin-al #kuytuMenuBtn.kuytu-menu-btn{color:#222!important;}
 body.page-template-page-satin-al #kuytuMenuBtn .kuytu-hamburger i{background:#222!important;}
 body.page-template-page-satin-al .kuytu-shop-brand .shop-brand-lockup{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;}
 body.page-template-page-satin-al .kuytu-shop-brand .shop-brand-lockup>img{display:block!important;width:auto!important;height:42px!important;max-width:205px!important;object-fit:contain!important;object-position:left center!important;}
 body.page-template-page-satin-al .kuytu-shop-brand .shop-brand-dukkan{display:inline-block!important;color:#222!important;font-family:"Source Serif 4",Georgia,serif!important;font-size:16px!important;font-style:italic!important;font-weight:500!important;line-height:1!important;letter-spacing:.01em!important;white-space:nowrap!important;}
 body.page-template-page-satin-al.kuytu-mobile-scrolled .kuytu-shop-brand .shop-brand-lockup>img{height:31px!important;max-width:168px!important;}
 body.page-template-page-satin-al.kuytu-mobile-scrolled .kuytu-shop-brand .shop-brand-dukkan{font-size:14px!important;}
}