/* Mobile menu CSS */


@media screen and (max-width: 767px) {
    .mobile-menu__item {
        flex-direction: column;
        row-gap: 0.125rem;
    }
}

@media screen and (max-width: 959px) {
    .font-primary {
        font-family: var(--legal-font-primary);
        font-style: normal;
    }

    .legal-mobile-menu {
        display: flex;
        justify-content: space-around;
        column-gap: 0.5rem;
        width: 100%;
        min-height: 3.375rem;
        box-sizing: border-box;
        position: fixed;
        bottom: 0rem;
        padding: 0.5rem 1rem;
        z-index: 1;
        border-top: 1px solid var(--Base-base-03);
        background-color: var(--Base-base-01);
    }

    .mobile-menu__item {
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    .mobile-menu__item:not(.legal-active) {
        color: var(--Base-base-09);
    }

    .mobile-menu__item.legal-active {
        color: var(--Base-purple_button_hover);
    }

    .mobile-menu__item:hover {
        color: var(--Base-purple_button_hover);
        transition: 0.4s;
    }

    .mobile-menu__item-icons {
        line-height: 0rem;
    }

    .mobile-menu__item-icons::before {
        font-family: var(--legal-font-icons);
        line-height: 1.3125rem;
        font-size: 1.3125rem;
    }

    .mobile-menu__item-icons.home::before {
        content: '\F11F';
    }

    .mobile-menu__item-icons.bonus::before {
        content: '\F108';
    }

    .mobile-menu__item-icons.medal::before {
        content: '\F120';
    }

    .mobile-menu__item-icons.stats::before {
        content: '\F121';
    }

    .mobile-menu__item-icons.book::before {
        content: '\F11E';
    }

    .mobile-menu__item-name {
        font-size: 0.625rem;
        font-weight: 400;
        line-height: 0.875rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .mobile-menu__item {
        column-gap: 0.5rem;
    }
}

@media screen and (min-width: 960px) {
    .legal-mobile-menu {
        display: none;
    }
}

.wrapper-mobile-menu:empty {
    display: none;
}