.commscope-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: top;
    font-family: "Roboto", sans-serif;
    background-color: #0071bb;
    background-image: -webkit-linear-gradient(left, #0071bb 0%, #272ba7 100%);
    background-image: linear-gradient(90deg, #0071bb 0%, #272ba7 100%);
    margin: 45px auto 0 auto;
}
    .commscope-footer a {
        color: #fff;
        text-decoration: none;
    }

    .commscope-footer ul {
        margin: 0;
        padding: 0;
    }

    .commscope-footer li {
        list-style: none;
    }

    /* Logo */
    .commscope-footer .footer-logo {
        display: inline-block;
    }

        .commscope-footer .footer-logo img {
            width: auto;
            max-height: 40px;
        }

/* ------------------ footer bottom wrapper ------------------ */
.footer-bottom {
    display: flex;
    flex-direction: column;
    width: 91%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
    color: #fff;
    font-size: .85rem;
}

/* ------------------ TOP ROW ------------------ */
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.5rem .75rem;
}

.footer-brand {
    display: flex;
    align-items: center;
    gap: 16px;
    line-height: 1.7;
}

.footer-social {
    display: flex;
    align-items: center;
    margin-top: -55px;
}

    .footer-social img {
        margin-left: 16px;
        height: 25px;
    }

/* ------------------ BOTTOM ROW (links) ------------------ */
.footer-links {
    width: 97%;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    padding: .9rem .75rem 1.2rem;
}

/* Equal-width link distribution */
.other-links {
    display: flex;
    width: 100%;
}

    .other-links li {
        flex: 1;
        text-align: center;
        position: relative;
        padding: 0 15px;
    }

        /* Subtle separators */
        .other-links li:not(:first-child)::before {
            content: "";
            position: absolute;
            left: 0;
            top: 20%;
            height: 70%;
            width: 1px;
            background: rgba(255, 255, 255, 0.25);
        }

        /* Link styling + animated underline */
        .other-links li a {
            position: relative;
            display: inline-block;
            width: 100%;
            padding: 4px 0;
            white-space: nowrap;
            font-size: .85rem;
        }

            /* underline animation */
            .other-links li a::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: 0;
                width: 0;
                height: 1px;
                background-color: #fff;
                transition: width 0.25s ease, left 0.25s ease;
            }

            .other-links li a:hover::after {
                width: 70%;
                left: 15%;
            }

/* ------------------ Responsive ------------------ */
@media all and (max-width: 760px) {

    .footer-top {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .footer-brand {
        flex-direction: column;
        gap: 10px;
    }

    .footer-social img {
        margin-left: 0;
    }

    /* Mobile link layout */
    .other-links {
        flex-wrap: wrap;
    }

        .other-links li {
            flex: 1 1 50%;
            margin-bottom: 8px;
        }

            /* Remove vertical separators on mobile */
            .other-links li::before {
                display: none;
            }
}

/* Utility */
.t-right {
    text-align: right;
}

.footer-bottom .copyright {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 14px;
    font-size: 11px;
    margin-top: -45px;
}