/* Nút nổi trái tim + số căn yêu thích — thay nút phong bì (libs/fav-button.php) */

/* Ẩn nút phong bì nổi của theme trên toàn site */
a.contact-box {
    display: none !important;
}

/* Cùng kiểu dáng / vị trí với .contact-box của theme (main.css) */
.huong-fav-box {
    position: fixed;
    right: 15px;        /* thẳng hàng với nút lên đầu trang (.backtop.islive: right 15px) */
    bottom: 130px;      /* ngay trên .backtop (bottom 70px + cao 50px + cách 10px) */
    z-index: 100;
    width: 50px;
    height: 50px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: var(--wp-estate-border-radius-corner-option, var(--wp_estate_border_radius_corner, 10px));
    background-color: #fff;
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, .045);
    color: #222;
    font-size: 15px;
    text-decoration: none;
    opacity: .9;
    transition: opacity .3s ease, transform .3s ease;
}
.huong-fav-box.is-visible {
    display: flex;
}
.huong-fav-box:hover,
.huong-fav-box:focus {
    opacity: 1;
    color: #222;
    text-decoration: none;
}
.huong-fav-box .fa-heart {
    color: #fe0000;
    font-size: 17px;
}
.huong-fav-box .huong-fav-count {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    background-color: #fe0000;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
}
.huong-fav-box .huong-fav-count:empty {
    display: none;
}