/**
 * Global Scrollbar Styling for A3KM Studio
 * Theme: Dark Red Engineering Design
 * Colors: #CC0000 (Primary Red), #990000 (Dark Red), #0a0a0a (Dark BG)
 * Author: Md Akhinoor Islam
 * Date: February 10, 2026
 */

/* ============================================
   WEBKIT BROWSERS (Chrome, Safari, Edge)
   ============================================ */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #0a0a0a;
    border-left: 1px solid rgba(204, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #CC0000 0%, #990000 100%);
    border-radius: 6px;
    border: 2px solid #0a0a0a;
    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #FF0000 0%, #CC0000 100%);
    box-shadow: 0 0 10px rgba(204, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg, #990000 0%, #660000 100%);
}

::-webkit-scrollbar-corner {
    background: #0a0a0a;
}

/* ============================================
   FIREFOX SCROLLBAR
   ============================================ */
* {
    scrollbar-width: thin;
    scrollbar-color: #CC0000 #0a0a0a;
}

/* ============================================
   SMOOTH SCROLLING
   ============================================ */
html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* ============================================
   MOBILE OPTIMIZATION
   ============================================ */
@media (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        border: 1px solid #0a0a0a;
    }
}

/* ============================================
   HORIZONTAL SCROLLBAR (if needed)
   ============================================ */
::-webkit-scrollbar-track:horizontal {
    border-left: none;
    border-top: 1px solid rgba(204, 0, 0, 0.2);
}