/* ==========================================================================
   Üst bilgi — sabit başlık ve gezinme
   ========================================================================== */

.ust {
  position: sticky;
  top: 0;
  z-index: 20;
  /* Saydam değil: başlık koyu mahremiyet bandının üstünden geçerken
     arkadaki metnin sızması okumayı bozuyordu. */
  background: var(--renk-zemin);
  border-bottom: 1px solid transparent;
  transition: border-color var(--sure) var(--egri),
              box-shadow var(--sure) var(--egri);
}

.ust[data-kaydirildi="evet"] {
  border-bottom-color: var(--renk-cizgi);
  box-shadow: 0 1px 12px oklch(30% 0.03 70 / 0.06);
}

.ust__ic {
  display: flex;
  align-items: center;
  gap: var(--bosluk-m);
  max-width: var(--genislik);
  margin-inline: auto;
  padding: 0.85rem var(--kenar);
}

.marka {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--renk-metin);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: -0.015em;
  flex: 0 0 auto;
}

.marka__isaret {
  position: relative;
  display: block;
  width: 1.05rem;
  height: 1.35rem;
  flex: 0 0 auto;
}

.marka__isaret::before,
.marka__isaret::after {
  content: "";
  position: absolute;
  width: 0.36rem;
  border-radius: var(--yuvarlak-hap);
}

.marka__isaret::before {
  left: 0; top: 0; bottom: 0;
  background: var(--renk-birincil);
}

.marka__isaret::after {
  right: 0; top: 0.34rem; bottom: 0;
  background: var(--renk-dikkat);
}

.marka__ad { font-size: 1.0625rem; }

.ust__gezinme { margin-left: auto; }

.ust__gezinme ul {
  display: flex;
  gap: clamp(0.75rem, 1.6vw, 1.75rem);
}

.ust__gezinme a {
  display: block;
  padding: 0.35rem 0;
  font-size: var(--ol-kucuk);
  color: var(--renk-ikincil);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color var(--sure-hizli) var(--egri),
              border-color var(--sure-hizli) var(--egri);
}

.ust__gezinme a:hover { color: var(--renk-metin); }

.ust__gezinme a[aria-current="location"] {
  color: var(--renk-birincil);
  border-bottom-color: var(--renk-dikkat);
}

.ust__durum {
  flex: 0 0 auto;
  padding: 0.28rem 0.6rem 0.3rem;
  border: 1px solid var(--renk-cizgi-koyu);
  border-radius: var(--yuvarlak-hap);
  font-size: var(--ol-etiket);
  letter-spacing: 0.05em;
  color: var(--renk-ikincil);
  line-height: 1.3;
  white-space: nowrap;
}

.ust-nobetci {
  position: absolute;
  top: 0;
  height: 1px;
  width: 100%;
  pointer-events: none;
}

@media (max-width: 60rem) {
  .ust__durum { display: none; }
}

/* Dar ekranda üst gezinme kısalır: kaydırılabilir bir şerit yerine iki ana
   bağlantı. Tam gezinme alt bilgide duruyor; sabit başlığın küçük ekranda
   dikey alanı yemesi okumayı zorlaştırıyor. */
@media (max-width: 44rem) {
  .ust__ic { gap: var(--bosluk-s); }
  .ust__gezinme ul { gap: var(--bosluk-s); }
  .ust__gezinme li:nth-child(n + 3) { display: none; }
  .ust__gezinme a { white-space: nowrap; font-size: var(--ol-mini); }
}

@media (max-width: 26rem) {
  .ust__gezinme li:nth-child(n + 2) { display: none; }
}