/*
 * PNG Logo Override CSS
 * Bu dosya mevcut SVG logo stillerini PNG logo için optimize eder
 * Mobil menü ve animasyonlarla uyumlu kalacak şekilde tasarlanmıştır
 */

/* PNG Logo için özel stiller */
.mxd-logo__image.png-logo {
  /* PNG logo için optimize edilmiş boyutlar - En/boy oranı korunur */
  width: 6.5rem;
  height: auto;
  max-height: 6.5rem;
  object-fit: contain;
  object-position: center;
  
  /* Smooth geçişler ve animasyon uyumluluğu */
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  
  /* PNG logo kalitesi optimizasyonu - Smooth rendering */
  image-rendering: auto;
  image-rendering: high-quality;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: bicubic;
  
  /* Arka plan şeffaflığı */
  background: transparent;
  
  /* Anti-aliasing ve smooth rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Tablet ve desktop için büyük boyutlar */
@media only screen and (min-width: 768px) {
  .mxd-logo__image.png-logo {
    width: 9rem;
    max-height: 9rem;
  }
}

/* Dark mode uyumluluğu */
@media (prefers-color-scheme: dark) {
  .mxd-logo__image.png-logo {
    filter: brightness(1.1) contrast(1.05);
  }
}

/* Light mode uyumluluğu */
@media (prefers-color-scheme: light) {
  .mxd-logo__image.png-logo {
    filter: brightness(0.95) contrast(1.02);
  }
}

/* Hover efektleri - mobil menü uyumluluğu için */
.no-touch .mxd-logo:hover .mxd-logo__image.png-logo {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}

/* Loading animasyonu uyumluluğu */
.loading__fade .mxd-logo__image.png-logo {
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
  -webkit-animation: fadeInUp 0.8s ease forwards;
}

/* Hamburger menü açık olduğunda logo stilleri */
.mxd-nav__wrap.active .mxd-logo__image.png-logo {
  transform: none;
  filter: none;
}

/* Mobil menü uyumluluğu için ekstra koruma */
@media only screen and (max-width: 767px) {
  .mxd-logo__image.png-logo {
    width: 5.5rem;
    max-height: 5.5rem;
  }
  
  /* Mobilde dokunma odağı artırma */
  .mxd-logo {
    padding: 0.5rem;
    margin: -0.5rem;
  }
}

/* Header scroll efektleri için */
.mxd-header.scrolled .mxd-logo__image.png-logo {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
}

/* Retina ve yüksek DPI ekranlar için - Anti-aliasing */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mxd-logo__image.png-logo {
    image-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
}

/* Logo animasyon keyframe'leri */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

/* SVG stilleri override etme - PNG kullanırken gizle */
.mxd-logo__image:not(.png-logo) {
  display: none !important;
}

/* Logo text'ini gizlemek istemiyorsanız bu kısmı silin */
.mxd-logo .mxd-logo__text {
  display: none;
}

/* Menu overlay açıkken logo korunması */
.mxd-menu__wrapper.active ~ .mxd-header .mxd-logo__image.png-logo {
  z-index: 999;
  position: relative;
}