@charset "UTF-8";
/*
 * Nhúng video — vá xung đột Flatsome × WP Rocket (chủ site báo 08/09/2026)
 *
 * HAI TẦNG TỈ LỆ CHỒNG NHAU:
 *   Flatsome  `.video-fit           { padding-top: 56.25% }`  + định vị tuyệt đối `iframe`
 *   WP Rocket `.rll-youtube-player  { padding-bottom: 56.23%; height: 0 }`
 *
 * WP Rocket ("thay iframe YouTube bằng ảnh xem trước") gỡ `<iframe>` và đặt vào một
 * `<div class="rll-youtube-player">`. Luật của Flatsome nhắm `.video-fit iframe` nên
 * KHÔNG khớp thẻ div đó -> nó không được định vị tuyệt đối, rơi xuống DƯỚI phần padding
 * giữ tỉ lệ. Kết quả: khối cao gấp đôi (đo được 595×669 thay vì 595×335), chừa một
 * mảng trống 335px phía trên video.
 *
 * Cách vá: cho `.rll-youtube-player` lấp trọn hộp tỉ lệ của Flatsome và bỏ tỉ lệ riêng
 * của nó. Ảnh xem trước, nút play và iframe (sinh ra sau khi bấm) đều đã `position:
 * absolute` sẵn trong CSS của WP Rocket nên tự lấp theo.
 *
 * ⚠️ ĐỪNG sửa bằng cách bỏ `padding-top` của `.video-fit`: luật đó dùng chung cho mọi
 * nhúng video, video nào KHÔNG bị WP Rocket thay iframe sẽ sập về height 0.
 */
.video-fit .rll-youtube-player {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	padding-bottom: 0;   /* tỉ lệ đã do .video-fit lo */
}

/* ảnh xem trước của YouTube là 4:3 (hqdefault) — cắt cho khít khung 16:9 */
.video-fit .rll-youtube-player img {
	height: 100%;
	object-fit: cover;
}