/* ==============================
   YUNTES – Glass Sticky Header + "Ters L" Neon (senkron)
   Yoğunluk ayarı: çıkış yönünde parlak, giriş yönünde soluk
   ============================== */

:root{
  --y-header-h: 88px;                 /* Header yüksekliği */
  --y-neon: #f8e6bd;                  /* Neon ana rengi */
  --y-neon-w: 3px;                    /* Çizgi kalınlığı */
  --y-neon-speed: 9s;                 /* Animasyon süresi */
  --y-neon-band: 24vh;                /* DİKEY parıltı uzunluğu */
  --y-neon-hband: 20%;                /* YATAY parıltı uzunluğu */
  --y-glass-bg: rgba(12,14,20,.55);   /* Cam header arkaplanı */
  --y-glass-brd: rgba(255,255,255,.08);/* Cam alt çizgi */
}
body.admin-bar{ --y-header-h: calc(88px + 32px); }

/* ==============================
   1) GLASS / STICKY HEADER
   ============================== */
#header-neon{
  position: sticky; top: 0; z-index: 999;
  min-height: var(--y-header-h);
  display:flex; align-items:center;
  background: var(--y-glass-bg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--y-glass-brd);
}
header.elementor-location-header + *{ margin-top: calc(var(--y-header-h) * -1); }

/* ==============================
   2) ALT NEON (yatay)
   ============================== */
#header-neon::after{
  content:""; position:absolute; left:0; bottom:0;
  width:100%; height: var(--y-neon-w);
  background: linear-gradient(90deg,
    rgba(248,230,189,0) 0%,        /* giriş tarafı soluk */
    rgba(248,230,189,0.5) 30%,
    rgba(248,230,189,1) 100%       /* çıkış tarafı yoğun */
  ) 0 0 / var(--y-neon-hband) 100% no-repeat;
  animation: yx var(--y-neon-speed) linear infinite;
  filter: drop-shadow(0 0 6px var(--y-neon)) drop-shadow(0 0 14px rgba(248,230,189,.7));
  pointer-events:none; z-index:1000;
}

/* ==============================
   3) SOL NEON (dikey)
   ============================== */
body::after{
  content:""; position: fixed; left:0; top: var(--y-header-h);
  width: var(--y-neon-w);
  height: calc(100vh - var(--y-header-h));
  background: linear-gradient(0deg,
    rgba(248,230,189,0) 0%,         /* giriş tarafı soluk */
    rgba(248,230,189,0.5) 30%,
    rgba(248,230,189,1) 100%        /* çıkış tarafı yoğun */
  ) 0 120% / 100% var(--y-neon-band) no-repeat;
  animation: yy var(--y-neon-speed) linear infinite;
  filter: drop-shadow(0 0 6px var(--y-neon)) drop-shadow(0 0 14px rgba(248,230,189,.7));
  pointer-events:none; z-index: 998;
}

/* ==============================
   4) Animasyonlar
   ============================== */
@keyframes yx{ 0%{background-position:-20% 0} 100%{background-position:120% 0} }
@keyframes yy{ 0%{background-position:0 120%} 100%{background-position:0 -20%} }

/* ==============================
   5) Mobil ince ayar
   ============================== */
@media (max-width:768px){ :root{ --y-neon-w:2px } }