/* ── Block Callout – Child Theme Overrides ──
 *
 * The parent theme (base.css) provides the core block-callout layout:
 *   - .adaptive-photo  →  position: relative; padding-bottom: NN%
 *   - .callout-photo img  →  position: absolute; object-fit: cover
 *
 * This file overrides image-right ordering and locks the photo aspect
 * ratio, both of which the parent theme leaves inconsistent.
 */

/* Image right: swap flex order */
.block-callout.image-right .callout-photo {
  order: 2;
}
.block-callout.image-right .callout-message {
  order: 1;
}

/* Lock the photo to a single 16:9 ratio.
 * base.css sets .adaptive-photo padding-bottom four times across @media and
 * @container queries, flipping between 56% and 100% — so the crop changed by
 * screen size, block position, and even differed editor vs. front end. The
 * doubled class beats those rules' specificity regardless of load order;
 * 56.25% exactly matches the 1280x720 cpep-callout source crop. */
.block-callout.image-left .callout-photo .adaptive-photo,
.block-callout.image-right .callout-photo .adaptive-photo {
  padding-bottom: 56.25%;
}