/* =========================================================
   FDR PROMO V6
   1 = fond
   2 = animateur
   3 = texte + bouton
   ========================================================= */

#fdrWeekPromoCard{
  position:relative!important;
  isolation:isolate!important;

  width:100%!important;
  min-height:355px!important;

  margin:0!important;
  padding:22px 22px 76px!important;

  box-sizing:border-box!important;
  overflow:hidden!important;

  text-align:left!important;

  border-radius:24px!important;
  border:1px solid rgba(217,70,239,.60)!important;

  background:
    radial-gradient(
      circle at 85% 25%,
      rgba(217,70,239,.23),
      transparent 34%
    ),
    radial-gradient(
      circle at 15% 10%,
      rgba(34,211,238,.12),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #08102f 0%,
      #101039 52%,
      #180d38 100%
    )!important;

  box-shadow:
    0 16px 42px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.035)!important;
}


/* =========================================================
   COUCHE 1
   PAS DE PHOTO DANS LE FOND
   ========================================================= */

#fdrWeekPromoCard .fdr-promo-bg-layer{
  position:absolute!important;
  inset:0!important;

  z-index:1!important;

  pointer-events:none!important;

  background:
    linear-gradient(
      90deg,
      rgba(4,10,35,.98) 0%,
      rgba(6,12,42,.92) 42%,
      rgba(8,10,35,.30) 72%,
      transparent 100%
    )!important;
}


/* =========================================================
   COUCHE 2
   ANIMATEUR UNIQUEMENT A DROITE
   ========================================================= */

#fdrWeekPromoCard .fdr-promo-host-layer{
  position:absolute!important;

  top:0!important;
  right:0!important;
  bottom:0!important;

  width:56%!important;

  z-index:2!important;

  pointer-events:none!important;

  background-image:
    url("/assets/fdr-card-bg-animateur.png?v=20261015-v6")!important;

  background-repeat:no-repeat!important;
  background-size:auto 100%!important;
  background-position:right center!important;

  opacity:.96!important;

  filter:
    saturate(1.10)
    contrast(1.05)
    brightness(.92)!important;

  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      rgba(0,0,0,.20) 12%,
      rgba(0,0,0,.75) 32%,
      #000 55%
    )!important;

  mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      rgba(0,0,0,.20) 12%,
      rgba(0,0,0,.75) 32%,
      #000 55%
    )!important;
}


/* =========================================================
   COUCHE 3
   TEXTE ET BOUTON
   ========================================================= */

#fdrWeekPromoCard
> :not(.fdr-promo-bg-layer):not(.fdr-promo-host-layer){
  position:relative!important;
  z-index:10!important;
}


/* PROCHAINE EMISSION */

#fdrWeekPromoCard > .eyebrow{
  display:inline-flex!important;

  margin:0 0 16px!important;
  padding:6px 11px!important;

  border-radius:999px!important;

  font-size:.62rem!important;
  font-weight:950!important;
  letter-spacing:.14em!important;

  color:#42dcff!important;

  background:rgba(5,15,48,.76)!important;
  border:1px solid rgba(34,211,238,.42)!important;
}


/* TITRE */

#fdrWeekPromoCard > h3{
  width:60%!important;
  max-width:275px!important;

  margin:0 0 12px!important;

  font-size:1.58rem!important;
  line-height:1.02!important;

  font-weight:950!important;
  letter-spacing:-.035em!important;

  color:#fff!important;

  text-shadow:
    0 4px 20px rgba(0,0,0,.75)!important;
}


#fdrWeekPromoCard .fdr-title-line2{
  display:block!important;
}


/* DATE */

#fdrWeekPromoCard > h3 + div{
  width:58%!important;

  margin:0 0 17px!important;

  font-size:.76rem!important;
  line-height:1.25!important;

  font-weight:900!important;

  color:#fff!important;
}


/* DESCRIPTION */

#fdrWeekPromoCard > .muted{
  width:55%!important;
  max-width:245px!important;

  margin:0!important;

  font-size:.68rem!important;
  line-height:1.45!important;

  color:rgba(240,245,255,.87)!important;
}


/* BOUTON */

#fdrWeekPromoButton{
  position:absolute!important;

  left:22px!important;
  bottom:20px!important;

  z-index:20!important;

  width:57%!important;
  min-height:47px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:9px 40px 9px 14px!important;

  box-sizing:border-box!important;

  border-radius:15px!important;

  font-size:.73rem!important;
  font-weight:950!important;

  color:#fff!important;

  border:1px solid rgba(255,255,255,.22)!important;

  background:
    linear-gradient(
      105deg,
      #f229c5,
      #9848ff 48%,
      #25c9f4
    )!important;

  cursor:pointer!important;

  box-shadow:
    0 10px 26px rgba(139,92,246,.32)!important;
}


#fdrWeekPromoButton::after{
  content:"›";

  position:absolute;
  right:11px;

  width:27px;
  height:27px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:rgba(255,255,255,.13);

  font-size:1.35rem;
}


#fdrWeekCornerImage{
  display:none!important;
}


/* FDR - bouton DédiRoom légèrement plus bas */
#fdrWeekPromoButton{
  bottom:9px!important;
}


/* =========================================================
   FDR - FIX FINAL BOUTON DEDIROOM
   La règle générique le forçait en position relative.
   ========================================================= */

#fdrWeekPromoCard > #fdrWeekPromoButton{
  position:absolute!important;

  left:22px!important;
  bottom:10px!important;

  width:57%!important;

  margin:0!important;

  z-index:30!important;
}


#fdrWeekPromoCard > h3 + div{
  font-size:.90rem!important;
  line-height:1.30!important;
}

#fdrWeekPromoCard > .muted{
  font-size:.78rem!important;
  line-height:1.52!important;
}