/*
 * Rayflections Masterclass — finition visuelle Recovery / Logbook.
 * DRAFT LOCAL UNIQUEMENT · 2026-08-11.
 *
 * Ce fichier est volontairement charge apres v2-jeunes-launch.css.
 * Il restaure les visuels Recovery deja presents dans le HTML et elargit
 * legerement le cadre Logbook, sans modifier la direction artistique V2.
 */

/* Recovery : v2-jeunes-launch.css masque actuellement figure/picture/img. */
html body.production-v2.masterclass-v2.masterclass-detail-v2 #recovery-relationnel .relationnel-recovery-card figure,
html body.production-v2.masterclass-v2.masterclass-detail-v2 #recovery-relationnel .relationnel-recovery-card picture {
  content: normal !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 10 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-radius: 18px !important;
  background: #07101d !important;
  background-image: none !important;
}

html body.production-v2.masterclass-v2.masterclass-detail-v2 #recovery-relationnel .relationnel-recovery-card img {
  content: normal !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  background-image: none !important;
}

html body.production-v2.masterclass-v2.masterclass-detail-v2 #recovery-relationnel .relationnel-recovery-card {
  padding-top: clamp(1rem, 2vw, 1.25rem) !important;
}

/* Logbook : cadre transparent plus ample sur desktop, structure conservee. */
html body.production-v2.masterclass-v2.masterclass-detail-v2 #livrables-relationnels > .container {
  width: 100% !important;
  max-width: 1280px !important;
  padding-inline: clamp(1rem, 2vw, 1.5rem) !important;
}

html body.production-v2.masterclass-v2.masterclass-detail-v2 #livrables-relationnels .relationnel-logbook__shell {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
}

html body.production-v2.masterclass-v2.masterclass-detail-v2 #livrables-relationnels .relationnel-logbook__layout {
  width: 100% !important;
  max-width: 1232px !important;
  margin-inline: auto !important;
}

@media (max-width: 980px) {
  html body.production-v2.masterclass-v2.masterclass-detail-v2 #livrables-relationnels > .container {
    max-width: 100% !important;
    padding-inline: clamp(0.9rem, 3.4vw, 1.25rem) !important;
  }

  html body.production-v2.masterclass-v2.masterclass-detail-v2 #livrables-relationnels .relationnel-logbook__layout {
    max-width: 100% !important;
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  html body.production-v2.masterclass-v2.masterclass-detail-v2 #recovery-relationnel .relationnel-recovery-card figure,
  html body.production-v2.masterclass-v2.masterclass-detail-v2 #recovery-relationnel .relationnel-recovery-card picture {
    aspect-ratio: 16 / 10 !important;
    border-radius: 16px !important;
  }
}