﻿/* FIX main access links in old menu */
.with-old-header .menu-section .fixed .main-access-links,
.with-old-header .menu-section .main-menu.open .main-access-links {
    display: none;
}

.with-old-header .menu-section .movable-menu {
    min-height: 55px;
}

.with-old-header .main-access-links {
    border-bottom: none !important;
    border-top: 1px solid #f4f4f4;
}

.with-old-header .menu-section .menu-burger-mobile-wrapper {
    top: 54px;
    z-index: 100;
}
/* END OF FIX main access links in old menu */

.main-access-links {
    position: relative;
    width: 100%;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #f4f4f4;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    scrollbar-width: none;
    transition: transform 200ms ease-in-out;
}

    .main-access-links * {
        scrollbar-width: none;
    }

    .main-access-links::-webkit-scrollbar {
        display: none;
    }

    .main-access-links .access-link-wrapper {
        margin-right: 29px;
        max-width: fit-content;
        max-width: -moz-fit-content;
        display: flex;
        align-items: center;
    }

        .main-access-links .access-link-wrapper:first-of-type {
            padding-left: 24px;
        }

        .main-access-links .access-link-wrapper:last-of-type {
            margin-right: 0;
            padding-right: 48px;
        }

    .main-access-links .access-link {
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        /*gap: 10px;*/
    }

        /*.main-access-links .access-link object {
            height: 24px;
            width: 24px;
            filter: brightness(0);
        }

        .main-access-links .access-link:hover object {
            filter: brightness(1);
        }*/

        .main-access-links .access-link svg {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            fill: #242424;
        }

        .main-access-links .access-link:hover svg {
            fill: #c30000;
        }

        .main-access-links .access-link p {
            font-size: 14px;
            line-height: 48px;
            color: #242424;
            white-space: nowrap;
        }

        .main-access-links .access-link:hover p {
            font-size: 14px;
            line-height: 26px;
            color: #c30000;
        }

    .main-access-links.animated {
        transform: translateX(-25px);
    }

@media (min-width: 768px) {
    .main-access-links {
        height: 50px;
        justify-content: center;
        z-index: 1;
    }

        .main-access-links .swiper-wrapper {
            justify-content: center;
        }

        .main-access-links .access-link-wrapper {
            margin-right: 49px;
        }

        .main-access-links.animated {
            transform: translateX(0);
        }
}
