/* TV Tracker 0.1.83 - Header Chrome Polish */

/*
  Sadece header polish.
  Hero, stat kartları ve Sıradaki Bölüm alanına dokunmaz.

  Amaç:
  - Logo link gibi değil brand gibi dursun.
  - Menü hafif glass/pill nav island içinde toplansın.
  - Dizi Ekle/Admin ayrı ayrı sırıtmadan aynı menü dilinde kalsın.
  - Arama/bildirim/profil şimdilik pasif ama premium görünsün.
  - Çıkış küçük/sakin utility pill olarak kalsın.
*/

/* Header genel ritim */
html body .page > header.pv4-integrated-header {
  margin-bottom: 20px !important;
}

html body .page > header.pv4-integrated-header .pv4-topbar-inner {
  padding: 22px 0 14px !important;
  grid-template-columns: minmax(260px, 1fr) auto minmax(260px, 1fr) !important;
  gap: 26px !important;
}

/* Logo: biraz büyüsün, daha brand gibi dursun */
html body .page > header .brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 48px !important;
  text-decoration: none !important;
  color: #f8fafc !important;
  filter: drop-shadow(0 10px 26px rgba(0, 0, 0, 0.24));
}

html body .page > header .brand img,
html body .page > header .brand svg,
html body .page > header .brand .brand-mark,
html body .page > header .brand .brand-icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  filter:
    drop-shadow(0 0 12px rgba(247, 212, 109, 0.18))
    drop-shadow(0 8px 20px rgba(0, 0, 0, 0.26));
}

html body .page > header .brand strong,
html body .page > header .brand b,
html body .page > header .brand .brand-title {
  font-size: 1.34rem !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
  font-weight: 920 !important;
  color: #ffffff !important;
}

html body .page > header .brand span,
html body .page > header .brand .brand-subtitle,
html body .page > header .brand small {
  color: rgba(226, 232, 240, 0.70) !important;
  font-size: 0.70rem !important;
  letter-spacing: 0.25em !important;
  font-weight: 720 !important;
}

/* Menü: hafif cam/pill ada */
html body .page > header nav {
  min-height: 46px !important;
  padding: 4px 8px !important;
  gap: 6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(247, 212, 109, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.050), rgba(255, 255, 255, 0.018)),
    radial-gradient(circle at 50% 0%, rgba(247, 212, 109, 0.075), transparent 74%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 16px 36px rgba(0, 0, 0, 0.20) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Bütün nav linkleri aynı dilde: Dizi Ekle/Admin ayrışmasın */
html body .page > header nav a {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: rgba(226, 232, 240, 0.68) !important;
  font-size: 0.94rem !important;
  font-weight: 760 !important;
  letter-spacing: -0.012em !important;
  transition:
    color 140ms ease,
    background 140ms ease,
    box-shadow 140ms ease,
    transform 140ms ease !important;
}

html body .page > header nav a::after {
  display: none !important;
}

html body .page > header nav a:hover {
  color: #f8fafc !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

html body .page > header nav a.pv4-on,
html body .page > header nav a.active,
html body .page > header nav a[aria-current="page"] {
  color: #1b1306 !important;
  background:
    linear-gradient(135deg, #fff0b8 0%, #f7d46d 38%, #d98a2b 100%) !important;
  box-shadow:
    0 8px 22px rgba(226, 176, 79, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

/* Sağ ikon grubu: pasif ama özenli */
html body .page > header .pv4-icons {
  gap: 10px !important;
}

/* Arama / bildirim / profil benzeri öğeler */
html body .page > header .pv4-icons > :not(.nav-logout) {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(226, 232, 240, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.050), rgba(255, 255, 255, 0.018)) !important;
  color: rgba(226, 232, 240, 0.60) !important;
  opacity: 0.78 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 10px 22px rgba(0, 0, 0, 0.16) !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* Profil/avatar gibi içindeki sayı biraz badge hissi versin */
html body .page > header .pv4-icons > :not(.nav-logout) strong,
html body .page > header .pv4-icons > :not(.nav-logout) b,
html body .page > header .pv4-icons > :not(.nav-logout) span {
  color: #f7d46d !important;
  font-weight: 900 !important;
  font-size: 0.82rem !important;
}

/* Çıkış: en sağda sakin utility pill */
html body .page > header .nav-logout {
  margin-left: 4px !important;
}

html body .page > header .nav-logout button {
  min-height: 38px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(247, 212, 109, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.050), rgba(255, 255, 255, 0.018)) !important;
  color: rgba(226, 232, 240, 0.72) !important;
  font-size: 0.84rem !important;
  font-weight: 760 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 12px 24px rgba(0, 0, 0, 0.16) !important;
}

html body .page > header .nav-logout button:hover {
  color: #f7d46d !important;
  border-color: rgba(247, 212, 109, 0.34) !important;
  background: rgba(247, 212, 109, 0.060) !important;
}

/* Hero ile header arasındaki nefes */
html body .page > header + .pv4-home,
html body .page > header + .messages + .pv4-home {
  margin-top: 2px !important;
}

/* Dar ekran */
@media (max-width: 920px) {
  html body .page > header.pv4-integrated-header .pv4-topbar-inner {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px 0 12px !important;
  }

  html body .page > header nav {
    width: min(100%, 560px) !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  html body .page > header nav a {
    padding: 0 12px !important;
    font-size: 0.90rem !important;
  }

  html body .page > header .brand,
  html body .page > header nav,
  html body .page > header .pv4-icons {
    justify-self: center !important;
  }
}
/* /TV Tracker 0.1.83 */