/**
 * FuelGuard Global Styles
 * Custom Scrollbar Styles
 */

/* ============================================================
   CUSTOM SCROLLBAR STYLES
============================================================ */

/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track {
    background: rgba(187, 10, 7, 0.08);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #bb0a07;
    border-radius: 10px;
    border: 3px solid rgba(255, 255, 255, 0.4);
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #990806;
    border-color: rgba(255, 255, 255, 0.6);
    border-width: 2px;
}

::-webkit-scrollbar-thumb:active {
    background: #770604;
}

/* Horizontal scrollbar */
::-webkit-scrollbar:horizontal {
    height: 14px;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #bb0a07 rgba(187, 10, 7, 0.08);
}

/* ============================================================
   SELECTION COLOR
============================================================ */

::selection {
    background: #bb0a07;
    color: #ffffff;
    text-shadow: none;
}

::-moz-selection {
    background: #bb0a07;
    color: #ffffff;
    text-shadow: none;
}

/* ============================================================
   SMOOTH SCROLLING
============================================================ */

html {
    scroll-behavior: smooth;
}