/*
 * 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;
}

/* ══════════════════════════════════════════════
   3. MOBİL MENÜ AKORDİON
   ══════════════════════════════════════════════ */

/* Alt menü toggle butonu */
.umh-mobile-sub-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(255,255,255,.08);
  border: none;
  border-radius: 6px;
  color: rgba(255,255,255,.7);
  cursor: pointer;
  flex-shrink: 0;
  transition: background .2s, transform .2s;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.umh-mobile-sub-toggle:hover {
  background: rgba(255,255,255,.18);
  color: #fff;
}
.umh-mobile-sub-toggle.open {
  background: var(--c-primary);
  color: #fff;
}
.umh-mobile-sub-toggle.open i {
  transform: rotate(180deg);
}
.umh-mobile-sub-toggle i {
  transition: transform .25s;
  font-size: 11px;
}

/* Üst menü öğeleri: relative pozisyon ki buton absolute olabilsin */
.umh-mobile-nav li.menu-item-has-children {
  position: relative;
}
.umh-mobile-nav li.menu-item-has-children > a {
  padding-right: 52px !important; /* toggle butonuna yer aç */
}

/* Alt menü stilleri */
.umh-mobile-nav .sub-menu {
  background: rgba(0,0,0,.2);
  border-left: 3px solid var(--c-primary);
  margin: 0;
  padding: 4px 0;
}
.umh-mobile-nav .sub-menu a {
  padding-left: 28px !important;
  font-size: 13px;
  opacity: .9;
}
.umh-mobile-nav .sub-menu a:hover {
  padding-left: 34px !important;
  opacity: 1;
}

/* ══════════════════════════════════════════════
   4. KART RESİMLERİ — TIKLANABİLİR (kapak linki)
   ══════════════════════════════════════════════ */

/* Büyük kart: resim tüm thumb alanını kaplar ve tıklanabilir */
.umh-card__thumb-inner {
  position: relative;
}
.umh-card__thumb-link {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  line-height: 0;
}
.umh-card__thumb-link img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center center !important;
  pointer-events: none;
}

/* Liste kartı: resim + link */
.umh-list-card__thumb {
  position: relative;
  overflow: hidden;
}
.umh-list-card__thumb-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  cursor: pointer !important;
}
.umh-list-card__thumb-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center center !important;
  pointer-events: none;
  display: block;
}