/* DESPA image layout fix
   Bu dosya, görsel optimizasyonu sırasında eklenen ölçü/ratio etkilerinden doğan kaymaları düzeltir.
   Amaç: fotoğrafları tema kutularına esnek oturtmak, logo/ikon düzenini bozmamak ve mobilde taşmaları engellemek. */

html { overflow-x: hidden; }
body { overflow-x: hidden; }

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

.logo img,
.header .logo img,
.footer_logo img,
.feature_icon img,
.footer_image img,
.menu_social img,
.partner_item img {
  height: auto;
  object-fit: contain;
}

.home_slider_background,
.home_background,
.parallax_background,
.course_image,
.blog_post_image,
.about_item_image,
.event_image,
.news_post_image,
.team_image,
.teacher_image,
.latest_image,
.gallery_item {
  overflow: hidden;
}

.home_slider_background img,
.home_background img,
.course_image img,
.blog_post_image img,
.about_item_image img,
.event_image img,
.news_post_image img,
.team_image img,
.teacher_image img,
.latest_image img,
.gallery_item img {
  display: block;
  width: 100%;
  max-width: 100%;
}

/* Kart ve liste fotoğrafları için sabit alan varsa görsel kırpılsın, sayfa/kart kaymasın. */
.course_image img,
.blog_post_image img,
.event_image img,
.news_post_image img,
.gallery_item img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Üniversite detay sayfalarında tek büyük fotoğraf doğal oranıyla kalsın. */
.course_image > img:only-child,
center .course_image img {
  height: auto !important;
  object-fit: contain;
}

/* Blog liste kartlarında tema yüksekliği kullanıyorsa hizayı koru. */
.blog_post_image img {
  min-height: 0;
}

/* Ekip fotoğrafları kart dışına taşmasın. */
.team_image img,
.teacher_image img {
  height: auto;
  object-fit: cover;
}

/* Owl carousel logoları ve partner görselleri optimizasyon sonrası orantısız büyümesin. */
.owl-carousel .owl-item img,
.partner_item img {
  width: auto;
  max-width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .home,
  .home_slider_container,
  .home_slider,
  .home_slider_background {
    min-height: auto;
  }

  .course_image img,
  .blog_post_image img,
  .about_item_image img,
  .event_image img,
  .news_post_image img {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .course_image,
  .blog_post_image,
  .about_item_image,
  .event_image,
  .news_post_image {
    border-radius: 6px;
  }

  .footer_image img {
    max-width: 138px;
  }
}
