/* ============================================
   HEADER CART STYLES (Desktop Only)
   ============================================ */
@media (min-width: 850px) {
    .cart-item .header-cart-link {
        width: 221px;
        height: 50px;
        background-image: url(../../images/bg_total_cart.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px 5px 10px;
        position: relative;
        text-decoration: none;
        /* Đảo ngược thứ tự: Icon lên trước, Text ra sau */
        flex-direction: row-reverse;
    }

    /* Ẩn text mặc định "Cart / Price" */
    .header-cart-title {
        font-size: 0;
        margin-left: 8px;
    }

    /* Hiển thị chữ "Giỏ hàng" mới */
    .header-cart-title:after {
        content: "Giỏ hàng";
        font-size: 16px;
        color: #0682d2;
        font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
        font-weight: 400;
        display: inline-block;
    }

    /* Tùy chỉnh màu sắc cho icon và số lượng để giống ảnh */
    .header-cart-link .cart-icon {
        color: #0682d2;
        /* Màu xanh cho icon */
    }
}