/* Layout: app/Views/shared/footer.php; shared design tokens: ../app.css */
#building-site-footer {
        box-sizing: border-box;
        clear: both;
        position: static;
        width: 100%;
        margin: 36px 0 0;
        padding: 28px 24px;
        background: #fff;
        color: var(--ui-muted);
        border-top: 1px solid var(--ui-primary-soft);
        text-align: left;
        font: 14px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
        letter-spacing: normal
    }

    #building-site-footer * {
        box-sizing: border-box
    }

    #building-site-footer .bsf-inner {
        max-width: 1180px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        gap: 24px;
        flex-wrap: wrap
    }

    #building-site-footer .bsf-brand {
        display: flex;
        align-items: baseline;
        gap: 10px;
        flex-wrap: wrap
    }

    #building-site-footer strong {
        font-size: 20px;
        color: var(--ui-ink);
        font-weight: 800
    }

    #building-site-footer p {
        margin: 5px 0;
        padding: 0;
        font: inherit;
        color: inherit
    }

    #building-site-footer address {
        font: inherit;
        color: inherit;
        font-style: normal;
        margin: 8px 0 0;
        padding: 0
    }

    #building-site-footer a {
        display: inline;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
        color: var(--ui-muted);
        font: inherit;
        text-decoration: none;
        box-shadow: none
    }

    #building-site-footer a:hover {
        text-decoration: underline
    }

    #building-site-footer .bsf-contact {
        display: flex;
        gap: 6px 18px;
        flex-wrap: wrap;
        margin-top: 5px
    }

    #building-site-footer .bsf-right {
        text-align: right;
        align-self: flex-end;
        max-width: 430px
    }

    #building-site-footer .bsf-links {
        display: flex;
        justify-content: flex-end;
        align-items: baseline;
        gap: 10px;
        flex-wrap: wrap
    }

    #building-site-footer details {
        border: 0;
        margin: 0;
        padding: 0;
        font: inherit;
        max-width: 100%
    }

    #building-site-footer summary {
        display: list-item;
        list-style: none;
        cursor: pointer;
        padding: 0;
        margin: 0;
        color: var(--ui-muted);
        font: inherit
    }

    #building-site-footer summary::-webkit-details-marker {
        display: none
    }

    #building-site-footer summary:hover {
        text-decoration: underline
    }

    #building-site-footer details[open] {
        flex-basis: 100%
    }

    #building-site-footer .bsf-pending {
        background: var(--ui-primary-soft);
        border-radius: 8px;
        padding: 10px 12px;
        margin-top: 8px;
        text-align: left;
        font-size: 13px
    }

    #building-site-footer .bsf-copyright {
        font-size: 12px;
        margin-top: 10px
    }

    #building-site-footer a:focus-visible,
    #building-site-footer summary:focus-visible {
        outline: 2px solid #35756b;
        outline-offset: 4px
    }

    @media(max-width:650px) {
        #building-site-footer {
            padding: 24px 18px;
            font-size: 13px
        }

        #building-site-footer .bsf-inner {
            gap: 18px;
            display: block
        }

        #building-site-footer .bsf-right {
            margin-top: 18px;
            text-align: left
        }

        #building-site-footer .bsf-links {
            justify-content: flex-start
        }

        #building-site-footer .bsf-contact {
            flex-direction: column;
            gap: 0
        }
    }

    @media print {
        #building-site-footer {
            display: none !important
        }
    }