/* Property-video media: use the decoded file/frame ratio in every surface. */
html body .wingman-property-video {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: var(--wingman-video-aspect, auto) !important;
  background: #172033 !important;
  margin-inline: auto !important;
  max-width: 100% !important;
  max-height: none !important;
}
html body .wingman-property-video > .wingman-video-media {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: inherit !important;
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: var(--wingman-video-aspect, auto) !important;
}
html body .wingman-property-video > .video-thumbnail-loading { min-height: 72px; }

/* Shared Create/Edit upload tile. The media can be portrait, landscape or any ratio. */
html body .publication-card-modal .publication-video-tile-preview.wingman-property-video {
  flex: 0 0 auto !important;
  width: 132px !important;
  height: auto !important;
  max-height: none !important;
}
html body .publication-card-modal .publication-video-tile-preview.wingman-video-portrait {
  width: min(100%, var(--wingman-video-tile-width)) !important;
}
html body .publication-card-modal .publication-video-tile-preview.wingman-property-video > .wingman-video-media {
  max-height: 132px !important;
}

/* The same SocialPost player is used for Facebook, Instagram, live Preview and Full View. */
html body .social-post .social-video.wingman-property-video {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}
html body .social-post .social-video.wingman-video-portrait {
  width: min(100%, var(--wingman-video-preview-width)) !important;
}
html body .social-post .social-video.wingman-property-video > .wingman-video-media {
  max-height: 280px !important;
}
html body .is-full .social-post .social-video.wingman-video-portrait {
  width: min(100%, var(--wingman-video-full-width)) !important;
}
html body .is-full .social-post .social-video.wingman-property-video > .wingman-video-media {
  max-height: min(480px, 60dvh) !important;
}

/* Legacy Instagram preview, if used by a parallel editor, must not force a 180/260px video box. */
html body .publication-card-modal .property-instagram .ig-preview-media.wingman-property-video {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}
html body .publication-card-modal .property-instagram .ig-preview-media.wingman-property-video > .wingman-video-media {
  max-height: 280px !important;
}
