@charset "UTF-8";
/* CSS Document */

/* -----------------------------------------------------------
   HERO: Temanın demo/placeholder arkaplanlarını TAMAMEN kapat
   ----------------------------------------------------------- */
#hero .parallax-window,
#hero .parallax,
#hero .parallax-content,
#hero .parallax-content-2,
#hero .raster,
#hero .bg_mask,
#hero .pattern,
#hero .banner,
#hero .large_numbers,
#hero .numbers,
#hero .watermark {
  background: none !important;
  background-image: none !important;
}

/* Bazı temalarda inline style ile background-image geliyor */
#hero [style*="background-image"] {
  background-image: none !important;
}

/* Güvenli tarafta: Bu elemanları tamamen gizle */
#hero .parallax-window img,
#hero .large_numbers,
#hero .numbers {
  display: none !important;
}
/* Sticky footer fix */
html, body { height: 100%; }
body {
  min-height: 100vh;           /* fallback */
  min-height: 100dvh;          /* iOS vb. doğru yüksekliği kullan */
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important; /* template’ten gelen olası alt marjini iptal */
}
.page-wrap { flex: 1 0 auto; } /* içerik alanı esnesin, footer alta otursun */
footer, #footer { margin-top: auto; }

/* Altta ekstra boşluk görünmesin, ama güvenli alanı da koru */
#footer { padding-bottom: max(24px, env(safe-area-inset-bottom)); }

/* Bazı temalar sayfa altına global margin koyuyor, onu sıfırla */
.margin_60_35:last-of-type { margin-bottom: 0; }

/* -----------------------------------------------------------
   HERO: Sabit 300px (tema ezmelerini iptal et)
   ----------------------------------------------------------- */
#hero{
  height: 300px !important;
  min-height: 300px !important;
  background-position: center !important;
  background-size: cover !important;
}
#hero::before,
#hero::after{
  content: none !important; /* tema maskelerini kapat */
}
#hero .inner{
  height: 300px !important;
  min-height: 300px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* Küçük ekranlarda 260px'e düşür */
@media (max-width: 575.98px){
  #hero{
    height: 260px !important;
    min-height: 260px !important;
  }
  #hero .inner{
    height: 260px !important;
    min-height: 260px !important;
  }
}
/* --- Sticky footer + gereksiz alt boşluğu öldürme --- */
html, body { height: 100%; }
body { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
.page-wrap { flex: 1 0 auto; }
footer, #footer { margin-top: auto; margin-bottom: 0 !important; }

/* Footer sonrası boşluk bırakan tipik elemanlar */
#toTop,
.back-to-top,
.after-footer-spacer { display: none !important; }

/* Eğer #toTop’u kullanmak istiyorsak, doğru konumlandır: */
/* (Yukarıdaki display:none'u kaldır ve bunu aktif et) */
/*
#toTop {
  position: fixed !important;
  bottom: 16px; right: 16px;
  width: 40px; height: 40px;
  z-index: 9999;
}
*/

/* Son elemandan gelen global alt margini iptal et */
body > :last-child { margin-bottom: 0 !important; }
/* ===== Sticky footer (mobil/iOS fix) ===== */
html, body { height: 100%; }
body{
  display:flex;
  flex-direction:column;
  min-height:100svh;      /* küçük viewport: toolbar açıkken doğru yükseklik */
  min-height:100dvh;      /* modern tarayıcılar */
  background:#f7f8fa;
  margin:0;               /* olası default margin'i sıfırla */
}
.page-wrap{ flex:1 0 auto; }
#footer, footer{ margin-top:auto !important; margin-bottom:0 !important; }

/* iOS Safari için özel: -webkit-fill-available ile kalan alanı doldur */
@supports (-webkit-touch-callout: none) {
  html, body { height: -webkit-fill-available; }
  body { min-height: -webkit-fill-available; }
}

/* Tema sonuna gizlice eklenen elemanları etkisizleştir (mobilde boşluk yapanlar) */
#toTop, .back-to-top, .after-footer-spacer { display:none !important; }

/* Son elemandan gelen alt marjin/padding boşluğunu öldür */
body > :last-child { margin-bottom:0 !important; padding-bottom:0 !important; }