.pk-footer{
    position: relative;
}
.pk-footer::after{
    content: '';
    position: absolute; inset: 0; right: unset;
    display: inline-block; height: auto; width: 50vw;
    mask: url('/wp-content/uploads/2026/05/p-oranje.svg') no-repeat left center/contain;
    -webkit-mask: url('/wp-content/uploads/2026/05/p-oranje.svg') no-repeat left center/contain;
    background-color: #FFF; opacity: .03;
    z-index: 0;
}
.pk-footer::before{
    content: '';
    position: absolute; inset: 0; top: unset;
    display: inline-block; height: 50%; width: auto;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.pk-footer .pk-row{
    z-index: 2; position: relative;
}



.top-button{
    position: fixed; bottom: 30px; right: 30px;
    width: 50px; height: 50px;
    aspect-ratio: 1/1;
    border-radius: 5.4px; border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: #000;
    z-index: 9000; cursor: pointer;
    display: grid; place-items: center; 
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.40);
    transition: all .7s cubic-bezier(.2,1,.22,1);
}

.top-button svg{
    width: 22px; height: 13px;
    fill: var(--pk-text-color);
}

.footer-logo{
    width: max(5.5rem, calc(5.5 * var(--su))); height: auto;
    margin-bottom: max(3rem, calc(3 * var(--su)));; 
}

.footer-contact{
    display: flex; flex-direction: column;  gap: max(1rem, calc(1 * var(--su)));
}
.footer-contact a{
    text-decoration: none; color: #FFF;
    display: flex;  gap: max(.5rem, calc(.5 * var(--su)));
    transition: all .7s cubic-bezier(.2,1,.22,1);
}

.footer-contact a img{
    aspect-ratio: 1/1; flex-shrink: 0;
    width: max(1rem, calc(1 * var(--su)));
}
.menu-cta hr,
footer hr{
    max-width: 40%; margin-left: 0;
    border-color: rgba(255, 255, 255, .6);
    margin-block: max(2.5rem, calc(2.5 * var(--su)));
}


.footer-menu{
    display: flex; flex-direction: column; gap: max(1rem, calc(1 * var(--su)));
}
.footer-bottom .onder-footer-menu li,
.footer-menu li{
    list-style: none;
    margin: 0;
}

.footer-menu li a{
    text-decoration: none; color: #FFF;
    font-size: max(1.125rem, calc(1.125 * var(--su)));
    font-weight: 400; display: block; text-transform: uppercase;
    font-size: max(3rem, calc(3 * var(--su)));

    transition: all .7s cubic-bezier(.2,1,.22,1);
}

.footer-contact a:hover,
.footer-menu li a:hover{
    transform: translateX(20px);
}
.footer-contact:has( a:hover ) a:not(:hover),
.footer-menu:hover:has(a:hover) a:not(:hover){
    opacity: .2;
}

.footer-menu li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-menu .mitypes-menu_cta{
    display: none;
}

.footer-bottom{
    display: flex; flex-direction: row; justify-content: space-between; align-items: center;
    padding-inline: max(2rem, calc(2 * var(--su))); padding-block: max(1rem, calc(1 * var(--su)));
    border-radius: 5px; background-color: #1b1b1b;
    margin-top: max(3rem, calc(3 * var(--su)));
}

/* Onder footer menu */
.footer-bottom .onder-footer-menu{
    display: flex; flex-direction: row; align-items: center;
    gap: max(1rem, calc(1 * var(--su))); 
}
.footer-bottom p,
.footer-bottom .onder-footer-menu li a{
    text-decoration: none; color: rgba(255, 255, 255, .5);
    font-size: max(.8rem, calc(.8 * var(--su)));
    transition: all .5s cubic-bezier(.2,1,.22,1);
}
.footer-bottom .onder-footer-menu li a:hover{
    color: rgba(255, 255, 255, .8);
}

.footer-bottom .footer-partner{
    display: flex; flex-direction: row; align-items: center;
    gap: max(.3rem, calc(.3 * var(--su)));
}

.footer-bottom .footer-partner img{
    height: 100%; width: auto;
    flex-shrink: 0;
}

.pk-footer .pk-row{
    padding-bottom: max(3.5rem, calc(3.5 * var(--su)));
}

@media screen and (max-width: 767px) {
    .pk-footer {
        overflow: hidden;
        padding-inline: 0;
    }

    .top-button {
        right: 18px;
        bottom: 18px;
        width: 46px;
        height: 46px;
    }

    .pk-footer .pk-row {
        width: 100%;
        max-width: none;
        padding: 64px var(--pk-site-gutter, 16px) 28px;
    }

    .pk-footer .pk-row-content {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 28px;
        row-gap: 28px;
    }

    .pk-footer .pk-row-content > *,
    .pk-footer nav,
    .pk-footer .footer-bottom {
        grid-column: 1 / -1 !important;
        width: 100%;
        max-width: 100%;
    }

    .footer-logo {
        width: 78px;
        margin-bottom: 8px;
    }

    .pk-footer h2 {
        max-width: 320px;
        font-size: clamp(32px, 8vw, 58px);
        line-height: .92;
    }

    footer hr {
        max-width: 150px;
        margin-block: 28px;
    }

    .footer-contact a {
        align-items: flex-start;
        font-size: 15px;
        line-height: 1.35;
    }

    .pk-footer .footer-menu {
        gap: 0;
    }

    .pk-footer .footer-menu li a {
        padding: 12px 0;
        font-size: clamp(25px, 7vw, 46px);
        line-height: 1;
        white-space: normal;
        overflow-wrap: normal;
    }

    .footer-bottom {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        height: auto;
        margin-top: 28px;
        padding: 18px;
        align-items: start;
    }

    .footer-bottom > .bob-logo.footer-partner {
        order: 1;
    }

    .footer-bottom > .pageking-logo.footer-partner {
        order: 2;
    }

    .footer-bottom > .onder-footer-menu {
        order: 3;
        margin-top: 4px;
    }

    .footer-bottom > .footer-partner {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 6px 12px;
        min-width: 0;
    }

    .footer-bottom .footer-partner p {
        margin: 0;
        line-height: 1.25;
    }

    .footer-bottom > .footer-partner img {
        max-width: min(170px, 100%);
        max-height: 34px;
        object-fit: contain;
    }

    .footer-bottom .onder-footer-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 16px;
    }

    .footer-bottom .onder-footer-menu li a {
        line-height: 1.25;
    }
}