/* TV Tracker 0.1.83a - Header Ribbon Polish */

/*
  0.1.83'te nav island fazla kutu/pill hissi verdi.
  Bu katman:
  - Logoyu tekrar brand/wordmark hissine yaklaştırır.
  - Nav arkasını kutu değil, akışkan ribbon/glow alanına çevirir.
  - Sağ pasif ikon/çıkış düzenini korur.
*/

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

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

/* LOGO: 0.1.83'teki fazla düz/yayılmış hissi geri al */
html body .page > header .brand {
  gap: 8px !important;
  min-height: 44px !important;
  filter:
    drop-shadow(0 12px 24px rgba(0, 0, 0, 0.24))
    drop-shadow(0 0 10px rgba(247, 212, 109, 0.08)) !important;
}

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: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
}

html body .page > header .brand strong,
html body .page > header .brand b,
html body .page > header .brand .brand-title {
  font-size: 1.26rem !important;
  line-height: 0.94 !important;
  letter-spacing: -0.045em !important;
  font-weight: 950 !important;
  color: #ffffff !important;
}

html body .page > header .brand span,
html body .page > header .brand .brand-subtitle,
html body .page > header .brand small {
  font-size: 0.58rem !important;
  line-height: 1 !important;
  letter-spacing: 0.20em !important;
  font-weight: 760 !important;
  color: rgba(226, 232, 240, 0.66) !important;
}

/* NAV: kutu değil, akışkan ribbon/glow */
html body .page > header nav {
  position: relative !important;
  isolation: isolate !important;
  min-height: 48px !important;
  padding: 0 26px !important;
  gap: 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Geniş, organik ribbon gölge */
html body .page > header nav::before {
  content: "" !important;
  position: absolute !important;
  z-index: -2 !important;
  left: -58px !important;
  right: -58px !important;
  top: 4px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(ellipse at 14% 50%, rgba(247, 212, 109, 0.13), transparent 34%),
    radial-gradient(ellipse at 48% 50%, rgba(217, 138, 43, 0.11), transparent 42%),
    radial-gradient(ellipse at 84% 50%, rgba(126, 35, 48, 0.15), transparent 38%),
    linear-gradient(90deg,
      transparent 0%,
      rgba(247, 212, 109, 0.050) 10%,
      rgba(255, 255, 255, 0.038) 28%,
      rgba(217, 138, 43, 0.060) 52%,
      rgba(126, 35, 48, 0.085) 74%,
      transparent 100%
    ) !important;
  filter: blur(10px) !important;
  opacity: 0.95 !important;
  transform: skewX(-10deg) !important;
}

/* İnce ışık akışı; çerçeve değil */
html body .page > header nav::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -42px !important;
  right: -42px !important;
  bottom: 5px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(247, 212, 109, 0.00) 8%,
      rgba(247, 212, 109, 0.42) 21%,
      rgba(255, 245, 205, 0.58) 38%,
      rgba(217, 138, 43, 0.36) 58%,
      rgba(126, 35, 48, 0.18) 78%,
      transparent 100%
    ) !important;
  box-shadow:
    0 0 14px rgba(247, 212, 109, 0.20),
    0 0 30px rgba(217, 138, 43, 0.10) !important;
  opacity: 0.85 !important;
}

/* Linkler artık ayrı kapsül değil; ribbon üstünde yüzen yazı */
html body .page > header nav a {
  min-height: 40px !important;
  padding: 0 0 12px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(226, 232, 240, 0.70) !important;
  font-size: 0.96rem !important;
  font-weight: 760 !important;
  letter-spacing: -0.012em !important;
  text-shadow: 0 10px 22px rgba(0, 0, 0, 0.26) !important;
}

html body .page > header nav a:hover {
  color: #f8fafc !important;
  background: transparent !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: #f7d46d !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Aktif link: kutu değil, altın ray */
html body .page > header nav a.pv4-on::after,
html body .page > header nav a.active::after,
html body .page > header nav a[aria-current="page"]::after {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 2px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fff2b8, #f7d46d 45%, #d98a2b) !important;
  box-shadow:
    0 0 13px rgba(247, 212, 109, 0.40),
    0 0 28px rgba(217, 138, 43, 0.18) !important;
}

/* Link hover altında çok hafif nokta hissi */
html body .page > header nav a::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #f7d46d !important;
  opacity: 0 !important;
  transform: translateX(-50%) scale(0.6) !important;
  box-shadow: 0 0 12px rgba(247, 212, 109, 0.60) !important;
  transition: opacity 140ms ease, transform 140ms ease !important;
}

html body .page > header nav a:hover::before {
  opacity: 0.50 !important;
  transform: translateX(-50%) scale(1) !important;
}

html body .page > header nav a.pv4-on::before,
html body .page > header nav a.active::before,
html body .page > header nav a[aria-current="page"]::before {
  opacity: 0 !important;
}

/* Sağ pasif ikonlar: korunur, biraz daha net/premium */
html body .page > header .pv4-icons {
  gap: 10px !important;
}

html body .page > header .pv4-icons > :not(.nav-logout) {
  opacity: 0.72 !important;
  border-color: rgba(226, 232, 240, 0.075) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(247, 212, 109, 0.06), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.016)) !important;
}

/* Çıkış yerinde kalsın, biraz daha zarif */
html body .page > header .nav-logout button {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-color: rgba(247, 212, 109, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.014)) !important;
  color: rgba(226, 232, 240, 0.68) !important;
}

/* Mobilde ribbon daha sakin */
@media (max-width: 920px) {
  html body .page > header nav {
    width: min(100%, 560px) !important;
    padding: 4px 18px !important;
    gap: 18px !important;
  }

  html body .page > header nav::before {
    left: -18px !important;
    right: -18px !important;
  }

  html body .page > header nav::after {
    left: -10px !important;
    right: -10px !important;
  }
}
/* /TV Tracker 0.1.83a */