/* Ana Daire - Dış Çerçeve (Altın İlerleme Çizgisi) */
.scrollToTop {
    height: 50px;
    width: 50px;
    background: #c49f2f; /* Varsayılan Altın Rengi */
    display: none; /* JS 100px sonra flex yapacak */
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: fixed;
    right: 30px; /* Kenardan biraz daha içeride daha şık durur */
    bottom: 30px;
    z-index: 9999;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* İç Daire - Logonun Koyu Tonu */
.scrollToTop .inner {
    z-index: 111;
    height: 84%; /* İlerleme çizgisi için boşluk bırakır */
    width: 84%;
    background: #1a1a1a; /* Gökdent Koyu Gri/Siyah Tonu */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #c49f2f; /* Ok işareti altın rengi */
    font-size: 18px;
}


/* Hover Efekti - Kurumsal Canlılık */
// .scrollToTop:hover {
//     transform: scale(1.1) translateY(-5px);
//     box-shadow: 0 12px 30px rgba(196, 159, 47, 0.4);
// }

.scrollToTop:hover .inner {
    background: #c49f2f;
    color: #fff; /* Üzerine gelince ok beyaz olur */
}