/*
 * LALUZ UI Patch — MODULE BRAND-LOGO (CSS)
 *
 * Nhắc lại: WPCode 23020 in SAU file này, nên mọi rule phải prefix "html body"
 * + !important. Xem ghi chú đầy đủ trong laluz-ui-patch.php.
 *
 * Đi kèm assets/js/brand-logo.js — phần đo và phóng từng logo nằm ở đó,
 * file này chỉ dọn đường cho nó.
 *
 * ─────────────────────────────────────────────────────────────────────────────
 * [1] GỠ HAI CAP CỨNG TRONG WPCODE 23020
 * ─────────────────────────────────────────────────────────────────────────────
 *     body .brand-box-list .brand-logo img {
 *       max-height: 70% !important;
 *       max-width:  78% !important;
 *     }
 * Hai con số này bóp logo xuống 78% ô TRƯỚC KHI object-fit làm việc. Cộng
 * thêm viền rỗng sẵn có trong file (nhiều logo chỉ dùng 36–71% khung ảnh) thì
 * phần chữ thật còn lại rất bé.
 *
 * Gỡ cap về 100% và để JS quyết định phóng bao nhiêu cho từng logo. Khoảng
 * thở không mất đi — nó chuyển thành TARGET_W/TARGET_H trong JS (86% / 80%),
 * tức vẫn chừa mép, nhưng chừa ĐỀU cho mọi logo thay vì tùy file.
 *
 * MUỐN QUAY LẠI: xoá khối rule [1], cap của WPCode có hiệu lực trở lại.
 *
 * ─────────────────────────────────────────────────────────────────────────────
 * [2] CHẶN TRÀN
 * ─────────────────────────────────────────────────────────────────────────────
 * JS dùng transform: scale() nên ảnh có thể lấn ra ngoài ô. Cắt ở mép ô để
 * lưới không bao giờ bị xô. Phần bị cắt là viền rỗng, không phải chữ — hệ số
 * đã tính để chữ nằm gọn trong 86%/80% ô.
 *
 * TẮT MODULE:
 *   define( 'LALUZ_UI_PATCH_DISABLE_BRAND_LOGO', true );
 */

/* ── [1] Trả lại toàn bộ ô cho logo ─────────────────────────────────────── */
html body .brand-box-list .brand-logo img {
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	transition: transform .25s ease !important;
}

/* ── [2] Cắt phần tràn khi phóng ────────────────────────────────────────── */
html body .brand-box-list .brand-logo {
	overflow: hidden !important;
}