/*
 * LALUZ UI Patch — MODULE HEADER-ALIGN
 * Căn trục quang học 3 icon header: search | favourite | cart.
 *
 * ĐO TRÊN LIVE (không tính badge giỏ hàng):
 *   .ic-search  wrapper 32×32 display:flex align-items:center → glyph cy = 78  ✔
 *   .ic-heart   wrapper 32×32                                 → glyph cy = 71.5 ✘
 *   .hd-cart    wrapper 32×32                                 → glyph cy = 71.5 ✘
 * → lệch đúng 6.5px.
 *
 * NGUYÊN NHÂN: ba wrapper đều thẳng hàng. Lỗi ở lớp trong —
 * .ic-heart-inner và .hd-cart-inner là display:block với line-height 24.025px,
 * còn <img> là display:inline nên nằm trên baseline của line-box 24px ở ĐỈNH
 * khối 32px. Riêng .ic-search là flex nên ảnh được căn giữa.
 *
 * BẢN VÁ: chuẩn hoá clickable box 32×32, cho cả ba dùng flex center,
 * ép <img> về display:block và line-height:0 để không còn khoảng baseline.
 * Badge .quantity giữ nguyên position gốc, không bị kéo vào giữa.
 */

.hd-mid-right .ic-search,
.hd-mid-right .ic-heart,
.hd-mid-right .hd-cart {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	line-height: 0 !important;
}

.hd-mid-right .ic-heart-inner,
.hd-mid-right .hd-cart-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 0 !important;
	position: relative !important;
}

.hd-mid-right .ic-search > img,
.hd-mid-right .ic-heart img,
.hd-mid-right .hd-cart img {
	display: block !important;
	width: 19px !important;
	height: 19px !important;
	vertical-align: middle !important;
}

/* Badge số lượng giỏ hàng: giữ nguyên, không tham gia căn giữa */
.hd-mid-right .hd-cart .quantity {
	position: absolute !important;
	line-height: 15px !important;
}