/**
 * Danh mục con trên trang chủ (khối bvtongquan) — khác danh mục cha (m6010 / bar.home.gif).
 */

.bvtongquan-wrapper .bvtq-subcat-row {
    margin: 10px 0 6px 0;
    clear: both;
}

.bvtongquan-wrapper .bvtq-subcat-head {
    /* Cho giống thanh xanh m6010 (bar.home.gif) ở trang chủ */
    display: block !important;
    width: 100% !important;
    /* PC: giữ giống thanh m6010 (theme) */
    height: 18px !important;
    line-height: 18px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10pt !important;
    font-weight: 700 !important;
    padding: 2px 0 0 10px !important;
    background-image: none !important; /* set bằng wp_add_inline_style() */
    background-repeat: no-repeat !important;
    background-size: 100% 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.bvtongquan-wrapper a.bvtq-subcat-link:link,
.bvtongquan-wrapper a.bvtq-subcat-link:visited {
    color: #fff !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 700 !important;
}

.bvtongquan-wrapper a.bvtq-subcat-link:hover {
    color: yellow !important;
    text-decoration: underline;
}

/* Mobile: theme cũ thường thiếu meta viewport => max-width không match trên điện thoại (layout width ~980px).
   Dùng điều kiện rộng hơn để chắc chắn áp dụng trên thiết bị chạm. */
@media (max-width: 1024px), (max-device-width: 768px), (pointer: coarse) {
    .bvtongquan-wrapper .bvtq-subcat-head {
        height: 44px !important;
        line-height: 44px !important;
        font-size: 26px !important;
        padding: 9px 0 0 20px !important;
        background-size: 100% 44px !important;
    }
}