/*
WIMS Website Build 0019 — Approved Footer Professionalization
Owner-approved design implementation.

Scope:
- replace only the two legacy footer monkey areas;
- preserve every other monkey/logo/mascot image;
- replace the playful scalloped footer transition with a professional smooth curve;
- preserve the existing footer gradient, layout, logo, sun/rainbow artwork, links and content.
*/

footer,
.site-footer {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
}

/* Override the legacy scalloped/ruffled footer top with a smooth white curve. */
footer::before,
.site-footer::before {
    content: "" !important;
    position: absolute !important;
    left: -4% !important;
    top: -44px !important;
    width: 108% !important;
    height: 72px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 0 50% 50% / 0 0 100% 100% !important;
    box-shadow: none !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

footer > *,
.site-footer > * {
    position: relative;
    z-index: 2;
}

/* The legacy peek monkey is the only existing monkey asset hidden by Build 0019. */
footer img[src*="monkey-peek.svg"],
.site-footer img[src*="monkey-peek.svg"] {
    display: none !important;
}

/* Owner-approved replacement for the large legacy footer monkey. */
.build0019-footer-monkey-main {
    position: absolute !important;
    left: 28px !important;
    top: 78px !important;
    width: clamp(132px, 12vw, 190px) !important;
    max-width: 190px !important;
    height: auto !important;
    object-fit: contain !important;
    z-index: 3 !important;
    pointer-events: none !important;
    user-select: none !important;
}

/* Owner-approved replacement for the lower copyright monkey. */
.build0019-footer-monkey-copyright {
    display: inline-block !important;
    width: 58px !important;
    max-width: 58px !important;
    height: auto !important;
    vertical-align: middle !important;
    margin: 0 10px 0 0 !important;
    object-fit: contain !important;
    pointer-events: none !important;
    user-select: none !important;
}

/* Do not create a border around the copyright/owner lockup. */
.build0019-copyright-lockup {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    footer::before,
    .site-footer::before {
        top: -34px !important;
        height: 58px !important;
    }

    .build0019-footer-monkey-main {
        left: 18px !important;
        top: 64px !important;
        width: 142px !important;
    }
}

@media (max-width: 680px) {
    footer::before,
    .site-footer::before {
        top: -28px !important;
        height: 48px !important;
        left: -8% !important;
        width: 116% !important;
    }

    .build0019-footer-monkey-main {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        display: block !important;
        width: 138px !important;
        margin: 30px auto 12px !important;
    }

    .build0019-footer-monkey-copyright {
        width: 48px !important;
        max-width: 48px !important;
    }
}