/* === HEADER CONTAINER TRANSPARENT + GREEN HIGHLIGHT === */

/* 1️⃣ Header içi container tamamen şeffaf */
.winter-on .header .container {
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border: none !important;
  transition: all 0.3s ease;
}

/* 2️⃣ İçindekilere (arama, bakiye, ikonlar) DOKUNMA — sadece hover efekti ver */
.winter-on .header .container:hover {
  box-shadow: 0 0 20px rgba(80, 255, 180, 0.25);
}

/* 3️⃣ Arama alanı, bakiye, ikonlar orijinal halleriyle kalsın ama hover’da parlasın */
.winter-on .header__search:hover,
.winter-on .header__balance:hover,
.winter-on [data-balance]:hover,
.winter-on .header__actions > *:hover {
  box-shadow: 0 0 14px rgba(80, 255, 180, 0.35),
              0 0 6px rgba(80, 255, 180, 0.25) inset;
  border-color: rgba(80, 255, 180, 0.45) !important;
  transition: box-shadow 0.25s ease-in-out;
}

/* 4️⃣ Yazılar ve ikonlar net kalsın (ek koruma) */
.winter-on .header__search input[type="text"],
.winter-on .header__search input[type="search"] {
  color: #eafff8 !important;
  text-shadow: 0 0 6px rgba(80,255,180,0.25);
  opacity: 1 !important;
  background: transparent !important;
}
.winter-on .header__search input::placeholder {
  color: rgba(200,255,235,0.65) !important;
}

/* 5️⃣ Üst header arka planını da tamamen transparan yap (güvence) */
.winter-on .header,
.winter-on header {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==== OYUN ARA — ZORLAYICI GÖRÜNÜRLÜK & YEŞİL TON ==== */
:root{
  --search-green: #b6ffe8;          /* normal metin */
  --search-green-strong: #e7fff7;   /* hover/focus */
}

/* Input (tüm varyantları) */
.winter-on #header .header__search input[type="text"],
.winter-on #header .header__search input[type="search"],
.winter-on .header.header--logged .header__search input[type="text"],
.winter-on .header.header--logged .header__search input[type="search"],
.winter-on .header__search input[type="text"],
.winter-on .header__search input[type="search"]{
  color: var(--search-green) !important;
  -webkit-text-fill-color: var(--search-green) !important; /* Safari/Chromium */
  caret-color: var(--search-green) !important;

  opacity: 1 !important;                    /* bazı temalar opacity düşürüyor */
  background: transparent !important;
  border: none !important;
  outline: none !important;

  font-weight: 650 !important;
  letter-spacing: .2px !important;
  text-shadow:
    0 0 6px rgba(80,255,200,.35),
    0 1px 0 rgba(0,0,0,.35) !important;
}

/* Placeholder görünürlüğü */
.winter-on #header .header__search input::placeholder,
.winter-on .header.header--logged .header__search input::placeholder,
.winter-on .header__search input::placeholder{
  color: rgba(182,255,232,.85) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: rgba(182,255,232,.85) !important;
}

/* Hover/Focus daha belirgin */
.winter-on .header__search:hover input,
.winter-on .header__search:focus-within input{
  color: var(--search-green-strong) !important;
  -webkit-text-fill-color: var(--search-green-strong) !important;
  text-shadow:
    0 0 10px rgba(90,255,200,.45),
    0 1px 0 rgba(0,0,0,.4) !important;
}

/* ==== OYUN ARA METNİ — SON YAMA (yüksek öncelik) ==== */

/* 0) Arama kutusuna gelebilecek opacity / filter'ı sıfırla */
.winter-on #header .header__search,
.winter-on .header.header--logged .header__search,
.winter-on .header__search{
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;  /* karışım kaldır */
}

/* 1) Input rengi: koyu arka planda parlak yeşil */
:root{
  --search-green: #C8FFE6;          /* normal yazı */
  --search-green-strong: #F0FFFA;   /* hover/focus yazı */
}

/* 2) Tüm varyantları kapsa: (yüksek özgüllük + !important) */
.winter-on #header .header__search input[type="text"],
.winter-on #header .header__search input[type="search"],
.winter-on .header.header--logged .header__search input[type="text"],
.winter-on .header.header--logged .header__search input[type="search"],
.winter-on .header__search input[type="text"],
.winter-on .header__search input[type="search"]{
  color: var(--search-green) !important;
  -webkit-text-fill-color: var(--search-green) !important;
  caret-color: var(--search-green) !important;

  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;

  font-weight: 700 !important;
  font-size: 16px !important;       /* bir tık büyüt */
  letter-spacing: .2px !important;

  /* koyu zeminde netlik için hafif stroke + glow */
  text-shadow:
    0 0 8px rgba(80,255,200,.45),
    0 1px 0 rgba(0,0,0,.55) !important;
  -webkit-text-stroke: 0.2px rgba(0,0,0,.35);   /* WebKit'te kontrast */
}

/* 3) Placeholder’ı da parlak yap (tüm tarayıcılar) */
.winter-on #header .header__search input::placeholder,
.winter-on .header.header--logged .header__search input::placeholder,
.winter-on .header__search input::placeholder{
  color: rgba(200,255,235,.95) !important;
  -webkit-text-fill-color: rgba(200,255,235,.95) !important;
  opacity: 1 !important;
  text-shadow: 0 0 6px rgba(80,255,200,.35) !important;
}

/* 4) Hover/Focus'ta bir tık daha parlak */
.winter-on .header__search:hover input,
.winter-on .header__search:focus-within input{
  color: var(--search-green-strong) !important;
  -webkit-text-fill-color: var(--search-green-strong) !important;
  text-shadow:
    0 0 12px rgba(90,255,200,.55),
    0 1px 0 rgba(0,0,0,.6) !important;
}

/* 5) İKONLARA DOKUNMA — sadece arama yazısını güçlendiriyoruz */


