/* OtoSOR footer — os-* karşılığı.
   Bu dosya css/os/components/ altına eklenir; iki include (_footer.html ve
   _footer-public.html) bunu kullanır.

   Boşluk ritmi L0 sözleşmesinden gelir: şerit içi --gap-inner, öğeler arası
   --gap-group. Ham px yok. */

.os-footer {
  border-top: 1px solid var(--border-default);
  background: var(--surface-card);
}
.os-footer__content {
  display: flex;
  align-items: center;
  justify-content: center;   /* inline style olarak 80 sayfaya kopyalanmıştı */
  gap: var(--gap-inner);
  padding: var(--space-4) var(--space-5);
  flex-wrap: wrap;
}
.os-footer__brand { display: inline-flex; align-items: center; gap: var(--space-2); }
.os-footer__logo  { display: block; height: 25px; width: auto; }
.os-footer__mark  { display: block; height: 21px; width: auto; }

/* Sürüm rozeti: tıklanabilir değil, ama title taşır — destek çağrısında
   hangi sürümün konuşulduğu buradan okunur. */
.os-footer__ver {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--text-muted);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 1px 5px;
}

/* ── Kabuksuz (public) varyant ─────────────────────────────
   Zemin yok, kenarlık yok: login ekranının kendi yerleşimi var ve
   footer orada bir "şerit" değil, sayfanın altına yerleşen bir satır. */
.os-footer--public { border-top: 0; background: transparent; }
.os-footer--public .os-footer__content { gap: var(--gap-group); }
.os-footer__copy { font-size: var(--text-sm); color: var(--text-muted); }
.os-footer__sep  { width: 1px; height: 12px; background: var(--border-default); flex: none; }
.os-footer__link { font-size: var(--text-sm); }

/* Koyu zemin (topbar veya koyu footer) — TERS VARLIK kullanılır, CSS filter
   DEĞİL: filter marka rengini kaybediyor ve baskıda çalışmıyor.

   Kurulum: bu iki dosya img/ altına kopyalanmalı (bugün portalde YOK,
   bu turda üretildi):
       img/otosor-logo-inverse.svg   128x33, tek renk #FFFFFF
       img/otosor-mark-inverse.svg    32x33, tek renk #FFFFFF
   Neden tek renk: koyu lacivert (#005282) üzerinde ölçüldü —
       beyaz          8.30:1  ✅
       #0076A1 (dış halka)  1.62:1  ✗
       #D80B15 (iç halka)   1.57:1  ✗
   Marka kırmızısı bu zeminde 3:1 UI eşiğini geçmiyor, o yüzden ters
   varyantta korunamaz. Ters logolarda tek renk zaten olağan uygulamadır. */
.os-footer--inverse { background: var(--gray-900); border-top-color: var(--on-dark-border); }
.os-footer--inverse .os-footer__logo { content: url("../../../img/otosor-logo-inverse.svg"); }
.os-footer--inverse .os-footer__mark { content: url("../../../img/otosor-mark-inverse.svg"); }
.os-footer--inverse .os-footer__copy,
.os-footer--inverse .os-footer__ver { color: var(--on-dark-text); }
.os-footer--inverse .os-footer__ver { border-color: var(--on-dark-border); }

@media (max-width: 639px) {
  /* Yasal bağlantılar alt alta gelir; dokunma hedefi 44px. */
  .os-footer--public .os-footer__content { gap: var(--gap-inner); }
  .os-footer__link { min-height: var(--control-h-lg); display: inline-flex; align-items: center; }
}

@media print {
  /* PrintLayout: footer kâğıda basılmaz — sayfa altbilgisi yazıcının işi. */
  .os-footer { display: none; }
}