/* 1. Özelleştirilmiş Metin Seçimi */
::selection {
    background-color: var(--cyan, #1fb6c9);
    color: var(--navy2, #071a2f);
}

/* 2. Sitenin Temasına Uygun Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--navy2, #071a2f); 
}
::-webkit-scrollbar-thumb {
    background: var(--cyan, #1fb6c9); 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #1798a8; 
}

/* 4. Sayfa Okuma / Kaydırma Çubuğu (Scroll Progress Bar) - Container */
#scroll-progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.05);
    z-index: 99999;
    pointer-events: none;
}
#scroll-progress-bar {
    height: 100%;
    background: var(--cyan, #1fb6c9);
    width: 0%;
    transition: width 0.1s ease-out;
    box-shadow: 0 0 10px var(--cyan, #1fb6c9);
}

/* 5. Yumuşak Kaydırma (Smooth Scrolling) */
html {
    scroll-behavior: smooth;
}

/* 6. Butonlara Tıklama (Ripple) Efekti */
.ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple-anim 0.6s linear;
    background: rgba(255, 255, 255, 0.4);
    pointer-events: none;
}

@keyframes ripple-anim {
    to {
        transform: scale(4);
        opacity: 0;
    }
}