/* =========================================================
   China TA · shared minimal footer
========================================================= */

.site-footer.site-footer-minimal-wrap {
    min-height: 0 !important;
    padding: 0 !important;

    background:
        rgba(3, 3, 3, .88) !important;

    border-top:
        1px solid
        rgba(255, 255, 255, .08) !important;
}

.site-footer-minimal {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap:
        8px
        clamp(14px, 2vw, 28px);

    padding:
        15px
        clamp(18px, 3vw, 42px);

    color:
        rgba(255, 255, 255, .38);

    font-size: 9px;
    line-height: 1.5;
    letter-spacing: .06em;
}

.site-footer-minimal > span {
    white-space: nowrap;
}

.site-footer-china-logo {
    width: 68px;
    height: auto;

    display: block;

    opacity: .82;
}

.site-footer-about {
    position: relative;

    color:
        rgba(255, 255, 255, .48);

    white-space: nowrap;

    transition:
        color .2s ease;
}

.site-footer-about::after {
    content: "";

    position: absolute;
    right: 100%;
    bottom: -2px;
    left: 0;

    height: 1px;

    background:
        rgba(184, 155, 104, .72);

    transition:
        right .22s ease;
}

.site-footer-about:hover,
.site-footer-about[aria-current="page"] {
    color: #fff;
}

.site-footer-about:hover::after,
.site-footer-about[aria-current="page"]::after {
    right: 0;
}

.site-footer-avex {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color:
        rgba(255, 255, 255, .48);

    white-space: nowrap;

    transition:
        color .2s ease,
        opacity .2s ease;
}

.site-footer-avex img {
    width: 18px;
    height: 18px;

    object-fit: contain;

    filter:
        brightness(0)
        invert(1);

    opacity: .56;
}

.site-footer-avex:hover {
    color: #fff;
}

.site-footer-avex:hover img {
    opacity: .90;
}

@media (max-width: 780px) {
    .site-footer-minimal {
        justify-content: flex-start;

        gap:
            6px
            14px;

        padding:
            13px
            16px;

        font-size: 8px;
        line-height: 1.55;
    }

    .site-footer-minimal > span {
        white-space: normal;
    }

    .site-footer-china-logo {
        width: 60px;
    }

    .site-footer-avex img {
        width: 16px;
        height: 16px;
    }
}