@charset "UTF-8";
/* ==========================================================================
   TMDB Trailer block
   ========================================================================== */
/* Play button */
.rrp-trailer__play-btn {
  cursor: pointer;
  /* Removed from flow, focus order, and accessibility tree when playing */
}
.rrp-trailer__play-btn .wp-block-image {
  transition: transform 0.2s ease;
}
.rrp-trailer__play-btn .wp-block-image:hover, .rrp-trailer__play-btn .wp-block-image:focus-visible {
  transform: scale(1.1);
}
.rrp-trailer__play-btn.rrp-is-hidden {
  display: none;
}

/* No trailer: keep the post title at the bottom of the cover. */
.wp-block-cover .wp-block-group:has(> .rrp-trailer__play-btn.rrp-is-hidden) {
  min-height: unset !important; /* override inline block style */
}

/* Embed overlay */
.rrp-trailer__embed {
  position: absolute;
  inset: 0;
  z-index: 2;
  /* Hidden by default — fades in when playing */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

/* Interactivity API adds this class when context.isPlaying = true */
.rrp-trailer__embed.rrp-is-visible {
  opacity: 1;
  pointer-events: all;
}

.rrp-trailer__embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Reduced-motion: skip transitions */
@media (prefers-reduced-motion: reduce) {
  .rrp-trailer__play-btn,
  .rrp-trailer__embed {
    transition: none;
  }
}
@media (orientation: landscape) and (max-height: 500px) {
  .wp-block-cover:has(.rrp-trailer__embed) .wp-block-post-title {
    padding-top: unset !important; /* override inline block just for this purpose */
    padding-bottom: unset !important; /* override inline block just for this purpose */
  }
}
/*# sourceMappingURL=tmdb-trailer.css.map */