/**
 * Footer Styles
 * * Applies responsive layout adjustments to the global site footer.
 * Specifically handles the mobile alignment of the brand/social column
 * and the vertical stacking of the bottom legal navigation menu.
 */

footer a:not(.wp-block-button__link) {
    text-decoration: none;
}

footer a:not(.wp-block-button__link):hover {
    text-decoration: underline;
}

@media (max-width: 781px) {
    /* Force the brand/socials column to align left on mobile instead of right */
    .oomi-footer-brand.is-content-justification-right {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    /* Stack the bottom legal menu vertically with a 20px gap */
    .oomi-footer-legal-menu .wp-block-navigation__container {
        display: flex;
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
    }
}