.sub-header{
 display:none;
}

.navbar {
  position: fixed;      /* Sayfaya yapışık olsun */
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;

  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4rem;

  background-color: rgba(0, 0, 0, 0); /* Tam şeffaf */
  backdrop-filter: none;  /* İstersen blur ekle: blur(8px) */
  box-shadow: none;
  border: none;
}

.navbar-nav .nav-link {
  margin: 0 20px; /* Her iki yana 20px boşluk */
}

.white-text {
  color: white;
}

.white-text a,
.white-text span,
.white-text li {
  color: white !important;
}



.navbar.transparent {
  background-color: rgba(255, 255, 255, 0); /* Tam şeffaf */
  transition: background-color 0.3s ease-in-out;
}

.navbar.solid {
  background-color: white; /* Beyaz zemin */
  box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Hafif gölge */
  transition: background-color 0.3s ease-in-out;
}


/* Navbar içeriği okunabilir olmalı, bu yüzden linklere kontrast veriyoruz */
.navbar a,
.navbar-brand {
  font-size: 1.5rem; /* veya ihtiyacına göre 1rem - 1.5rem arası */
  font-weight: 700;
  color: #00000;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  margin-right: 1.5rem;
}


.navbar a:hover {
  color: #fff;
}

/* Mobilde daha iyi görünüm için opsiyonel: */
@media (max-width: 768px) {
  .navbar {
    padding: 0.75rem 1rem;
  }
}

.navbar-brand img {
  height: 70px; /* varsayılan genellikle 30px civarıdır */
  width: auto;  /* oran korunsun */
}

/* Dropdown menünün arka planı, kenarları ve gölgesi */
.nav-item.dropdown .dropdown-menu {
  background-color: black; /* koyu arka plan */
  border: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
  min-width: 180px; /* genişlik ayarı */
  padding: 0.5rem 0;
}

/* Dropdown menü öğeleri */
.nav-item.dropdown .dropdown-item {
  color: #fff;
  padding: 10px 20px;
  transition: background-color 0.3s ease;
}

/* Hover ve focus efekti */
.nav-item.dropdown .dropdown-item:hover,
.nav-item.dropdown .dropdown-item:focus {
  color: #00000;
  text-decoration: none;
}

/* Dropdown toggle link */
.nav-item.dropdown > .nav-link.dropdown-toggle {
  color: #00000;
  font-weight: 600;
}

/* Toggle hover */
.nav-item.dropdown > .nav-link.dropdown-toggle:hover {
  color: #00000;
}