/* ================================================= */
/* CLEMIX "LIVING ENERGY" SCROLLBAR - ÇILGIN & COŞKUN */
/* ================================================= */

/* 1. Ana Çubuk Ayarı */
::-webkit-scrollbar {
    width: 14px; /* Biraz daha belirgin, şov yapması için */
}

/* 2. Ray: Arka planda çok hafif bir derinlik (İç gölgeli cam) */
::-webkit-scrollbar-track {
    background: rgba(15, 42, 107, 0.05);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}

/* 3. Hareketli Parça (Thumb): Akan Enerji Efekti */
::-webkit-scrollbar-thumb {
    /* Hareketli bir gradyan illüzyonu için çok renkli geçiş */
    background: linear-gradient(180deg, 
        #0F2A6B 0%, 
        #2a52be 25%, 
        #F57C22 50%, 
        #ffaa00 75%, 
        #0F2A6B 100%);
    
    /* Gradyan boyutunu büyüterek akış hissi veriyoruz */
    background-size: 100% 200%;
    
    border-radius: 50px;
    border: 3px solid transparent;
    background-clip: content-box;

    /* Parlama (Glow) Efekti */
    box-shadow: 0 0 15px rgba(245, 124, 34, 0.4);
    
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 4. Mouse Üzerine Gelince: Patlama Etkisi */
::-webkit-scrollbar-thumb:hover {
    /* Renkler yer değiştiriyor ve canlanıyor */
    background-position: bottom center;
    
    /* Kenarları tamamen açıyoruz, çubuk genişliyor gibi durur */
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-clip: padding-box;
    
    /* Neon Coşkusu: Turuncu ateş parlaması */
    box-shadow: 0 0 25px rgba(245, 124, 34, 0.8),
                inset 0 0 10px rgba(255, 255, 255, 0.5);
    
    cursor: grab;
}

/* 5. Kaydırma Esnasında (Active): Lacivert Güç Modu */
::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg, #0F2A6B, #2a52be);
    box-shadow: 0 0 30px rgba(15, 42, 107, 0.9);
}

/* Firefox için Coşkun Renkler */
* {
    scrollbar-width: auto;
    scrollbar-color: #F57C22 rgba(15, 42, 107, 0.1);
}









/* ================================================================
   SCROLLBAR MOBİL OPTİMİZASYONU (Sadece Masaüstünde Aktif Et)
   ================================================================ */

/* Masaüstü için senin yazdığın o coşkun stiller kalsın, 
   ama mobilde (dokunmatik ekranlarda) bunları sadeleştirelim veya gizleyelim. */

@media screen and (max-width: 768px) {
    /* 1. Mobilde genişliği daraltıyoruz ki içerik alanından çalmasın */
    ::-webkit-scrollbar {
        width: 4px; /* Mobilde çok ince, zarif bir çizgi yeterli */
    }

    /* 2. Rayı mobilde neredeyse şeffaf yapıyoruz */
    ::-webkit-scrollbar-track {
        background: transparent;
        box-shadow: none;
    }

    /* 3. Hareketli parça (Thumb) mobilde sadeleşiyor */
    ::-webkit-scrollbar-thumb {
        background: #F57C22; /* Sadece ana rengimiz kalsın, gradyan mobilde yorucu olabilir */
        border: none;
        border-radius: 10px;
        box-shadow: none; /* Parlamayı mobilde pil tasarrufu ve performans için kapatıyoruz */
    }

    /* 4. Firefox Mobil için de sadeleştirme */
    * {
        scrollbar-width: thin;
        scrollbar-color: #F57C22 transparent;
    }
}