/* Genel Header Stilleri */
.custom-top-bar {
  background-color: #220ddd !important; /* Tailwind sınıflarını ezmek için !important ekledik */
  border-bottom-left-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
}
@media (min-width: 768px) {
  .custom-top-bar {
    border-radius: 9999px;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
    transform: translateY(1rem);
  }
}
.custom-main-nav {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
  .custom-main-nav {
    margin-top: -2rem;
  }
}
.hidden {
  display: none;
}

/* Animasyonlar */
.animate-spin {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Dropdown Stilleri */
.custom-dropdown-bg {
  background-color: #220ddd !important;
  /* Animasyon için stiller */
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform: translateY(-10px);
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out,
    transform 0.3s ease-out;
}
.custom-dropdown-bg.open {
  max-height: 100vh; /* Menünün sığacağı kadar büyük bir değer */
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.custom-dropdown-item {
  color: #ffffff !important;
}
.custom-dropdown-item:hover {
  background-color: #1e0cb8 !important; /* #220ddd'nin biraz daha koyu tonu */
}

/* Mobil Alt Menü Animasyon Stilleri */
.mobile-submenu-animation {
  position: relative; /* YENİ: Yığınlama bağlamı oluşturmak için */
  z-index: 10; /* YENİ: Diğer menü öğelerinin üzerinde kalmasını sağlamak için */
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform: translateY(-10px);
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out,
    transform 0.3s ease-out, visibility 0.3s ease-out;
}
.mobile-submenu-animation.open {
  max-height: 500px; /* Menünün sığacağı kadar büyük bir değer */
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-timing-function: ease-in;
}

/* YENİ: Cookie Consent Banner Stilleri */
#cookie-consent-banner {
  transform: translateY(100%); /* Başlangıçta ekranın altında gizle */
  transition: transform 0.5s ease-out; /* Yumuşak geçiş animasyonu */
}
#cookie-consent-banner.show {
  transform: translateY(0); /* Görünür olduğunda yukarı kaydır */
}