/*
 * UMH-97 — Özel Düzeltmeler
 * 1. Resimler: object-fit + object-position → tüm kartlarda tam oturma
 * 2. Logo: genişlik CSS değişkeni + sola sıkışma düzeltmesi
 * ------------------------------------------------------------------ */

/* ══════════════════════════════════════════════
   1. KART RESİMLERİ — object-fit: cover + center
   ══════════════════════════════════════════════ */

/* Ana kart (büyük) */
.umh-card__thumb-inner img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center center !important;
  -o-object-position: center center !important;
  display: block;
}

/* Liste kartı (yatay küçük) */
.umh-list-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center center !important;
  -o-object-position: center center !important;
  display: block;
}

/* Hero / manşet kartı */
.umh-hero-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center center !important;
  -o-object-position: center center !important;
  display: block;
}

/* Mini slider */
.umh-mini-slider__slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center center !important;
  -o-object-position: center center !important;
  display: block;
}

/* Mini kart */
.umh-mini-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center center !important;
  -o-object-position: center center !important;
  display: block;
}

/* Yazar / köşe yazarı avatar */
.umh-columnist-card__avatar img,
.umh-author-box__avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center top !important;
  -o-object-position: center top !important;
  display: block;
}

/* Arama sonucu küçük resim */
.umh-search-results a img {
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center center !important;
  -o-object-position: center center !important;
}

/* Genel tarama — sıfırlamak istediğiniz ekstra kap varsa buraya */
[class*="__thumb"] img,
[class*="__cover"] img,
[class*="__media"] img {
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center center !important;
  -o-object-position: center center !important;
}

/* ══════════════════════════════════════════════
   2. LOGO — istediğiniz boyut + sola sıkışma yok
   ══════════════════════════════════════════════ */

/*
 * Logo alanı:
 *  - flex:1 → tüm header genişliğini kaplar (aksiyonlar sağda sabit kalır)
 *  - justify-content: flex-start  = sola hizalı (varsayılan)
 *  - justify-content: center      = ortada
 *  Aşağıdaki satırı ihtiyacınıza göre değiştirin.
 */
.umh-logo {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start; /* ← "center" yaparsanız tam ortada durur */
  min-width: 0;
}

/* Logo linki: taşmayı engelle */
.umh-logo__link {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100%;
  text-decoration: none;
  line-height: 1;
}

/* Logo görseli: yükseklik + GENİŞLİK CSS değişkenlerinden gelir */
.umh-logo__img,
.umh-logo img,
.umh-logo .custom-logo {
  height: var(--logo-h, 70px) !important;
  width: var(--logo-w, auto) !important;   /* panel'den "Logo Genişliği" ile kontrol */
  max-width: min(var(--logo-w, 600px), 90vw) !important;
  object-fit: contain !important;
  -o-object-fit: contain !important;
  display: block;
}

/* WordPress custom-logo sarmalayıcısı */
.umh-logo .custom-logo-link {
  display: inline-flex !important;
  align-items: center !important;
}
.umh-logo .custom-logo-link img {
  height: var(--logo-h, 70px) !important;
  width: var(--logo-w, auto) !important;
  max-width: min(var(--logo-w, 600px), 90vw) !important;
  object-fit: contain !important;
  -o-object-fit: contain !important;
}