/* =============================================
   VFT Shop — Thông báo của WooCommerce

   Đây là khối do WooCommerce tự chèn (`wc_add_notice()` →
   `woocommerce_output_all_notices()`), không phải markup của
   dự án: "… đã được thêm vào giỏ hàng. [Xem giỏ hàng]",
   "Đã cập nhật giỏ hàng.", lỗi thiếu trường ở trang thanh toán…

   Mặc định nó dùng nền xám + viền xanh lá + icon font của
   WooCommerce, lạc hẳn với màu dự án. File này chỉ đổi hình
   thức, không đổi nội dung hay hành vi.

   Nạp ở cả Giỏ hàng và Thanh toán (xem inc/cart-page.php,
   inc/checkout-page.php).
   ============================================= */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin: 0 0 20px;
    padding: 14px 18px;
    border: 1px solid var(--vft-line);
    border-left: 4px solid var(--vft-primary);
    border-radius: var(--vft-radius-sm);
    background: var(--vft-bg-soft);
    font-size: 15px;
    line-height: 1.55;
    color: var(--vft-text);
    list-style: none;
}

/* Icon mặc định của WooCommerce dùng font riêng, canh lề tuyệt đối —
   bỏ đi cho khối trở về một hàng flex bình thường. */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    display: none !important;
}

.woocommerce-message {
    border-left-color: var(--vft-success);
    background: #f2f8f4;
}

.woocommerce-error {
    border-left-color: var(--vft-danger);
    background: #fdf2f2;
    flex-direction: column;
    align-items: flex-start;
}

.woocommerce-error li {
    margin: 0;
    list-style: none;
}

.woocommerce-error li + li {
    margin-top: 6px;
}

/* Nút phụ trong thông báo ("Xem giỏ hàng" / "Tiếp tục mua hàng")
 *
 * CẦN `!important` cho nền: `woocommerce.css` có
 * `.woocommerce a.button { background-color:#ebe9eb }` — chọn lọc cao hơn và
 * nạp sau file này, nên không ép thì nút ra nền xám nhạt, trong khi màu chữ
 * lại là trắng (GeneratePress đặt `.button{color:#fff}`) => chữ tàng hình. */
.woocommerce-message .button,
.woocommerce-info .button {
    float: none;
    margin: 0 0 0 auto;
    padding: 0 18px;
    height: 38px;
    line-height: 38px;
    border: 0;
    border-radius: var(--vft-radius-sm);
    background: var(--vft-primary) !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover {
    background: var(--vft-primary-hover) !important;
    color: #fff !important;
}

@media (max-width: 600px) {
    .woocommerce-message .button,
    .woocommerce-info .button {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
}

/* Ẩn triệt để thông báo "đã được thêm vào giỏ hàng" kèm nút Xem giỏ hàng */
.woocommerce-message:has(.wc-forward),
.woocommerce-message:has(a[href*="cart"]),
.woocommerce-message:has(a[href*="gio-hang"]) {
    display: none !important;
}