/* SHUPPZHSD-B18UX2-GLOBAL-FOOTER-CONVERGENCE-R1R3
   Canonical application-shell footer.
   Additive presentation only; global app.css/app.js remain immutable. */

body[data-shuppz-global-footer-page="true"] {
    min-height: 100dvh;
}

/*
 * Global application footer:
 * - belongs to the application main/content column, not an individual page card
 * - spans the available shell content width instead of using a 1480px cap
 * - remains in normal flow; JavaScript only adds vertical margin on short pages
 * - never fixed/sticky and never overlays workspace content
 */
footer.shuppz-global-footer {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 58px !important;
    margin: 28px 0 0 !important;
    padding: 16px clamp(22px, 2.1vw, 44px) max(16px, env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid var(--line, #e2e8f0) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    color: #94a3b8 !important;
    font-size: var(--type-meta, 13px) !important;
    line-height: 1.45 !important;
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
}

footer.shuppz-global-footer strong {
    color: #64748b !important;
    font-weight: 650 !important;
}

footer.shuppz-global-footer .app-footer__right {
    text-align: right !important;
}

@media (max-width: 820px) {
    footer.shuppz-global-footer {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

@media (max-width: 560px) {
    footer.shuppz-global-footer {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 4px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
    }

    footer.shuppz-global-footer .app-footer__right {
        text-align: left !important;
    }
}