/* Stage 11CE15S — global background-video presentation contract.
 * Background media is decorative: no player chrome, no pointer interaction.
 * Feature/prewedding video is intentionally outside these selectors. */
[data-invitation-background-video-layer] {
  overflow: hidden;
}

[data-invitation-background-video] {
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
}

video[data-invitation-background-video] {
  -webkit-appearance: none !important;
}

video[data-invitation-background-video]::-webkit-media-controls,
video[data-invitation-background-video]::-webkit-media-controls-enclosure,
video[data-invitation-background-video]::-webkit-media-controls-panel,
video[data-invitation-background-video]::-webkit-media-controls-play-button,
video[data-invitation-background-video]::-webkit-media-controls-start-playback-button,
video[data-invitation-background-video]::-webkit-media-controls-overlay-play-button,
video[data-invitation-background-video]::-webkit-media-controls-timeline,
video[data-invitation-background-video]::-webkit-media-controls-current-time-display,
video[data-invitation-background-video]::-webkit-media-controls-time-remaining-display,
video[data-invitation-background-video]::-webkit-media-controls-mute-button,
video[data-invitation-background-video]::-webkit-media-controls-volume-slider,
video[data-invitation-background-video]::-webkit-media-controls-fullscreen-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* For always-autoplay backgrounds, keep the fallback/poster visible while the
 * provider is booting. This prevents YouTube/native player chrome from flashing
 * before playback really starts. */
[data-invitation-background-video-layer][data-background-autoplay="always"] [data-invitation-background-video] {
  opacity: 0 !important;
  transition: opacity .32s ease !important;
}

[data-invitation-background-video-layer][data-background-autoplay="always"].is-background-video-playing [data-invitation-background-video] {
  opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-invitation-background-video-layer][data-background-autoplay="always"] [data-invitation-background-video] {
    transition: none !important;
  }
}