/**
 * Portrait Media Styles
 * ---------------------
 * Custom styles for centering and scaling portrait-oriented media (e.g., 9:16 images and videos)
 * in BuddyBoss activity feeds and media containers.
 *
 * @package BuddyBossChild
 * @subpackage PortraitMedia
 */
	/* ==========================================================================
      Portrait Video and Image Styling
   ========================================================================== */
/* === Force 9:16 Portrait Aspect Ratio for Cloudflare Stream Videos === */
.bb-activity-video-elem .video-js.vjs-fluid {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 177.78% !important;
  height: 0 !important;
  overflow: hidden;
}

.bb-activity-video-elem .video-js.vjs-fluid video,
.bb-activity-video-elem .video-js.vjs-fluid iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* === Force Uniform, Centered Images in Activity Feed === */
.bb-activity-media-elem img.photo {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain;
}

/* Ensure parent container doesn't restrict width */
.bb-activity-media-elem {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

/* Optional: override .activity-content width if needed */
.activity-content {
  max-width: 100% !important;
}