/* ============================================================
 * header.css — site-header premium "election command bar"
 * En son yüklenir; site.css'teki tüm eski header katmanlarını geçersiz kılar.
 * Yalnızca görsel/renk katmanını değiştirir — mevcut layout (flex / merkez nav /
 * mobil burger) korunur.
 * ============================================================ */

@keyframes hdrPulse {
  0%   { box-shadow: 0 0 0 0 rgba(248,113,113,0.55); }
  70%  { box-shadow: 0 0 0 7px rgba(248,113,113,0); }
  100% { box-shadow: 0 0 0 0 rgba(248,113,113,0); }
}

/* --- Bar: koyu lacivert cam + üst kırmızı accent --- */
.site-header {
  background: linear-gradient(180deg, rgba(10,28,58,0.94) 0%, rgba(9,20,42,0.93) 100%) !important;
  -webkit-backdrop-filter: saturate(160%) blur(18px) !important;
  backdrop-filter: saturate(160%) blur(18px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.09) !important;
  box-shadow: 0 8px 30px rgba(2,10,28,0.28) !important;
}
.site-header::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #E30A17 0%, #B91C1C 42%, rgba(185,28,28,0) 92%);
  z-index: 2;
}
.site-header.is-scrolled {
  box-shadow: 0 12px 38px rgba(2,10,28,0.42) !important;
  border-bottom-color: rgba(255,255,255,0.14) !important;
}

/* --- Logo: beyaz --- */
.site-header .left img {
  filter: brightness(0) invert(1);
}

/* --- "SEÇİM 2028" rozet: canlı kırmızı pill --- */
.site-header .site-header-mark {
  padding: 5px 12px 5px 23px;
  position: relative;
  border: 1px solid rgba(227,10,23,0.34);
  border-radius: 99px;
  background: rgba(227,10,23,0.16);
  font: 800 10.5px var(--font-body);
  font-style: normal;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #FCA5A5;
  white-space: nowrap;
}
.site-header .site-header-mark::before {
  content: '';
  position: absolute; left: 11px; top: 50%; transform: translateY(-50%);
  width: 6px; height: 6px; border-radius: 99px;
  background: #F87171;
  animation: hdrPulse 1.9s infinite;
}

/* --- Nav linkleri: açık metin + kırmızı alt-çizgi animasyonu --- */
.site-header nav.site-nav-desktop a {
  position: relative;
  color: rgba(255,255,255,0.74);
  font-weight: 600;
  letter-spacing: 0.005em;
  border-radius: 9px;
}
.site-header nav.site-nav-desktop a::after {
  content: '';
  position: absolute; left: 14px; right: 14px; bottom: 5px; height: 2px;
  background: #E30A17; border-radius: 2px;
  transform: scaleX(0); transform-origin: left;
  transition: transform 240ms cubic-bezier(0.16,1,0.3,1);
  display: block;
}
.site-header nav.site-nav-desktop a:hover {
  color: #fff;
  background: rgba(255,255,255,0.07);
}
.site-header nav.site-nav-desktop a:hover::after { transform: scaleX(1); }
.site-header nav.site-nav-desktop a.active {
  color: #fff;
  font-weight: 700;
  background: rgba(255,255,255,0.05);
}
.site-header nav.site-nav-desktop a.active::after { transform: scaleX(1); }
.site-header nav.site-nav-desktop a strong { color: inherit; font-weight: 700; }

/* --- Sağ: birincil CTA kırmızı glow + cam phone-tag --- */
.site-header .right .btn-primary {
  background: linear-gradient(135deg, #E30A17 0%, #B91C1C 100%) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(227,10,23,0.42);
  transition: box-shadow 200ms ease, transform 160ms ease;
}
.site-header .right .btn-primary:hover {
  box-shadow: 0 10px 26px rgba(227,10,23,0.58);
  transform: translateY(-1px);
}
.site-header .right .phone-tag,
.site-header .right [data-phone-tag] {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.86);
}
.site-header .right .phone-tag::before,
.site-header .right [data-phone-tag]::before {
  background: #34D399;
  box-shadow: 0 0 0 3px rgba(52,211,153,0.18);
}

/* --- Hamburger: cam çerçeve + beyaz çizgiler --- */
.nav-burger {
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.05);
}
.nav-burger:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.32);
}
.nav-burger span { background: #fff; }

/* --- Google kimlik rozeti (eski phone-tag yerine ad + avatar) --- */
.site-header .right .user-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px 5px 5px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 99px;
  font: 700 12.5px var(--font-body, system-ui);
  color: rgba(255,255,255,0.9);
  letter-spacing: 0.01em;
}
.site-header .right .user-tag-av {
  width: 24px; height: 24px;
  border-radius: 99px;
  object-fit: cover;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #E30A17 0%, #B91C1C 100%);
  color: #fff; font: 800 12px var(--font-body, system-ui);
  box-shadow: 0 0 0 2px rgba(255,255,255,0.14);
}
.site-header .right .user-tag-name { line-height: 1; }

/* --- Mobil: koyu zemini koru (eski v6 light bg'yi geçersiz kıl) --- */
@media (max-width: 760px) {
  .site-header { background: linear-gradient(180deg, #0A1C3A 0%, #09142A 100%) !important; }
}