/* Navbar stili */
.navbar {
    position: fixed; /* Navbar'ı sabit yapmak için */
    top: 0;
    left: 0;
    width: 100%;
    height: 60px; /* Navbar yüksekliği */
    padding: 0px;
    background-color: white; /* Navbar'ın arka planı beyaz olacak */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Hafif bir gölge */
    z-index: 1000;
    display: flex;
    justify-content: flex-start; /* Sol tarafa yaslamak */
    align-items: center;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

    .navbar.scrolled {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sayfa kaydırıldığında daha belirgin bir gölge */
    }

/* Sol Taraf (ikon) */
.navbar-left {
    height:100%; 
    padding: 0px;  
    display: flex;
    justify-content: center;
    align-items: center; 
}

    .navbar-left img {  
        cursor: pointer; 
        padding: 0px; 
    }

/* Orta Taraf (sayfa linkleri) */
.navbar-center {
    display: flex;
    justify-content: flex-start; /* Linkleri sola yaslamak */
    flex-grow: 1; /* Orta alanda linklerin yayılmasını sağlar */
}

    .navbar-center ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .navbar-center ul li {
            margin: 0 8px;
        }

            .navbar-center ul li a {
                color: #4b5675; /* Linklerin rengi siyah */
                text-decoration: none;
                font-size: 16px;
                padding: 0.4rem;
                background-color: transparent; /* Linklerin arka planı şeffaf olacak */
                box-shadow: none; /* Başlangıçta gölge yok */
                transition: all 0.3s ease; /* Yumuşak geçiş efekti */
            }

                /* Linkler üzerine gelince yazı rengi keskin bir şekilde yeşil olacak */
                .navbar-center ul li a:hover {
                    color: #4CAF50; /* Yeşil renk */
                    background-color: transparent; /* Arka plan şeffaf olacak */
                    box-shadow: none; /* Gölgeleme olmayacak */
                }

/* Sağ Taraf (ikonlar ve kullanıcı resmi) */
.navbar-right {
    display: flex;
    align-items: center;
}

    .navbar-right i, .navbar-right .user-image {
        transition: all 0.3s ease; /* Hover geçişi için yumuşatma efekti */
        border-radius: 0.25rem; /* Sağdaki ikonların köşe yuvarlama */
        padding: 8px; /* İkonlara biraz boşluk ekleyelim */
        font-size: 20px; /* Sağdaki ikonların boyutunu büyütüyoruz */
        color: #b2b8c9;
    }

        /* Sağdaki simgeler üzerine gelince */
        .navbar-right i:hover, .navbar-right .user-image:hover {
            background-color: #dcdcdc; /* Beyazdan griye dönüş */
            box-shadow: none; /* Gölgeleme olmayacak */
        }

    /* Kullanıcı resmi */
    .navbar-right .user-image {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid #fff;
    }

    /* Menü ikonu (hamburger) ekleme */
    .navbar-right .menu-icon {
        display: none; /* Mobildeki menü ikonu gizlenecek, sadece masaüstünde */
        font-size: 24px;
        margin-left: 15px;
    }

/* Ekran genişliği küçüldüğünde menü ikonunu göster */
@media (max-width: 768px) {
    .navbar-right .menu-icon {
        display: block;
    }
    #_partialBody {
        margin-top: 43px !important;
    }
}
  
 
#_partialBody {
    margin-top: 60px ; /* Navbar'dan sonra içerik için boşluk bırakmak */ 
}