/* ==========================================================================
   OriginRealm — Site footer on phones
   The four link columns were stacked one under another (footer ~1,700px tall)
   and each link was only 23px high. Two columns, and links tall enough to tap.
   `.site-footer` in front outranks the frozen bundle's !important phone rule.
   Layout only (no colours), so no light-theme override is needed.
   ========================================================================== */

@media (max-width: 768px) {
    .site-footer .site-footer-inner {
        grid-template-columns: 1fr 1fr !important;
        gap: 1.5rem 1rem !important;
    }

    .site-footer .site-footer-brand {
        grid-column: 1 / -1 !important;
    }

    .site-footer .site-footer-col ul {
        gap: 0;
    }

    .site-footer .site-footer-col a {
        min-height: 36px;
    }
}