/** Legacy Footer visual language backed by Context settings and OJS menus. */

.pkp_structure_footer_wrapper {
    margin-block-start: 4rem;
    color: #bdc3c7;
    background: var(--sukan-color-brand-surface);
}

.pkp_structure_footer.sukan_footer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding-block: 1.5rem;
    text-align: center;
}

.sukan_footer__identity p {
    margin: 0.125rem 0;
    color: #bdc3c7;
    font-size: 0.9rem;
}

.sukan_footer__detail {
    margin-inline-start: 0.75rem;
}

.sukan_footer a {
    color: #dbe3ea;
}

.sukan_footer__navigation {
    inline-size: 100%;
}

.sukan_footer_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sukan_footer_menu a {
    display: inline-flex;
    align-items: center;
    min-block-size: 2rem;
    text-decoration: none;
}

.sukan_footer_menu a:hover,
.sukan_footer_menu a:focus {
    color: #fff;
    text-decoration: underline;
}

.sukan_footer .pkp_footer_content {
    padding: 0;
    color: #bdc3c7;
    text-align: center;
}

.pkp_footer_content p {
    margin: 0.125rem 0;
    color: inherit;
    font-size: 0.9rem;
}

.pkp_footer_content > :first-child,
.pkp_footer_content > :last-child {
    margin-block: 0;
}

@media (max-width: 48rem) {
    .pkp_structure_footer.sukan_footer {
        padding-block: 1.25rem;
    }

    .sukan_footer__detail {
        display: block;
        margin-block-start: 0.25rem;
        margin-inline-start: 0;
    }
}