/* Genel navbar stili */
  .navbar {
    background-color: #fff;
  }

  /* Dropdown menü genel stil */
  .dropdown-menu {
    min-width: 320px; /* Menü genişliği artırıldı */
    padding: 0.5rem 0;
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
    font-size: 1rem;
    text-align: left;
  }

  /* Büyük ekranlarda hover ile otomatik açılma */
  @media (min-width: 992px) {
    .nav-item.dropdown:hover > .dropdown-menu,
    .dropdown-submenu:hover > .dropdown-menu {
      display: block;
    }
  }

  /* Çok seviyeli dropdown için alt kategori submenu ayarları */
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
    border-radius: 0.25rem;
    min-width: 320px;
  }

  /* Alt kategori başlıkları için ekstra padding ve font ayarı */
  .dropdown-submenu > a.dropdown-toggle {
    padding: 30px 40px;  /* Üst-alt 30px, sağ-sol 40px padding */
    font-size: 1.1rem;
  }

  /* Alt kategori bağlantısının yanındaki ok simgesini kaldırıyoruz */
  .dropdown-submenu > a.dropdown-toggle::after {
    content: none !important;
  }

  /* Dropdown menü linklerinin stili */
  .dropdown-menu a.dropdown-item {
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }
  
  /* Badge stili: alt kategori menüsünde tur sayısı */
  .dropdown-submenu > a.dropdown-toggle .badge {
    font-size: 0.75rem;
    float: right;
  }
  
  /* Hover durumunda link arka planı */
  .dropdown-menu a.dropdown-item:hover {
    background-color: #f8f9fa;
  }

  .navbar {
    display: flex;
    align-items: center; /* Öğeleri dikeyde ortalar */
    height: 60px; /* Navbar yüksekliği sabit */
}
.navbar-brand {
    display: flex;
    align-items: center; /* Logoyu dikeyde ortalar */
}
.navbar-brand img {
    max-height: 60px; /* Logo maksimum yüksekliği */
    width: auto; /* Genişliği otomatik ayarla */
}

@media (max-width: 768px) {
  .navbar-brand img {
      max-height: 40px; /* Mobilde logo boyutu */
  }
}