/**
 * Vitalisite FSE - Text + Image Block Styles
 * 
 * Styles for the text-image pattern and related elements.
 * 
 * @package Vitalisite_FSE
 * @since 1.0.0
 */

/* ==========================================================================
   Image Styles
   ========================================================================== */

/* Section padding */

.vitalisite-text-image .wp-block-columns {
  margin-bottom: 0;
}

/* Ensure columns stack nicely on mobile */
@media (max-width: 781px) {
  .vitalisite-text-image .wp-block-columns {
    gap: var(--wp--preset--spacing--50);
  }

  .vitalisite-text-image .wp-block-image {
    max-width: 100%;
  }

  .vitalisite-text-image .wp-block-image img {
    max-width: 100%;
    height: auto;
  }
}
