/* css */
.floating-contacts{
    position: fixed;
    right: 18px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999;
    font-family: inherit;
}

/* giữ phần còn lại nguyên vẹn */
.fc-item{
    width:52px;
    height:52px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    box-shadow:0 6px 18px rgba(0,0,0,0.15);
    transition:transform .15s, box-shadow .15s, opacity .15s;
    opacity:0.98;
}
.fc-item:active,.fc-item:focus,.fc-item:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 22px rgba(0,0,0,0.18);
    outline:none;
}

/* Individual brand colors */
.fc-whatsapp{ background:#25D366; }
.fc-zalo{ background:#1166FF; font-weight:700; font-size:20px; }
.fc-messenger{ background:#0084FF; }
.fc-instagram{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.fc-book{ background:#FF7A18; }

/* icon sizes inside */
.fc-item svg{ width:24px; height:24px; display:block; fill:currentColor; }

/* optional small label shown on hover (desktop) */
.fc-item .fc-label{
    display:none;
    position:absolute;
    right:70px;
    background:rgba(0,0,0,0.75);
    color:#fff;
    padding:6px 10px;
    border-radius:6px;
    font-size:13px;
    white-space:nowrap;
}

@media (min-width:961px){
    .floating-contacts{
        /* explicitly ensure centered on large screens */
        top:50%;
        bottom:auto;
        transform:translateY(-50%);
    }
    .fc-item:hover .fc-label{ display:block; }
}

/* small responsive tweak: move to bottom on small screens to avoid overlap */
@media (max-width:560px){

    .floating-contacts{
        right:12px;

        /* ⭐ đẩy cao lên */
        top:auto;
        bottom:100px;   /* 👈 chỉnh 80–140px tùy ý */

        transform:none;

        gap:10px;
    }

    .fc-item{
        width:46px;
        height:46px;
    }

    .fc-item svg{
        width:20px;
        height:20px;
    }
}