footer {
    z-index: 10;
    position: relative;
}

.footerLeft {
    width: 380px;
    max-width: calc(33% - (40px / 3));
}

.footerSiteLogoCont {
    width: 100%;
    justify-content: space-between;
}

.footerNavCol {
    margin-left: auto !important;
}

.footerNavCol .wp-block-navigation-item__label {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
}

.footerNavCol .wp-block-navigation-item__label::before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid var(--wp--preset--color--accent-3);
}

.footerLogoRow {
    position: relative;
}

.footerLogoRow::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    padding: 1px;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    box-sizing: border-box;
    background-color: color-mix(in srgb, var(--wp--preset--color--base-5) 40%, transparent 60%);
    background-image: linear-gradient(0deg, color-mix(in srgb, var(--wp--preset--color--base) 20%, transparent 80%) 0%, transparent 100%);
    border-radius: 20px;
}

.footerIcoLink svg path,
.footerIcoLink p,
.footerIcoLink a {
    transition: 300ms ease-in-out;
}

.footerIcoLink:has(a:hover) svg path {
    fill: var(--wp--preset--color--base-5) !important;
}

.footerIcoLink:has(a:hover) p,
.footerIcoLink a:hover {
    color: var(--wp--preset--color--base-5) !important;
}

.footerLogoLinkText {
    clip: unset !important;
    clip-path: unset !important;
    margin: 0 !important;
}

.footerLogoLinkText a  {
    pointer-events: all;
}

@media (max-width: 1199.98px) {
    .footerMain {
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 40px;
    }

    .footerNavCol {
        margin-left: unset !important;
    }

    .footerNavCol,
    .footerLeft {
        max-width: calc(50% - 20px);
    }

    .footerLogoCol {
        width: 100%;
        justify-content: center !important;
        align-items: center !important;
    }
}

@media (max-width: 699.98px) {
    .footerSiteLogoCont {
        flex-direction: column;
        align-items: flex-start !important;
    }
}

@media (max-width: 575.98px) {
    .footerMain {
        flex-direction: column;
        align-items: stretch;
    }

    .footerLeft,
    .footerNavCol,
    .footerNavCol nav {
        max-width: 100%;
        width: 100%;
        align-items: center !important;
    }

    .footerSiteLogoCont,
    .footerLeft .wp-block-group {
        align-items: center !important;
    }

    .footerNavCol p {
        text-align: center;
    }

    .footerLogoRow {
        flex-wrap: wrap;
        justify-content: center;
    }
}