/* Footer of the Giới thiệu and Liên hệ pages — Figma "Rectangle 9" + "Frame 25"
   on MacBook Pro 14" - 9: a 960px bar fixed to the bottom-left, its links
   spread across 912px. Its height fits the links: 12px above and below
   (34px from the top of a title to the end of its underline). Slides away
   with the navbar (scripts/bars.js). */

.site_footer {
    zoom: var(--ui-scale);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 960px;
    height: 58px;
    padding: 12px 24px 0 20px;
    background: #000;
    transition: transform 0.3s ease;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.site_footer.curled {
    transform: translateY(100%);
}

.site_footer a {
    color: inherit;
    text-decoration: none;
}

.site_footer a[aria-disabled="true"] {
    cursor: default;
}

.site_footer .link_title_navbar,
.site_footer .link_underline_navbar {
    display: block;
}

.site_footer .link_underline_navbar {
    opacity: 0.85;
    transition: opacity 160ms;
}

.site_footer a:hover .link_underline_navbar {
    opacity: 1;
}

@media (max-width: 900px) {
    .site_footer {
        right: 0;
        flex-wrap: wrap;
        gap: 4px 24px;
        width: auto;
        height: auto;
        padding: 18px 20px 14px;
    }
}