/**
 * Image Block Styles
 * 
 * Flexible image block with 3 variants:
 * - 2 images + text
 * - 1-4 images gallery
 * - 2 images + shortcode
 */

/* Main Image */
.image-block-main img {
  max-height: 600px;
  object-fit: cover;
}

/* Secondary Image (smaller, in sidebar) */
.image-block-secondary {
  min-height: 200px;
}

.image-block-secondary img {
  max-height: 400px;
}

/* Content Section */
.image-block-content {
  padding: 1.5rem 0;
}

.image-block-content .text-content ul {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.image-block-content .text-content ul li {
  list-style-type: disc;
  margin-bottom: 0.5rem;
}

.image-block-content .text-content ul li::marker {
  color: var(--brand-secondary-color, var(--bs-primary, #0d6efd));
}

/* Gallery Items (picture variant) */
.image-block-gallery-item img {
  aspect-ratio: 4/3;
  object-fit: cover;
}

/* Single image gets more height */
.row > .col-12 .image-block-gallery-item img {
  aspect-ratio: 16/9;
  max-height: 600px;
}

/* Shortcode Container */
.image-block-shortcode {
  padding: 1.5rem 0;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .image-block-main img,
  .image-block-secondary img {
    max-height: 400px;
  }
  
  .image-block-secondary {
    min-height: auto;
  }
}

@media (max-width: 767.98px) {
  .image-block-gallery-item img {
    aspect-ratio: 1/1;
  }
  
  .image-block-content,
  .image-block-shortcode {
    padding: 1rem 0;
  }
}