/* ============================================================
   StarkCDN - Global kaydırma çubuğu (tüm sayfalar)
   Lacivert zemin + logo cyan'ından maviye geçişli ince çubuk.

   Not: Chrome 121+ bir öğede standart `scrollbar-color` görürse
   ::-webkit-scrollbar stillerini yok sayar. Bu yüzden standart
   özellikler yalnızca Firefox'a (@supports -moz-appearance) verilir;
   Chromium/Safari webkit pseudo-öğelerini kullanır.
   ============================================================ */

:root {
    --sc-scroll-track: #0a0f1e;
    --sc-scroll-thumb-a: rgba(0, 240, 255, 0.45);
    --sc-scroll-thumb-b: rgba(59, 130, 246, 0.45);
    --sc-scroll-thumb-a-hover: rgba(0, 240, 255, 0.8);
    --sc-scroll-thumb-b-hover: rgba(59, 130, 246, 0.8);
}

/* Chromium, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--sc-scroll-track);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--sc-scroll-thumb-a), var(--sc-scroll-thumb-b));
    border-radius: 999px;
    border: 2px solid var(--sc-scroll-track);
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--sc-scroll-thumb-a-hover), var(--sc-scroll-thumb-b-hover));
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg, #00f0ff, #3b82f6);
    background-clip: padding-box;
}

::-webkit-scrollbar-corner {
    background: var(--sc-scroll-track);
}

::-webkit-scrollbar-button {
    display: none;
}

/* Firefox */
@supports (-moz-appearance: none) {
    html {
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 240, 255, 0.45) var(--sc-scroll-track);
    }
}

/* Metin seçimi de marka renginde */
::selection {
    background: rgba(0, 240, 255, 0.25);
    color: #fff;
}