/*
 * Reconciles core-block (Gutenberg) default output with the original
 * hand-written Bootstrap look. Loaded on every page after the per-page CSS.
 */

/* Block images: drop the default figure margins so heroes/portraits sit like the originals. */
.wp-block-image {
    margin-top: 0;
    margin-bottom: 0;
}

/* Hero image (block1) spans the content width as it did originally. */
.block1 .wp-block-image,
.block1 .wp-block-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Centered portrait on the homepage. */
.imgNienke .wp-block-image {
    display: flex;
    justify-content: center;
}
.imgNienke .img_nienke img {
    width: 450px;
    max-width: 100%;
    height: auto;
}
@media (max-width: 767px) {
    .imgNienke .img_nienke img {
        width: 300px;
    }
}

/* Price rows: keep the two columns side by side (no forced mobile stacking gap). */
.block3 .wp-block-columns {
    margin-bottom: 0;
    gap: 0;
}
.block3 .wp-block-column {
    flex-basis: 50%;
}
.block3 .wp-block-columns .text_p {
    margin: 0;
}

/* Gallery images keep a little breathing room like the original .img_service. */
.wp-block-gallery.has-nested-images figure.wp-block-image {
    margin-bottom: 20px;
}

/* Button block wrappers reuse the original navy button styling. */
.bottom_button {
    text-align: center;
}

/* About video keeps the original ~450px width, centered by .bottom_img. */
.bottom_img .wp-block-video {
    margin: 0;
}
.bottom_img .wp-block-video video {
    width: 450px;
    max-width: 100%;
    height: auto;
}