.footer { color: #4A4A4A; background-image: url("/images/footer.png"); background-size: cover; background-position: center top; background-repeat: no-repeat; padding-top: 60px;}
    .footer p {margin-bottom: 0;}

.footer-row { display: flex; flex-wrap: wrap; gap: 40px; padding-top: 40px; padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px solid #fff; justify-content: center; width: 100%;}
    .footer-row .info-block, .footer-row .footer-detail { flex-basis: calc((100% - 120px)/4); }
    
    .footer-row .info-block { display: grid; gap: 12px;}
    
    .footer-logo { display: flex; gap: 8px; align-items: center;}
    
    
    .footer-logo > img { height: 52px; aspect-ratio: 1; }
    
    .footer-title { font-weight: 600; font-size: 18px; margin: 0 !important;}
    .footer-subtext { font-size: 14px; margin-top: 4px; margin-bottom: 0;}
    
    .description-section { display: grid; gap: 4px; font-size: 14px; line-height: 22px; }
    
    .description-section .description { color: #000;  }
.footer-detail.visitor-counter-simple { display: inline-flex; align-items: center; }

/* Bộ đếm lượt truy cập ở thanh bản quyền: một viên thuốc trắng mờ, chia 2 ô (Hôm nay | Tổng), cao bằng nút đăng nhập bên phải */
.footer-visits { display: inline-flex; align-items: center; list-style: none; margin: 0; backdrop-filter: blur(6px); white-space: nowrap; }
    .footer-visits__item { display: inline-flex; align-items: center; gap: 7px; padding: 4px 14px; border-radius: 100px; font-size: 13px; line-height: 20px; }
        .footer-visits__item + .footer-visits__item { margin-left: 3px; }
    .footer-visits__label { }
    .footer-visits__value { font-size: 14px; font-weight: 700; color: var(--dark-blue, #1A2E51); font-variant-numeric: tabular-nums; }
    .footer-visits__icon { font-size: 12px; }
    /* Ô tổng nổi bật bằng màu chủ đạo để mắt bắt vào con số lớn nhất */
    .footer-visits__item--total { }
        .footer-visits__item--total .footer-visits__icon { }
        .footer-visits__item--total .footer-visits__label { }
        .footer-visits__item--total .footer-visits__value { }
    /* Chấm xanh nhấp nháy: gợi ý số liệu "hôm nay" đang cập nhật; tắt hiệu ứng khi người dùng chọn giảm chuyển động */
    .footer-visits__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background-color: #16A34A; flex-shrink: 0; }
        .footer-visits__dot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background-color: #16A34A; animation: footer-visits-pulse 1.8s ease-out infinite; }

@keyframes footer-visits-pulse {
    0% { transform: scale(1); opacity: .6; }
    100% { transform: scale(2.6); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .footer-visits__dot::after { animation: none; }
}
.footer-detail { display: flex; flex-direction: column; width: 100%; gap: 12px; }
    .footer-detail.categories { align-items: center; }

    .footer-detail .cate-list > li + li { margin-top: 2px ; }
    .footer-detail .text-main { font-size: 18px; font-weight: 700; color: #000;}

    .footer-detail .contact-footer-info { font-size: 14px; line-height: 28px; }

    .footer-detail .contact-footer-info > i { width: 20px; text-align: center; font-size: 20px; }

    .footer-detail .text-sub{ font-size: 14px; font-weight: 400; line-height: 28px; text-align: center; }

.social .text-main { font-size: 16px; }

.social-container { display: flex; width: 100%; align-items: center; gap: 12px;   margin-top: 12px;}
.social-container > a { padding: 0 !important; }
.social-container img {  height: 32px; aspect-ratio: 1; }

.copyright { padding: 8px 0; }

.copyright .text-sub { line-height: 20px;}

/* Thanh cuối chân trang: bản quyền bên trái, nút đăng nhập quản trị bên phải (pill lấy từ #login-system ở style_cualo.css) */
.footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding: 10px 0; }
    .footer-bottom #login-system { padding: 6px 14px; font-size: 13px; }
        .footer-bottom #login-system a { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-decoration: none; }
        .footer-bottom #login-system a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 100px; }


@media (max-width: 1200px) {
    .footer-row .footer-detail { flex-basis: calc((100% - 80px)/3); }

    .footer-row .info-block { flex-basis: 100%; }
    .footer-detail.categories { align-items: start; }
    .footer-row { justify-content: unset ;} 
}


@media (max-width: 991px) {
    .footer {
        background-position: left bottom;
    }

    .footer-row .footer-detail { flex-basis: calc((100% - 40px)/2); }



}

@media (max-width: 568px) {

    .footer-row .footer-detail { flex-basis: 100%; align-items: center; text-align: center; }
    .footer-row .footer-detail .social-container { justify-content: center; }


    .info-block > div {justify-content: center; text-align: center;}
    .info-block .text-sub { text-align: center;}
    .info-block .description-section .description {text-align: center;}

    .footer-bottom { flex-direction: column-reverse; justify-content: center; text-align: center; }
    .footer-visits__item { padding: 4px 10px; }
}

/* Màn rất hẹp: 2 ô xếp dọc thành thẻ bo góc để nhãn không bị cắt */
@media (max-width: 380px) {
    .footer-visits { flex-direction: column; border-radius: 16px; }
        .footer-visits__item { justify-content: center; }
        .footer-visits__item + .footer-visits__item { margin-left: 0; margin-top: 3px; }
}