.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Cache la barre de défilement pour IE, Edge et Firefox */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE et Edge */
    scrollbar-width: none;  /* Firefox */
} 

:root {
    --index-series: oklch(74.6% 0.16 232.661);
    --railgun-series: oklch(64.6% 0.222 41.116);
    --item-series: oklch(38.1% 0.176 304.987);
}

::selection {
    background-color: var(--item-series);
    color: white;
}

.index-series:hover {
    transition: 0.1s ease-in-out;
    border: solid 5px var(--index-series);
}

.railgun-series:hover {
    transition: 0.1s ease-in-out;
    border: solid 5px var(--railgun-series);
}

.item-series:hover {
    transition: 0.1s ease-in-out;
    border: solid 5px var(--item-series);
}

/* COLORS */
.font-white {
    color: white;
}

.font-red {
    color: red;
}

/* FORMATTING */
.title {
    font-size: xx-large;
}

.smaller-title {
    font-size: x-large;
}

.even-smaller-title {
    font-size: larger;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

/* SPECIFIC ELEMENTS */
.link-blue {
    color: var(--index-series);
}

.link-blue:hover {
    text-decoration: underline;
}

.news {
    border: solid 2px var(--railgun-series);
    color: white;
    padding: 10px 10px;
}

.footer {
    padding-left: 25px;
}

.disclaimer {
    background-color: rgb(255, 180, 180);
    border-radius: 10px;
    padding: 10px 10px;
}

#credits-list {
    list-style-type: square;
    padding: 10px 25px;
}

.nav-logo>a>img {
    height: 40px;
    width: auto;
    align-items: baseline;
    display: inline-block !important;
}

#credits-block {
    margin-left: 170px;
    margin-right: 100px;
    display: flex;
}

/* PAGES D'ERREURS */

#errorcode {
    font-size: 15vw;
}

#errornumber {
    color: #FFF;
    text-align: center;
    margin-top: -50px;
    color: #FFF;
}

#errordesc {
    font-size: 2rem;
}

/* ELEMENTS DU HEADER */

.hero-bg {
    background: linear-gradient(180deg, rgba(12, 18, 28, 0.9), rgba(4, 6, 8, 0.95)), radial-gradient(600px 300px at 10% 10%, rgba(99, 102, 241, 0.12), transparent 20%), radial-gradient(400px 200px at 90% 80%, rgba(236, 72, 153, 0.08), transparent 20%);
    backdrop-filter: blur(2px);
}

.floating-card {
    transform: translateY(0);
    transition: transform .45s cubic-bezier(.2, .9, .3, 1);
}

.floating-card:hover {
    transform: translateY(-8px) rotate(-1deg);
}

.soft-glow {
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.06);
}

.accent {
    color: #7c3aed;
}

/* Animation d’apparition douce */
@keyframes scaleDown {
    from {
        transform: scaleY(0);
        opacity: 0;
    }

    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

.animate-scale-down {
    transform-origin: top;
    animation: scaleDown 0.25s ease-out;
}

@media (max-width: 800px) {
    .navbar {
        flex-wrap: wrap;
    }

    .navbar>h1 {
        text-align: center;
        margin-bottom: 10px;
    }

    #footer-links {
        display: none;
    }

    #book-icon {
        display: none;
    }

    #user-icon {
        display: none;
    }

    #errorcode {
        font-size: 20vw;
    }

    #errordesc {
        font-size: 1.5rem;
    }
}