/* DRAFT LOCAL — vague 7 : offre Coup de pouce, sans refonte V2. */
body.production-v2.masterclass-v2 #lancement-jeunes[data-wave7-promo-draft]::before {
  filter: none !important;
}

/* Page Masterclass générale : photo d’origine sans le voile bleu de la V2. */
body.production-v2.theme-day.masterclass-v2:not(.masterclass-detail-v2):not(.masterclass-relationnel-v2) #lancement-jeunes[data-wave7-promo-draft]::before,
html[data-theme="day"] body.production-v2.masterclass-v2:not(.masterclass-detail-v2):not(.masterclass-relationnel-v2) #lancement-jeunes[data-wave7-promo-draft]::before {
  background: url("../assets/visuals-v2/generated/masterclass-promo/promo-bg-masterclass-meeting-second-plan-20260620.png") center / cover no-repeat !important;
}

/* Le mode jour de la page générale conserve une lisibilité neutre, sans dominante bleu nuit. */
html body.production-v2.theme-day.masterclass-v2:not(.masterclass-detail-v2):not(.masterclass-relationnel-v2) #lancement-jeunes.youth-offer-section[data-wave7-promo-draft]::after,
html[data-theme="day"] body.production-v2.masterclass-v2:not(.masterclass-detail-v2):not(.masterclass-relationnel-v2) #lancement-jeunes.youth-offer-section[data-wave7-promo-draft]::after {
  background:
    linear-gradient(90deg, rgba(18, 16, 13, 0.58), rgba(18, 16, 13, 0.24) 48%, rgba(18, 16, 13, 0.54)),
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.12), transparent 34rem) !important;
}

body.production-v2.masterclass-v2 #lancement-jeunes[data-wave7-promo-draft] .youth-offer-section__head h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 8px 26px rgba(8, 8, 8, 0.38);
}

body.production-v2.masterclass-v2 #lancement-jeunes[data-wave7-promo-draft] .youth-offer-actions .btn-secondary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Pages Personnel, Relationnel et Professionnel : groupe de puces centré,
   texte conservé à gauche pour rester lisible. */
body.production-v2.masterclass-detail-v2 #lancement-jeunes[data-wave7-promo-draft] .youth-offer-card > ul {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}

body.production-v2.masterclass-detail-v2 #lancement-jeunes[data-wave7-promo-draft] .youth-offer-card > ul > li {
  text-align: left;
}

@media (max-width: 640px) {
  body.production-v2.masterclass-detail-v2 #lancement-jeunes[data-wave7-promo-draft] .youth-offer-card > ul {
    width: 100%;
  }
}