#footer-legal-menu {
    display: flex;
    flex-direction: row;
    gap: 15px;

    li {
        margin: 0;

        a,
        p.js-obf-link {
            font-size: 14px;
            font-weight: 400;
        }

        &:not(:first-child) {
            display: flex;
            align-items: center;
            gap: 15px;

            &::before {
                content: '';
                width: 4px;
                height: 4px;
                flex-shrink: 0;
                border-radius: 50%;
                background-color: #F7F5EB;
            }
        }
    }
}

.footer-legal-row {
    align-items: center;

    p::before {
        content: '';
        display: inline-block;
        width: 4px;
        height: 4px;
        flex-shrink: 0;
        margin-right: 8px;
        border-radius: 50%;
        background-color: #F7F5EB;
    }
}

.menu-item-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.menu-item-desc {
    font-size: 14px;
    font-weight: 400;
}

#footer-1-menu,
#footer-2-menu {
    list-style: none;
    margin: 0;
    padding: 0;

    li {
        margin: 0;

        a,
        p.js-obf-link {
            display: flex;
            justify-content: space-between;
            width: 100%;
            font-size: 32px;
            font-weight: 600;
            text-decoration: none;
            border-bottom: 1px solid #F7F5EB;
            
            &:after {
                content: '';
                display: inline-block;
                width: 24px;
                height: 24px;
                flex-shrink: 0;
                margin-left: 16px;
                margin-top: 10px;
                background-repeat: no-repeat;
                background-size: contain;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 17C18 17.5523 17.5523 18 17 18C16.4477 18 16 17.5523 16 17V9.41406L7.70703 17.707C7.31651 18.0976 6.68349 18.0976 6.29297 17.707C5.90244 17.3165 5.90244 16.6835 6.29297 16.293L14.5859 8H7C6.44772 8 6 7.55228 6 7C6 6.44772 6.44772 6 7 6H17C17.5523 6 18 6.44772 18 7V17Z' fill='%23F7F5EB'/%3E%3C/svg%3E");
            }
            
            .menu-item-text {
                line-height: 40px;
            }
        }
    }
}

.wp-block-column:has(>.menu-footer-1-container) {
    display: flex;
}

.menu-footer-1-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    position: relative;

    .menu__list {
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: space-between;

        >.menu-item {
            flex-grow: 0;
            flex-basis: auto;
        }
    }

    &::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 1px;
        background-color: rgb(247, 245, 235);
        transform: translateY(-50%);
        pointer-events: none;
    }
}

#footer-1-menu>li:first-child,
#footer-1-menu>li:last-child {

    a,
    p.js-obf-link {
        border-bottom: none;
    }
}

#footer-2-menu {
    li {

        a,
        p.js-obf-link {
            padding-bottom: 32px;
            margin-bottom: 32px;
        }
    }
}

@media (width <=1200px) {
    .wp-block-column:has(>.menu-footer-1-container) {
        display: block;
    }

    .menu-footer-1-container {
        display: block;
        flex: none;

        &::after {
            display: none;
        }
    }

    #footer-1-menu {
        display: block;
        flex: none;
    }

    #footer-1-menu,
    #footer-2-menu {
        li {
            display: block;
            flex: none;
            padding: 20px 0;
            border-bottom: 1px solid #F7F5EB;

            a,
            p.js-obf-link {
                height: auto;
                padding-bottom: 0;
                margin-bottom: 0;
                border-bottom: none;
            }
        }
    }
}