/* Custom scrollbar styles */
::-webkit-scrollbar {
    display: none;
}

/* Smooth scrolling for the entire page */
html {
    scroll-behavior: smooth;
}

/* Custom font family for the entire site */
body {
    font-family: 'Roboto', sans-serif;
}

/* Headings use Rajdhani for motorsport aesthetic */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Rajdhani', sans-serif;
}

/* Racing track container */
.racing-track {
    position: relative;
    width: 100%;
    margin: 20px 0;
    padding-bottom: 12px;
}

/* Racing line styling - two parallel lines */
.racing-line {
    position: relative;
    width: 100%;
    height: 8px;
    overflow: hidden;
    background: linear-gradient(90deg, transparent, #ed1c24, transparent);
    background-size: 200% 100%;
    animation: racing-streak 2s linear infinite;
    box-shadow: 0 0 10px rgba(237, 28, 36, 0.5);
}

/* Top line */
.racing-line-1 {
    margin-bottom: 8px;
}

/* Both lines will animate in sync */

/* Checkered pattern overlay on both lines */
.racing-line::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        90deg,
        #ed1c24 0px,
        #ed1c24 8px,
        transparent 8px,
        transparent 16px
    );
    animation: checkered-race 1.5s linear infinite;
    box-shadow: 0 0 5px rgba(237, 28, 36, 0.3);
}

/* Animation keyframes for racing streak effect */
@keyframes racing-streak {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 100% 0;
    }
}

@keyframes checkered-race {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}