/* Kullanıcı deneyimi — yükleme ve okunabilirlik */

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

img {
  max-width: 100%;
  height: auto;
}

.listing-card-image {
  aspect-ratio: 4 / 3;
  background: var(--surface-muted, #f1f5f9);
  overflow: hidden;
}

.listing-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* CLS: hero görsel alanı */
.corp-hero-visual {
  min-height: 200px;
}

.corp-hero-visual img {
  width: 100%;
  height: auto;
}

/* Dokunma hedefleri — mobil */
@media (max-width: 768px) {
  .btn,
  .th-btn,
  .nav-link,
  .listing-card a {
    min-height: 44px;
  }
}

/* Odak görünürlüğü */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #0d9488;
  outline-offset: 2px;
}

/* Okuma rahatlığı */
p, .corp-hero-lead {
  line-height: 1.6;
}

/* Yavaş bağlantı: içerik erken görünsün */
.app-shell main {
  min-height: 50vh;
}