/* v1.8 – Logo & Avatar responsiveness (Child Theme)
 * Tujuan:
 * - Cegah logo "pecah" (jaga rasio).
 * - Batasi tinggi logo agar tidak memicu header terlalu tinggi.
 * - Avatar konsisten kecil di listing, tanpa mengubah layout inti Foxiz.
 */

/* Logo: jaga rasio, batasi tinggi */
.logo-default,
.site-logo img,
.rb-logo img,
.header-wrap .logo-wrap img {
  height: 72px;
  width: auto;
  max-width: 100%;
  /* Reserve space early to reduce CLS (logo original: 1450x320) */
  aspect-ratio: 1450 / 320;
  display: block;
}

/* Mobile: logo lebih kecil */
@media (max-width: 767px) {
  .logo-default,
  .site-logo img,
  .rb-logo img,
  .header-wrap .logo-wrap img {
    height: 52px;
    width: auto;
  }
}

/* Avatar: jangan membesar tidak perlu */
.p-meta .meta-avatar img.photo.avatar,
.p-meta img.photo.avatar {
  width: 39px;
  height: 39px;
  object-fit: cover;
}