/* Fix40 — üst alan modernizasyonu
   Daha kompakt marka satırı, daha rafine menü butonu ve Haber Akışı ile dengeli geçiş. */

.site-header,
.reader-v2 .site-header {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 74%, #fbfcff 100%);
  border-bottom: 1px solid rgba(220, 228, 239, .72);
  box-shadow: 0 8px 26px rgba(15, 31, 67, .035);
}

/* Marka alanı masaüstünde de gereksiz yüksek kalmasın. */
.site-header .brand-row,
.reader-v2 .site-header .brand-row {
  min-height: 90px;
  gap: 24px;
}

.site-header .site-brand,
.reader-v2 .site-header .site-brand {
  text-decoration: none;
}

.site-header .brand-copy strong.brand-wordmark,
.reader-v2 .site-header .brand-copy strong.brand-wordmark {
  line-height: .98;
}

.site-header .brand-copy small,
.reader-v2 .site-header .brand-copy small {
  margin-top: 5px;
  letter-spacing: .05em;
}

/* Menü butonu: daha küçük, daha temiz, logoyla aynı optik ağırlıkta. */
.site-header .menu-toggle,
.reader-v2 .site-header .menu-toggle {
  position: relative;
  width: 48px;
  height: 48px;
  padding: 12px;
  border: 1px solid #dfe6ef;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  box-shadow: 0 7px 20px rgba(15, 31, 67, .055), inset 0 1px 0 rgba(255,255,255,.85);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.site-header .menu-toggle > span:not(.sr-only),
.reader-v2 .site-header .menu-toggle > span:not(.sr-only) {
  height: 2px;
  margin: 4px 0;
  background: #102a4c;
  border-radius: 999px;
}

.site-header .menu-toggle:hover,
.reader-v2 .site-header .menu-toggle:hover {
  border-color: #cfd9e6;
  background: #fff;
  box-shadow: 0 9px 24px rgba(15, 31, 67, .075);
}

.site-header .menu-toggle:active,
.reader-v2 .site-header .menu-toggle:active {
  transform: scale(.96);
}

/* Haber Akışı, logo alanından kopuk görünmesin. */
.site-header .breaking-bar,
.reader-v2 .breaking-bar {
  padding-top: 6px;
}

.site-header .breaking-inner,
.reader-v2 .breaking-inner {
  box-shadow: 0 10px 26px rgba(15, 31, 67, .045);
}

@media (max-width: 767px) {
  .site-header .brand-row,
  .reader-v2 .site-header .brand-row,
  body.home-page:has(#main-content) .site-header .brand-row {
    min-height: 74px;
    gap: 14px;
  }

  .site-header .brand-row > .site-brand,
  .reader-v2 .site-header .brand-row > .site-brand {
    max-width: calc(100% - 62px);
  }

  .site-header .brand-row .brand-copy strong.brand-wordmark,
  .reader-v2 .site-header .brand-row .brand-copy strong.brand-wordmark {
    font-size: clamp(1.82rem, 8vw, 2.08rem);
    line-height: .97;
    letter-spacing: -.062em;
  }

  .site-header .brand-row .brand-copy strong.brand-wordmark-long,
  .reader-v2 .site-header .brand-row .brand-copy strong.brand-wordmark-long {
    font-size: 1.42rem;
  }

  .site-header .brand-row .brand-copy small,
  .reader-v2 .site-header .brand-row .brand-copy small {
    margin-top: 4px;
    max-width: 27ch;
    font-size: clamp(.60rem, 2.55vw, .68rem);
    line-height: 1.1;
    font-weight: 720;
    letter-spacing: .04em;
  }

  .site-header .brand-logo-image,
  .reader-v2 .site-header .brand-logo-image {
    width: min(250px, calc(100vw - 102px));
    max-height: 62px;
  }

  .site-header .menu-toggle,
  .reader-v2 .site-header .menu-toggle {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    padding: 11px;
    border-radius: 15px;
  }

  .site-header .breaking-bar,
  .reader-v2 .breaking-bar,
  body.home-page:has(#main-content) .site-header .breaking-bar {
    padding: 2px 0 6px;
  }

  .site-header .breaking-inner,
  .reader-v2 .breaking-inner {
    min-height: 56px;
    padding: 9px 13px;
    border-radius: 17px;
  }

  .site-header .breaking-inner > strong,
  .reader-v2 .breaking-inner > strong {
    padding: 7px 10px;
    font-size: .60rem;
  }
}

@media (max-width: 380px) {
  .site-header .brand-row,
  .reader-v2 .site-header .brand-row,
  body.home-page:has(#main-content) .site-header .brand-row {
    min-height: 70px;
  }

  .site-header .brand-row .brand-copy strong.brand-wordmark,
  .reader-v2 .site-header .brand-row .brand-copy strong.brand-wordmark {
    font-size: 1.68rem;
  }

  .site-header .brand-row .brand-copy small,
  .reader-v2 .site-header .brand-row .brand-copy small {
    font-size: .58rem;
  }

  .site-header .menu-toggle,
  .reader-v2 .site-header .menu-toggle {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}