a:link{text-decoration:none;}
.logo {
  width: 230px;           /* Sabit genişlik */
  height: auto;           /* Oranı koruması için otomatik yükseklik */
  max-height: 80%;        /* Kapsayıcıyı dikeyde aşmaz */
  object-fit: contain;
  flex-shrink: 0;         /* Sıkışıp büzülmesini engeller */
}

/* Header Sabit ve Animasyonlu Yapı */
.site-header {
    background-color: #08353f;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: transform 0.4s ease-in-out;
    will-change: transform;
}

/* Header Yukarı Gizlenme Sınıfı */
.site-header.header-hidden {
    transform: translateY(-100%);
}

.navbar {
    padding: 5px 0;
}

.navbar-nav .nav-link {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 16px !important;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #6cd900;
}

/* Mobil Menü Düzenlemeleri */
@media (max-width: 991px) {
    .navbar-collapse {
        background: #154954; /* Mobil menü açıldığında ana fona uygun koyu ton */
        padding: 15px 20px;
        margin-top: 10px;
        border-radius: 10px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navbar-nav .nav-link {
		 font-family: 'Arimo', sans-serif;
    font-size: 18px;
    font-weight: 700;
        color: #ffffff !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding: 12px 10px !important;
    }

    .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none;
    }

    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active {
        color: #6cd900 !important;
        padding-left: 15px !important; /* Hafif kayma efekti */
    }

    /* Mobil Hamburger Menü Buton Çerçevesi */
    .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.3) !important;
        padding: 6px 10px;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 0 0.25rem rgba(108, 217, 0, 0.25);
    }
}