/* Improve pagination styling */
.woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span {
    width: 55px;
    height: 55px;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.25);
    background-color: rgba(255, 255, 255, .03);
    border-radius: 100px;
    transition: all .3s ease;
}

.woocommerce-pagination .page-numbers li a:hover {
    border-color: #7fc220;
}

.woocommerce-pagination .page-numbers li a svg {
    transition: all .3s ease;
}

.woocommerce-pagination .page-numbers li a.prev:hover svg {
    transform: translateX(-4px) scale(.9);
}
.woocommerce-pagination .page-numbers li a.next:hover svg {
    transform: translateX(4px) scale(.9);
}

/* Reset the fill */
.archive.woocommerce .woocommerce-pagination ul li .next:hover svg path, .archive.woocommerce .woocommerce-pagination ul li .prev:hover svg path, .cross-sells .woocommerce-pagination ul li .next:hover svg path, .cross-sells .woocommerce-pagination ul li .prev:hover svg path, .search .woocommerce-pagination ul li .next:hover svg path, .search .woocommerce-pagination ul li .prev:hover svg path, .up-sells .woocommerce-pagination ul li .next:hover svg path, .up-sells .woocommerce-pagination ul li .prev:hover svg path {
    fill: #7fc220;
}

.archive.woocommerce .woocommerce-pagination ul li, .cross-sells .woocommerce-pagination ul li, .search .woocommerce-pagination ul li, .up-sells .woocommerce-pagination ul li {
    margin-right: 0;
}

/* Redo the currency switcher */
.bottom-nav .woocs-style-1-select {
    > span {
        background-color: #fff;
        width: 24px;
        height: 16px;
        color: #0e1215;
        text-align: center;
        font-size: 15px;
        margin-right: 5px;
        display: block;
        flex-shrink: 0;
        margin-top: -4px;

        /* Make a little arrow on the bottom so it looks like a chat box */
        &::after {
            content: '';
            position: absolute;
            bottom: 5px;
            left: 46%;
            transform: translateX(-50%);
            width: 9px;
            height: 7px;
            background-color: #fff;
            clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
        }
    }
}

/* Cookie bar adjustments */
.cpx2_cookie-balk.cpx2_cookie-balk--v3 .cpx2_cookie-balk__wrapper {
    background-color: #fff !important;
    backdrop-filter: none !important;
}

.cpx2_cookie-balk.cpx2_cookie-balk--v3 .cpx2_cookie-balk__acties button.cpx2_cookie-balk__v3__alles-afwijzen, .cpx2_cookie-balk.cpx2_cookie-balk--v3 .cpx2_cookie-balk__acties button.cpx2_cookie-balk__v3__selectie-toestaan {
    border-radius: 0px !important;
    background-color: #eeeeee !important;
}

.cpx2_cookie-balk.cpx2_cookie-balk--v3 .cpx2_cookie-balk__acties button.cpx2_cookie-balk__v3__alles-toestaan {
    border-radius: 0px !important;
    color: #0e1215 !important;
}

/* Make the header sticky */
#page {
    position: relative;
}

header#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

/* Add margin for admin bar */
body.admin-bar header#site-header {
    top: 32px;
}

/* Add padding to body to prevent content from hiding under fixed header */
body {
    padding-top: calc(120px + 14px);
}

@media screen and (max-width: 575.98px) {
    body {
        padding-top: calc(106px + 14px);
    }
}

/* Fix checkout select2 */
.woocommerce-checkout span.select2-container--open:not(.select2-container--below) span.select2-dropdown.select2-dropdown--above {
    top: -63px;
}