/* Mega Menu Fix - Bu dosya main.css'teki mega menu kurallarını override eder */

/* Base durumda menü gizli */
.mega-menu,
.dropdown-menu {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, visibility 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  position: fixed;
  z-index: 50;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Active olduğunda görünür */
.mega-menu.active,
.dropdown-menu.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, visibility 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s;
}

/* Bridge elementi - menü ile nav item arasındaki boşluğu doldurur */
/* Bridge her zaman pointer-events: auto olmalı ki hover event'leri çalışsın */
.mega-menu-bridge,
.dropdown-menu-bridge {
  opacity: 0;
  pointer-events: auto !important; /* Her zaman aktif - görünmez ama hover çalışır */
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

/* Nav item active olduğunda bridge görünür olur (debugging için) */
.nav-item.active .mega-menu-bridge,
.nav-item.active .dropdown-menu-bridge {
  opacity: 0; /* Görünmez kalır ama pointer-events zaten auto */
  pointer-events: auto !important;
}

/* Nav arrow animasyonu */
.nav-item.active .nav-arrow i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav-arrow i {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

/* Mega menu içerik düzenlemeleri - padding ve gap'i azalt */
.mega-menu .grid {
  gap: 0.5rem !important; /* gap-4'ü gap-2'ye düşür */
  padding-left: 1rem !important; /* px-8'i px-4'e düşür */
  padding-right: 1rem !important;
}

/* Mega menu başlıkları - margin azalt */
.mega-menu p {
  margin-bottom: 0.375rem !important; /* mb-2.5'i mb-1.5'e düşür */
}

/* Mega menu linkleri - daha kompakt */
.mega-menu ul {
  row-gap: 0.25rem !important; /* space-y-1.5'i space-y-1'e düşür */
}

/* Link metinlerini tek satırda tut */
.mega-menu a span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Sub-menu arrow animasyonu (mobil menü için) */
.sub-menu-arrow {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.sub-menu.active .sub-menu-arrow i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* Mobil için gizle */
@media (max-width: 1279px) {
  .mega-menu,
  .dropdown-menu {
    display: none !important;
  }
}