/* REM Accueil : bandeau « En direct » façon appli. Sans pochette, le bandeau reste bleu. */

/* Fond flou aux couleurs de la pochette */
.e-con.rem-a-direct{ position: relative; overflow: hidden; isolation: isolate; }
.e-con.rem-a-direct > .e-con{ position: relative; z-index: 1; }
.rem-a-flou{ position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; transition: opacity .8s ease; }
.rem-a-flou::before{
	content: ""; position: absolute; inset: -80px;
	background-image: var(--rem-pochette); background-size: cover; background-position: center;
	filter: blur(56px) saturate(1.5) brightness(1.1); transform: scale(1.1);
}
.rem-a-flou::after{
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(135deg, rgba(14,22,30,.52) 0%, rgba(14,22,30,.38) 55%, rgba(14,22,30,.5) 100%);
}
.rem-a-direct--pochette .rem-a-flou{ opacity: 1; }
.rem-a-direct--pochette .e-con.rem-a-direct__suite{ background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.12); }
.rem-a-direct--pochette .rem-a-h1 .elementor-heading-title,
.rem-a-direct--pochette .rem-a-onair .proradio-post__title a,
.rem-a-direct--pochette .rem-a-encours__txt{ text-shadow: 0 1px 12px rgba(0,0,0,.25) !important; }

/* Bloc « En ce moment » : pochette, titre, artiste */
.rem-a-encours{
	display: flex; align-items: center; gap: 20px;
	margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.28);
	font-family: 'Poppins', sans-serif; color: #ffffff;
}
.rem-a-encours__img{
	width: 96px !important; height: 96px !important; max-width: none !important; flex-shrink: 0; border-radius: 14px !important; object-fit: cover;
	background: rgba(255,255,255,.14); box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.rem-a-encours__img:not([src]){ display: none; }
.rem-a-encours__txt{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rem-a-encours__label{ font-size: 14px; font-weight: 500; color: #ffffff; opacity: .92; }
.rem-a-encours .qtmplayer__title{
	display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	font-size: 22px !important; font-weight: 600 !important; line-height: 1.25 !important; color: #ffffff !important; white-space: normal !important;
}
.rem-a-encours .qtmplayer__title *{ white-space: normal !important; }
.rem-a-encours .qtmplayer__artist{ display: block !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.3 !important; color: #ffffff !important; }
.rem-a-encours .qtmplayer__artist::before{ content: none !important; }

@media (max-width: 767px){
	.rem-a-encours{ gap: 16px; margin-top: 18px; padding-top: 18px; }
	.rem-a-encours__img{ width: 76px !important; height: 76px !important; border-radius: 12px !important; }
	.rem-a-encours .qtmplayer__title{ font-size: 18px !important; }
	.rem-a-encours .qtmplayer__artist{ font-size: 15px !important; }
}
@media (prefers-reduced-motion: reduce){
	.rem-a-flou{ transition: none; }
}