/* Standard Scrollbar Redesign (The White Line) */

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.8) transparent;
}

/* Chrome, Edge, Safari */
*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    /* for horizontal */
    display: block !important;
    /* Force display if previously hidden */
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    border: none;
    transition: background 0.3s;
}

*::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
}

/* Ensure screens that were explicitly hiding scrollbars now show them */
#store-screen::-webkit-scrollbar,
.content-screen::-webkit-scrollbar,
.modal-content::-webkit-scrollbar {
    display: block !important;
}