/* Carte vidéo push (MP, fil d'accueil) : règles .ml-push* extraites de mlive/mlive.css le 25/09/2026, pour les pages qui ne chargent pas mlive.css. Garder les deux en phase. */
.ml-push {
	max-width: 420px;
	margin: 6px 0 2px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #f4d6e6;
	border-radius: 16px;
	box-shadow: 0 4px 14px rgba(208, 25, 81, 0.08);
}
.ml-push-img {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: #f3e9f3;
}
.ml-push-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(3px);
	transform: scale(1.06);
	transition: filter .3s ease, transform .3s ease;
}
.ml-push-img:hover img { filter: blur(1.5px); transform: scale(1.03); }
.ml-push-lecture {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	padding-left: 3px;
	box-sizing: border-box;
	border-radius: 50%;
	background: rgba(208, 25, 81, 0.88);
	color: #ffffff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
.ml-push-corps { padding: 12px 14px 14px; }
.ml-push-texte {
	color: #5d445d;
	font-size: 13.5px;
	line-height: 1.45;
	overflow-wrap: anywhere;
}
.ml-push-infos {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 10px 0 12px;
	font-size: 12.5px;
	color: #9c7f9c;
}
.ml-push-prix {
	margin-left: auto;
	padding: 3px 10px;
	border-radius: 999px;
	background: #fdf2f7;
	color: #d01951;
	font-weight: bold;
}
.ml-push-bt,
.ml-push-bt:visited {
	display: block;
	padding: 11px 14px;
	border-radius: 999px;
	background: linear-gradient(135deg, #e0206a, #b51545);
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 4px 12px rgba(208, 25, 81, 0.28);
	transition: transform .15s ease, box-shadow .15s ease;
}
.ml-push-bt:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(208, 25, 81, 0.35); color: #ffffff; }
.ml-push-bt-voir,
.ml-push-bt-voir:visited { background: linear-gradient(135deg, #2fb45a, #228d29); box-shadow: 0 4px 12px rgba(34, 141, 41, 0.25); }
@media (max-width: 600px) {
	.ml-push { max-width: 100%; }
	.ml-push-texte { font-size: 13px; }
}
.ml-push-img img { filter: blur(2px); transform: scale(1.04); }
.ml-push-achete .ml-push-img img, .ml-push-achete .ml-push-img:hover img { filter: none; transform: none; }
.ml-push-coin { position: absolute; top: 10px; z-index: 1; display: flex; }
.ml-push-coin-g { left: 10px; }
.ml-push-coin-d { right: 10px; }
.ml-push-duree { padding: 3px 10px; border-radius: 999px; background: rgba(40, 15, 40, 0.6); color: #ffffff; font-size: 12px; }
.ml-push-coin .ml-push-prix { margin: 0; padding: 4px 11px; background: #ffffff; color: #d01951; font-size: 12.5px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); }
.ml-push-achetee { padding: 4px 11px; border-radius: 999px; background: #e3f4e5; color: #228d29; font-size: 12.5px; font-weight: bold; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); }
.ml-push-cadenas { padding-left: 0; background: rgba(40, 15, 40, 0.55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.ml-push-tags { position: absolute; left: 8px; right: 8px; bottom: 8px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 4px; max-height: 20px; overflow: hidden; }
.ml-push-tags .vp-tag { display: inline-block; padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.88); color: #7e597e; font-size: 11px; line-height: 16px; white-space: nowrap; }
.ml-push-corps .ml-push-bt { margin-top: 12px; }
.ml-push-bt, .ml-push-bt:visited { background: linear-gradient(135deg, #2fbf71, #1f9d57); box-shadow: 0 4px 12px rgba(31, 157, 87, 0.3); }
.ml-push-bt:hover { box-shadow: 0 6px 16px rgba(31, 157, 87, 0.38); }

/* 26/09/2026 : image pas achetée déjà floutée par le serveur (+ logo Oksana.fr) : plus de flou ajouté. */
.ml-push-img img, .ml-push-img:hover img { filter: none; transform: none; }
