/* Shared mobile footer; desktop keeps the existing four-column navigation. */
#site-footer .onek-footer__directions-toggle {
    display: none;
}

@media (max-width: 1280px) {
    html body.onek-body #site-footer {
        position: relative;
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 40px 24px 100px;
        box-sizing: border-box;
        overflow: visible;
        background: #151716;
    }

    #site-footer.onek-footer > .onek-container {
        position: static;
        inset: auto;
        width: 100%;
        min-width: 0;
        max-width: 640px;
        height: auto;
        min-height: 0;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        transform: none;
    }

    #site-footer .onek-footer__top {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        border: 0;
    }

    #site-footer .onek-footer__logo-slot {
        display: flex;
        justify-content: center;
        width: 100%;
        order: 0;
        margin: 0 0 26px;
    }

    #site-footer .onek-logo.onek-logo--footer.onek-logo--mini-mobile {
        position: static;
        inset: auto;
        margin: 0;
    }

    #site-footer .onek-logo__mini {
        gap: 9px;
    }

    #site-footer .onek-logo__mini-block {
        padding: 2px 8px 2px 4px;
        font-size: 42px;
        line-height: 44px;
        letter-spacing: -4px;
    }

    #site-footer .onek-logo__mini-word {
        font-size: 24px;
        letter-spacing: -1px;
    }

    #site-footer .onek-footer__socials {
        position: static;
        inset: auto;
        display: flex;
        order: 1;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        gap: 24px;
        transform: none;
    }

    #site-footer .onek-footer__socials a.onek-footer-icon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        margin: 0;
        border-radius: 50%;
        background-color: #5d87b9;
    }

    #site-footer .onek-footer__topnav {
        position: static;
        inset: auto;
        display: flex;
        order: 2;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 28px 0 32px;
        padding: 0;
        gap: 8px;
        transform: none;
    }

    #site-footer .onek-footer__topnav a,
    #site-footer .onek-footer__topnav a:hover,
    #site-footer .onek-footer__topnav a:focus-visible {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        width: auto;
        height: auto;
        margin: 0;
        padding: 8px 0;
        font-size: 16px;
        line-height: 22px;
        white-space: normal;
        text-align: center;
    }

    #site-footer[data-footer-collapse] .onek-footer__directions-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 76px;
        padding: 22px 4px;
        border: solid #454b50;
        border-width: 1px 0;
        border-radius: 0;
        background: transparent;
        color: #fff;
        font: inherit;
        font-size: 17px;
        line-height: 24px;
        text-align: left;
        cursor: pointer;
    }

    #site-footer .onek-footer__directions-toggle:focus-visible {
        outline: 2px solid #5d9ee6;
        outline-offset: 4px;
    }

    #site-footer .onek-footer__chevron {
        width: 12px;
        height: 12px;
        flex: 0 0 12px;
        margin: -5px 8px 0 0;
        border: solid currentColor;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    #site-footer [aria-expanded="true"] .onek-footer__chevron {
        margin-top: 6px;
        transform: rotate(225deg);
    }

    #site-footer[data-footer-collapse] [aria-expanded="false"] + .onek-footer__directions {
        display: none;
    }

    #site-footer.onek-footer .onek-footer__directions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 28px 4px;
        border: 0;
        overflow: visible;
    }

    #site-footer .onek-footer__directions .onek-footer__direction-col {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }

    #site-footer .onek-footer__directions .onek-footer__direction-col h3,
    #site-footer .onek-footer__directions .onek-footer__direction-col a {
        display: block;
        width: 100%;
        height: auto;
        min-height: 40px;
        margin: 0;
        padding: 9px 0;
        font-size: 15px;
        line-height: 22px;
        white-space: normal;
        overflow-wrap: anywhere;
        overflow: visible;
    }

    #site-footer.onek-footer > .onek-footer__bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 22px;
        padding-top: 42px;
        border: 0;
        color: #aeb6c2;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        white-space: normal;
    }

    #site-footer.onek-footer > .onek-footer__bottom > span {
        margin: 0;
        color: inherit;
    }

    #site-footer.onek-footer > .onek-footer__bottom > .onek-footer__separator {
        display: none;
    }
}