/*
 * DearFlip: nền tương phản và bóng trang giúp mép sách nổi bật hơn.
 */
.df-container,
.df-ui-wrapper {
	background-color: #f3f4f6 !important;
}

.df-container .df-page,
.df-container .df-page-content,
.df-ui-wrapper .df-page,
.df-ui-wrapper .df-page-content {
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.28) !important;
}

@media (max-width: 768px) {
	/*
	 * Chế độ nhúng trong trang: dùng 2% khoảng trống để phần chữ trong sách
	 * chiếm nhiều diện tích màn hình hơn.
	 */
	.df-container:not(.df-fullscreen),
	.df-ui-wrapper:not(.df-fullscreen) {
		margin: 0 !important;
		padding: 2% !important;
	}

	/*
	 * DearFlip có thể gắn .df-fullscreen lên wrapper hoặc một phần tử cha.
	 * Bao phủ cả hai cấu trúc để khi toàn màn hình, sách chạm sát mép điện thoại.
	 */
	.df-fullscreen,
	.df-fullscreen .df-container,
	.df-fullscreen .df-ui-wrapper,
	.df-container.df-fullscreen,
	.df-ui-wrapper.df-fullscreen {
		margin: 0 !important;
		padding: 0 !important;
	}
}