/**
 * Nút liên hệ nổi (floating contact) — góc phải dưới mọi trang frontend
 * Thiết kế: vòng tròn màu + icon trắng ở giữa (giống bản cũ)
 */

.vimicro-float-contact {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    width: 45px;
    text-align: center;
}

.vimicro-float-contact__btn {
    display: block;
    width: 45px;
    height: 45px;
    margin: 14px 0;
    border-radius: 50%;
    background-color: #0084ff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
    transition: transform .2s ease, box-shadow .2s ease;
}

.vimicro-float-contact__btn:hover,
.vimicro-float-contact__btn:focus-visible {
    transform: scale(1.1);
    box-shadow: 0 5px 14px rgba(0, 0, 0, .38);
}

.vimicro-float-contact__btn:focus-visible {
    outline: 2px solid #0f592f;
    outline-offset: 3px;
}

/* Messenger — nền xanh */
.vimicro-float-contact__btn--fb {
    background-color: #0084ff;
    background-image: url(../images/floating/messenger_1.webp);
}

/* Điện thoại — nền đỏ */
.vimicro-float-contact__btn--phone {
    background-color: #e60f1e;
    background-image: url(../images/floating/call.webp);
}

/* Zalo — nền xanh */
.vimicro-float-contact__btn--zalo {
    background-color: #0084ff;
    background-image: url(../images/floating/zalo_1.webp);
}

@media (max-width: 768px) {
    .vimicro-float-contact {
        right: 12px;
        bottom: 12px;
        width: 40px;
    }
    .vimicro-float-contact__btn {
        width: 40px;
        height: 40px;
        margin: 10px 0;
    }
}