/*
 * fv-mobile.css — canlı sitenin mobil / uygulama hissi katmanı.
 * public/page.php ve public/post.php </head> öncesinde (tüm sayfa stillerinden SONRA) yükler.
 * Izgara sütunlarını js/fv-mobile.js ölçerek uyarlar; burada tipografi, dokunma
 * alanları, kompakt header ve güvenli alanlar var.
 */

/* ── Genel: dokunma davranışı ───────────────────────────────── */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,[role=button],input,select,textarea,label{touch-action:manipulation}
a,button,[role=button]{-webkit-tap-highlight-color:rgba(0,0,0,.06)}
img,video,iframe,svg{max-width:100%}
img{height:auto}
main#mainContent iframe{width:100%}

@media (max-width: 768px){
  /* ── Kompakt uygulama çubuğu (header) ──────────────────────
     "Grid" / "stacked" header telefonda masaüstü gibi davranıyordu:
     186px logo + ikinci logo satırı = 242px yapışkan blok (ekranın ~%30'u). */
  .site-header{min-height:0 !important}
  .site-header .site-header-inner,
  .site-header .site-header-inner.layout-grid,
  .site-header .site-header-inner.layout-stacked{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    min-height:60px !important;
    height:auto !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
    padding-left:max(16px, env(safe-area-inset-left)) !important;
    padding-right:max(16px, env(safe-area-inset-right)) !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
  }
  .site-header .header-brand-band{display:contents !important}
  .site-header .site-logo{
    order:1 !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 64px) !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    align-self:center !important;
    justify-self:auto !important;
  }
  .site-header .site-logo img,
  .site-header .site-logo img.logo-primary{
    /* Admin → Üst Menü → Mobil → "Telefonda logo yüksekliği" (varsayılan 44px) */
    max-height:var(--logo-h-m,44px) !important;
    height:var(--logo-h-m,44px) !important;
    width:auto !important;
    max-width:100% !important;
  }
  .site-header.shrink .site-logo img,
  .site-header.scrolled .site-logo img{max-height:36px !important}
  /* İkinci logo: telefonda yer kaplamasın (masaüstünde kalır) */
  .site-header .site-logo-2{display:none !important}
  .site-header .site-hamburger{
    order:9 !important;
    flex:0 0 auto !important;
    width:44px !important;
    height:44px !important;
    margin-left:auto !important;
  }

  /* ── Okunabilir tipografi ────────────────────────────────── */
  body{font-size:16px}
  main#mainContent p,
  main#mainContent li{line-height:1.6}
  main#mainContent h1{font-size:clamp(26px, 7.2vw, 34px) !important;line-height:1.18 !important;letter-spacing:-.01em}
  main#mainContent h2{font-size:clamp(22px, 6vw, 28px) !important;line-height:1.22 !important}
  main#mainContent h3{font-size:clamp(17px, 4.8vw, 21px) !important;line-height:1.3 !important}
  main#mainContent h1, main#mainContent h2, main#mainContent h3{overflow-wrap:anywhere;hyphens:auto}

  /* ── Dokunma alanları (en az 44px) ───────────────────────── */
  main#mainContent a.btn,
  main#mainContent .btn,
  main#mainContent button:not(.fv-sl-dot):not([class*="dot"]):not([aria-label^="Slayt"]),
  main#mainContent input[type=submit],
  main#mainContent input[type=button]{min-height:44px}
  main#mainContent input:not([type=checkbox]):not([type=radio]):not([type=range]),
  main#mainContent select,
  main#mainContent textarea{font-size:16px !important;min-height:44px} /* 16px: iOS odakta yakınlaştırmasın */
  [data-type="contact-info"] a,
  footer a,
  .site-footer a{display:inline-flex;align-items:center;min-height:40px}

  /* ── Uyarlayıcının (fv-mobile.js) yardımcı sınıfları ────── */
  .fv-m-flex-stack{flex-direction:column !important;align-items:stretch !important}
  .fv-m-flex-stack > *{width:auto !important;max-width:100% !important;flex:0 0 auto !important}
  .fv-m-flex-wrap{flex-wrap:wrap !important}
  .fv-m-flex-wrap > *{flex:1 1 calc(50% - 12px) !important;min-width:0 !important}
  .fv-m-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* ── Sabit alt öğeler: iPhone alt çubuğu ─────────────────── */
  .fv-dock{bottom:max(12px, env(safe-area-inset-bottom)) !important}
  #fvChatWidgetBtn{bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px)) !important}
  #ccBanner,.cookie-banner,.fv-cookie-banner{padding-bottom:max(16px, env(safe-area-inset-bottom)) !important}
  body{padding-bottom:env(safe-area-inset-bottom)}
}

/* ── Hareketi azalt tercihi ───────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto !important}
}