/* ===========================================================
   TEKİN MATBAA — Animasyonlu logo
   Bu dosya header'daki logonun tek stil kaynağıdır.
   Boyutu değiştirmek için sadece .ust .tm-logo { font-size } yeterlidir;
   nişan, "TEKİN" ve "MATBAA" bu değere oranlı olarak ölçeklenir.
   =========================================================== */

@keyframes tm-spin { to { transform: rotate(360deg); } }

/* ---- TEK AYAR NOKTASI ---- */
.ust .tm-logo{
  display:inline-flex;
  align-items:center;
  gap:.37em;
  font-family:'Jost', Helvetica, Arial, sans-serif;
  font-size:16px;          /* ← logoyu büyütmek / küçültmek için sadece bunu değiştirin */
  line-height:1;
  color:inherit;           /* header'ın metin rengini alır: koyu ve açık zeminde de doğru */
  text-decoration:none;
  white-space:nowrap;
  flex:none;
  padding:0;
}

.ust .tm-logo__mark{
  width:3.07em;
  height:3.07em;
  display:block;
  flex:none;
}

.ust .tm-logo__ring{
  transform-origin:70px 70px;
  animation:tm-spin 2600ms linear infinite;
}

.ust .tm-logo__text{
  display:flex;
  flex-direction:column;
  gap:.4em;
}

.ust .tm-logo__name{
  font-size:1em;
  font-weight:300;
  letter-spacing:.34em;
  padding-left:.34em;      /* sağdaki harf boşluğunu dengeler */
}

.ust .tm-logo__sub{
  font-size:.433em;
  font-weight:400;
  letter-spacing:.62em;
  padding-left:.62em;
  opacity:.62;
}

/* ---- Küçük ekranlarda orantılı küçülür ---- */
@media (max-width:900px){ .ust .tm-logo{ font-size:14px; } }
@media (max-width:560px){ .ust .tm-logo{ font-size:12px; } }

/* ---- Hareket hassasiyeti olan kullanıcılar için dönüşü durdur ---- */
@media (prefers-reduced-motion: reduce){
  .ust .tm-logo__ring{ animation:none; }
}