/* Estils del reproductor Deliri.
 *
 * Dins d'una diapositiva de carrusel de LayTheme el marc (amplada × alçada) ja
 * el defineix el propi carrusel: `data-carousel-size` / "Custom Aspect Ratio"
 * es tradueixen en un `padding-bottom` en línia al `.lay-carousel`, i el
 * `.slide-inner` ja té aquella alçada. La capa de text ocupa aquest marc i el
 * JS hi centra el reproductor conservant la proporció pròpia del preset, com
 * una imatge del carrusel amb "Don't fill slides".
 *
 * La classe `deliri-fill-slide` la posa el JS del shortcode quan detecta que
 * el wrap és dins d'un `.lay-carousel` amb alçada pròpia (no auto).
 */
.lay-carousel-slide .slide-text.deliri-fill-slide {
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: none;
}

.lay-carousel-slide .slide-text.deliri-fill-slide .deliri-player-wrap {
  /* El marge vertical del wrap desbordava la diapositiva (que té
     overflow:hidden) i retallava 20px de canvas a dalt i a baix. */
  margin-top: 0;
  margin-bottom: 0;
}

/* El canvas i la capa de text estàtic ja són absoluts dins del wrap; el que
   cal és que el wrap no depengui del contingut. */
.deliri-player-wrap > .deliri-player-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}