﻿.footer-bottom {
    border-top: 1px solid var(--neutral-100, #E6E6E9);
    padding: 5px 0;
}

/* Header & body theo bố cục trang chủ */
.footer-header {
    align-items: center;
    margin-bottom: 8px;
    gap: 12px;
    flex-wrap: wrap;
}

.footer-body {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 2rem;
}

.left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.right {
    display: flex;
    flex-direction: column;
}

.right-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* Social icon trang chủ (kích thước lớn hơn login) */
.social-icon img {
    width: 28px;
    height: 28px;
}

/* Tablet */
@media (max-width: 992px) {
    .footer {
        padding-left: max(6%, 16px);
        padding-right: max(6%, 16px);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer-body {
        gap: 1.25rem;
        flex-wrap: wrap;
    }

    .left, .right {
        flex: 1 1 100%;
        min-width: 0;
        padding: 0px;
    }

    .right-inner {
        height: auto;
        gap: 8px;
    }

    .footer-header img {
        height: auto;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .body {
        padding: 5px;
    }

    .footer {
        text-align: center;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .footer-header {
        flex-direction: column;
        align-items: start;
        text-align: start;
        margin-bottom: 0px;
        width: 100%;
    }

    .footer-body {
        flex-direction: column;
        gap: 6px;
        align-items: stretch;
    }

    .left {
        order: 1;
    }

    .right {
        order: 2;
    }

    .right-inner {
        gap: 5px;
    }

    .social-icon {
        gap: 10px !important;
        margin-top: 2px !important;
    }

        .social-icon a {
            width: 25px;
            height: 25px;
        }

        .social-icon img {
            width: 15px !important;
            height: 15px !important;
        }
}
