/**
 * Side by Side Content Block Styles
 * Ensures proper display of WordPress core blocks within the side-by-side layout
 */

/* Image block support */
.side-by-side-with-form-block .wp-block-image img {
  max-width: 100%;
  height: auto;
  display: block;
}

.side-by-side-with-form-block .wp-block-image {
  margin-bottom: 1rem;
}

/* Video block support */
.side-by-side-with-form-block .wp-block-video video {
  max-width: 100%;
  height: auto;
}

/* Embed block support (YouTube, Vimeo, etc.) */
.side-by-side-with-form-block .wp-block-embed {
  margin-bottom: 1rem;
}

.side-by-side-with-form-block .wp-block-embed iframe,
.side-by-side-with-form-block .wp-block-embed video {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* Cover block support */
.side-by-side-with-form-block .wp-block-cover {
  min-height: 300px;
}