/**
 * Custom child-theme overrides.
 * This file is conditionally enqueued by functions.php if it exists.
 * Add brand-specific styles here.
 */

/* About page (post 6) — force the 3-photo gallery to render as squares so
   portrait + landscape source images don't break the row's visual rhythm.
   Targets only the gallery on the About page; other galleries are unaffected. */
body.page-id-6 .wp-block-gallery .wp-block-image img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    height: auto;
}

/* Voyager Blocks "Mobile Order: Reverse" — the column-controls extension
   tags a columns block with .voyager-mobile-reverse but ships no frontend
   CSS, so the toggle is inert. Define it here (loads site-wide). When the
   columns stack on mobile (WP's default ≤781px), flip their order so the
   block's 2nd column leads. Used on image-right "zigzag" rows so the photo
   sits above the copy on mobile like every other row (Ben 6/17, Our Values
   Creativity section). */
@media (max-width: 781px) {
    .wp-block-columns.voyager-mobile-reverse > .wp-block-column:first-child {
        order: 2;
    }
    .wp-block-columns.voyager-mobile-reverse > .wp-block-column:last-child {
        order: 1;
    }
}