/* Wrapper sur la page WordPress : ne rien toucher à <html> / <body> global */
.video-embed-wrapper {
  position: relative;
  max-width: 960px;
  margin: 2rem auto;
  background: radial-gradient(120% 120% at 10% -10%, #111827 0%, #020617 55%, #000 100%);
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.7),
    0 0 0 1px rgba(148, 163, 184, 0.35);
}

/* Ratio 16:9 pour le player */
.video-embed-wrapper::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

/* L'iframe qui contient le vrai player */
.video-embed-wrapper .glt-embed-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Pour être sûr qu'aucune règle globale ne vienne casser le layout */
.video-embed-wrapper iframe {
  max-width: 100%;
}

/* Ajustement mobile : on laisse le player respirer */
@media (max-width: 767px) {
  .video-embed-wrapper {
    margin: 1rem -1rem;
    border-radius: 0;
  }
}
