/* Header’ı sabit konuma getiriyoruz */
header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 100 !important; /* Header’ın diğer içeriklerin üstünde olduğundan emin olun */
    background: transparent !important;
}

    /* Cam efekti için pseudo-element ekliyoruz */
    header::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(255, 255, 255, 0.6) !important; /* İstediğiniz şeffaflık oranını ayarlayın */
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        z-index: -1 !important;
    }


.fixed-top nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important; /* Üstte kalması için yeterince büyük bir z-index */
    background: transparent !important;
    overflow: visible !important; /* Menünün dışa taşmasına izin verin */
}


    .fixed-top nav::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(255, 255, 255, 0.6) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        z-index: -1 !important; /* Menü öğelerinden geride olmalı */
    }



/* Header ile aynı yüksekliğe sahip yer tutucu */
.header-placeholder {
    height: 120px; /* Header yüksekliğine göre ayarlayın */
  
}

/* Header içindeki tüm bağlantı, paragraf ve logo ismi gibi metinlere uygulanacak stil */