/* SADECE ANASAYFA: kahraman bölüm 1 ekran yüksekliğinde */
:root{ --header-h: 0px; } /* JS güncelleyecek */

body.home .home-hero{
  position: relative;
  height: calc(100svh - var(--header-h)); /* menü yüksekliğini düşer */
  width: 100vw;
  overflow: hidden;
  /* tema containerlarından taşır = gerçek full genişlik */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0;
}

body.home .home-hero > video{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; /* alanı taşmadan doldurur */
}

/* (İsteğe bağlı) yazı/buton taşırsan merkezde dursun */
body.home .home-hero .hero-overlay{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  color:#fff; text-align:center; pointer-events:none;
}

/* Üst/yan gereksiz boşlukları kaldır */
body.home .entry-header,
body.home .page-header,
body.home .page-title,
body.home .entry-title{ display:none !important; margin:0 !important; padding:0 !important; border:0 !important; }

body.home main,
body.home .site-content,
body.home .content-area,
body.home .entry-content{ margin-top:0 !important; padding-top:0 !important; }

/* Header her zaman üstte görünsün */
body.home .site-header,
body.home header,
body.home .main-header,
body.home .navbar{ position: relative; z-index: 1000; }

/* Tema bir ayırıcı çizgisi basıyorsa gizle */
body.home hr,
body.home .wp-block-separator{ display:none; }

/* Bazı temalarda içerik genişliği kısıtını kaldırmak için emniyet kemeri */
body.home .container, body.home .container-fluid{
  max-width:100% !important; padding-left:0 !important; padding-right:0 !important;
}
/* ==== KAYAN YAZI (MARQUEE) ==== */
:root{
  --marquee-h: 56px;           /* yükseklik */
  --marquee-speed: 18s;        /* hız: daha yavaş için ↑, daha hızlı için ↓ */
  --marquee-gap: 3rem;         /* tekrarlar arası boşluk */
  --marquee-bg: #0d6efd;       /* mavi zemin */
  --marquee-color: #fff;       /* beyaz yazı */
  --marquee-weight: 800;       /* kalınlık */
  --marquee-size-min: 16px;
  --marquee-size-max: 24px;    /* font boyutu aralığı */
}

/* Full genişlik ve tema container'larından taşma */
.marquee-full{
  width:100vw; height:var(--marquee-h);
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:var(--marquee-bg);
  color:var(--marquee-color);
  overflow:hidden; position:relative;
}

/* İçerik izi */
.marquee-full .track{
  position:absolute; inset:0;
  display:flex; align-items:center;
  gap:var(--marquee-gap);
  white-space:nowrap;
  width:max-content;
  will-change:transform;
  animation:marquee-scroll var(--marquee-speed) linear infinite;
}

/* Hover’da durdurmak istersen */
.marquee-full:hover .track{ animation-play-state: paused; }

/* Yazı biçimi */
.marquee-full .item{
  font-weight:var(--marquee-weight);
  font-size:clamp(var(--marquee-size-min), 2vw, var(--marquee-size-max));
  letter-spacing:.3px;
  text-transform:uppercase; /* İstersen kaldır */
}

/* Yapışkan üst bar istersen bu sınıfı DIV'e ekle */
.marquee--sticky{ position:sticky; top:0; z-index:1001; }

/* Sonsuz akış animasyonu (iki kopya içeriği %50 kaydırır) */
@keyframes marquee-scroll {
  from { transform:translateX(0); }
  to   { transform:translateX(-50%); }
}
/* ——— Anasayfada header ile ilk içerik arasındaki tüm boşlukları kaldır ——— */

/* Tema üst paddingleri */
body.home .wp-site-blocks,
body.home .site-content,
body.home .content-area,
body.home main,
body.home #content,
body.home #primary {
  --wp--style--block-gap: 0 !important; /* Gutenberg blok aralığı */
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* İlk blokların (Özel HTML, Grup, Kapak vs.) üst marjını sıfırla */
body.home .entry-content > *:first-child,
body.home .wp-block-post-content > *:first-child,
body.home .wp-site-blocks > *:first-child,
body.home main > *:first-child,
body.home .content > *:first-child,
body.home .container > *:first-child {
  margin-top: 0 !important;
}

/* Gutenberg bloklarının default üst marjları */
body.home .wp-block-html,
body.home .wp-block-group,
body.home .wp-block-cover,
body.home .wp-block-columns,
body.home .wp-block-heading,
body.home .wp-block-paragraph {
  margin-top: 0 !important;
}

/* Header alt çizgi/ayraç bırakıyorsa */
body.home .site-header,
body.home header { border-bottom: 0 !important; }

/* Kayan yazı/hero bloğu özel: emin olmak için */
.marquee-full, .home-hero { margin-top: 0 !important; }
/* ——— Anasayfada header ile ilk içerik arasındaki tüm boşlukları kaldır ——— */

/* Tema üst paddingleri */
body.home .wp-site-blocks,
body.home .site-content,
body.home .content-area,
body.home main,
body.home #content,
body.home #primary {
  --wp--style--block-gap: 0 !important; /* Gutenberg blok aralığı */
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* İlk blokların (Özel HTML, Grup, Kapak vs.) üst marjını sıfırla */
body.home .entry-content > *:first-child,
body.home .wp-block-post-content > *:first-child,
body.home .wp-site-blocks > *:first-child,
body.home main > *:first-child,
body.home .content > *:first-child,
body.home .container > *:first-child {
  margin-top: 0 !important;
}

/* Gutenberg bloklarının default üst marjları */
body.home .wp-block-html,
body.home .wp-block-group,
body.home .wp-block-cover,
body.home .wp-block-columns,
body.home .wp-block-heading,
body.home .wp-block-paragraph {
  margin-top: 0 !important;
}

/* Header alt çizgi/ayraç bırakıyorsa */
body.home .site-header,
body.home header { border-bottom: 0 !important; }

/* Kayan yazı/hero bloğu özel: emin olmak için */
.marquee-full, .home-hero { margin-top: 0 !important; }

.elementor-widget-container:has(.ls-header){ margin:0 !important; padding:0 !important; border:0 !important; }
.ls-no-gap{ margin:0 !important; padding:0 !important; border:0 !important; }
.ls-no-gap + *{ margin-top:0 !important; }