.youtube-section-overlay{
      background: linear-gradient(349deg, #3163d8 18%, #9E00A5 70%);
    color: #fff;
    padding:50px;
}

.euf-videoYout {
  position: relative;
  overflow: hidden;
}

.euf-videoYout .euf-embed {
  position: relative;
  width: 100%;
  aspect-ratio: var(--euf-ratio, 16/9);
  border-radius: 20px !important;
}

.euf-embed iframe.embed-responsive-item.rounded {
    border-radius: 20px !important;
}

.euf-videoYout,
.videoYout {
  width: clamp(260px, 80vw, 960px);  /* min 260px, cible 80% de la largeur viewport, max 960px */
  margin: 0 auto;
}

/* Fallback pour anciens navigateurs */
@supports not (aspect-ratio: 1/1) {
  .euf-videoYout .euf-embed { height: 0; }
  .euf-videoYout { --_ratio: var(--euf-ratio, 1.7777778); }
  .euf-videoYout .euf-embed::before {
    content: "";
    display: block;
    padding-top: calc(100% / var(--_ratio));
  }
}




.euf-videoYout iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.euf-videoYout .yt-overlay {
  position: absolute;
  inset: 0;
  background: #000 center / cover no-repeat;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  border-radius: inherit;
  transition: opacity .2s ease;
}

.euf-videoYout .yt-play {
  width: 68px;
  height: 48px;
  background: #f03;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 6px 16px rgba(0,0,0,.35);
}
.euf-videoYout .yt-play::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%);
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #fff;
}

.euf-videoYout.is-playing .yt-overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}