/*
  IZLEDIMMI_BRAND_IDENTITY_0204
  IZLEDIMMI_UNIFIED_WORDMARK_0204

  Kullanıcıya görünen izledimmi.com marka katmanı.
  Teknik proje adı tv-tracker olarak korunur.
*/

html body .page > header
.pv4-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.68rem !important;
  white-space: nowrap !important;
}

/*
  Play işareti mevcut SVG olarak korunur.
  Sadece biraz daha güçlü ve premium görünür.
*/
html body .page > header
.pv4-brand-mark {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin: 0 !important;
  opacity: 1 !important;
  filter:
    drop-shadow(
      0 0 5px rgba(255, 216, 102, 0.46)
    )
    drop-shadow(
      0 0 16px rgba(223, 158, 43, 0.25)
    ) !important;
  transition:
    transform 160ms ease,
    filter 160ms ease !important;
}

/*
  İZLEDİM ve Mİ? artık iki katlı veya ayrı duran
  kelimeler değil; tek satır ve ortak baseline.
*/
html body .page > header
.pv4-brand-wordmark.izledimmi-wordmark {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 0.30rem !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transform: none !important;
}

html body .page > header
.pv4-brand-wordmark.izledimmi-wordmark
> strong {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: clamp(
    1rem,
    1.28vw,
    1.12rem
  ) !important;

  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;

  color: #f8f8fa !important;

  background:
    linear-gradient(
      105deg,
      #ffffff 0%,
      #fff7dc 62%,
      #f5d779 100%
    ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;

  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 14px rgba(255, 221, 126, 0.10) !important;

  opacity: 1 !important;
  transform: none !important;
}

html body .page > header
.pv4-brand-wordmark.izledimmi-wordmark
> span {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: clamp(
    1rem,
    1.28vw,
    1.12rem
  ) !important;

  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0.025em !important;
  text-transform: uppercase !important;

  color: #ffd45e !important;

  background:
    linear-gradient(
      110deg,
      #fff09b 0%,
      #ffd05b 42%,
      #f29b2e 100%
    ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;

  text-shadow:
    0 0 6px rgba(255, 216, 91, 0.22),
    0 0 17px rgba(235, 156, 42, 0.18) !important;

  opacity: 1 !important;
  transform: none !important;
}

/*
  Hover çok hafif; logo yerinden zıplamaz.
*/
html body .page > header
.pv4-brand:hover
.pv4-brand-mark {
  transform: scale(1.035) !important;
  filter:
    drop-shadow(
      0 0 7px rgba(255, 225, 130, 0.58)
    )
    drop-shadow(
      0 0 19px rgba(223, 158, 43, 0.32)
    ) !important;
}

html body .page > header
.pv4-brand:hover
.pv4-brand-wordmark.izledimmi-wordmark
> span {
  text-shadow:
    0 0 8px rgba(255, 222, 109, 0.32),
    0 0 21px rgba(235, 156, 42, 0.23) !important;
}

@media (max-width: 760px) {
  html body .page > header
  .pv4-brand {
    gap: 0.50rem !important;
  }

  html body .page > header
  .pv4-brand-mark {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }

  html body .page > header
  .pv4-brand-wordmark.izledimmi-wordmark {
    gap: 0.23rem !important;
  }

  html body .page > header
  .pv4-brand-wordmark.izledimmi-wordmark
  > strong,
  html body .page > header
  .pv4-brand-wordmark.izledimmi-wordmark
  > span {
    font-size: 0.92rem !important;
  }
}