/* header.css */

/* Navbar genel ayarları */
.navbar {
  background-color: #f8f9fa;  /* Açık gri ton */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  padding: 0.75rem 1rem;  /* Üst-alt 0.75rem, sağ-sol 1rem boşluk */
}

/* Marka (logo + metin) */
.navbar-brand {
  font-weight: 700;
  color: #333 !important;
  display: flex;          /* Logo ve metni aynı satırda hizalamak için */
  align-items: center;    /* Dikeyde ortalar */
  transition: color 0.3s;
}

/* Logo boyutu - masaüstü */
.navbar-brand img {
  max-width: 120px !important;   /* Logo genişliğini en fazla 120px ile sınırla */
  max-height: 120px !important;  /* Logo yüksekliğini en fazla 120px ile sınırla */
  width: auto !important;
  height: auto !important;
  object-fit: contain;           /* Resmi bozmadan sığdır */
  margin-right: 8px;             /* Logo ile metin arasında boşluk */
  transition: all 0.3s ease;     /* Geçiş animasyonu (isteğe bağlı) */
}

/* Hover efekti (isteğe bağlı) */
.navbar-brand img:hover {
  opacity: 0.9;
}

/* Marka metin hover */
.navbar-brand:hover {
  color: #000 !important;
  text-decoration: none;
}

/* Navbar linkleri */
.nav-link {
  color: #555 !important;
  margin: 0 0.75rem;
  transition: color 0.3s;
}
.nav-link:hover {
  color: #000 !important;
}

/* Mobil açılır menü butonu */
.navbar-toggler {
  border: none;
  outline: none !important; /* Odak çerçevesini kaldırır (isteğe bağlı) */
}
.navbar-toggler-icon {
  /* Bootstrap varsayılan hamburger simgesinin base64 kodlu SVG’si */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox='0%200%2030%2030'...");
}

/* Aktif menü öğesi (örneğin bulunduğun sayfa) */
.nav-item.active .nav-link {
  color: #007bff !important;
}

/* Menünün sağa yaslanması */
.navbar-collapse {
  justify-content: flex-end;
}

/* Mobil (max 576px) için ek uyarlama */
@media (max-width: 576px) {
  /* Logo boyutu çok büyük olmasın */
  .navbar-brand img {
    max-width: 80px !important;
    max-height: 80px !important; 
  }
  /* Linkler arası boşluk biraz daralt */
  .nav-link {
    margin: 0 0.5rem;
  }
}