/* Sidebar Advertisement System */

/* Left Advertisement - Temel stil */
#leftSidebarAd {
  position: fixed;
  left: 20px;
  top: 41%;
  transform: translateY(-50%);
  width: 250px;
  height: 950px;
  max-width: 250px;
  max-height: 950px;
  z-index: 999;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#leftSidebarAd a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}

#leftSidebarAd img,
#leftSidebarAd video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

#leftSidebarAd video {
  background: #000;
}

/* Right Advertisement - Temel stil */
#rightSidebarAd {
  position: fixed;
  right: 20px;
  top: 41%;
  transform: translateY(-50%);
  width: 250px;
  height: 950px;
  max-width: 250px;
  max-height: 950px;
  z-index: 999;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#rightSidebarAd a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}

#rightSidebarAd img,
#rightSidebarAd video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

#rightSidebarAd video {
  background: #000;
}

/* 1601px ve üzeri için reklamlar sabit boyutta (250x950) */

/* 1690px ve altı (Standart ekranlar) - Sidebar'lar görünür, reklamlar gizli */
@media (max-width: 1690px) {
  #leftSidebarAd,
  #rightSidebarAd {
    display: none !important;
  }
}

/* 1691px ve üzeri için reklamlar görünür (CSS kontrolü) */
@media (min-width: 1691px) {
  #leftSidebarAd:not(.empty),
  #rightSidebarAd:not(.empty) {
    display: block !important;
  }
}

/* 900px altı - Sidebar'lar gizli, reklamlar da gizli (mobil) */
@media (max-width: 900px) {
  #leftSidebarAd,
  #rightSidebarAd {
    display: none !important;
  }
}

/* Animation for video autoplay */
#leftSidebarAd video,
#rightSidebarAd video {
  object-fit: contain;
}

/* GIF support */
#leftSidebarAd img[src$=".gif"],
#rightSidebarAd img[src$=".gif"] {
  image-rendering: auto;
}

/* Loading state */
#leftSidebarAd.loading,
#rightSidebarAd.loading {
  opacity: 0.5;
}

#leftSidebarAd.empty,
#rightSidebarAd.empty {
  display: none;
}