/* Keep the existing logo artwork while releasing a little more header space. */
@media (min-width: 1100px) {
    .proland-main-navbar > figure.wp-block-gallery:has(img[src*="ProLand-Landscape-Header-Logo"]) {
        width: 325px !important;
        max-width: 325px !important;
        flex: 0 1 325px !important;
    }

    .proland-main-navbar > figure.wp-block-gallery:has(img[src*="ProLand-Landscape-Header-Logo"]) figure.wp-block-image,
    .proland-main-navbar > figure.wp-block-gallery:has(img[src*="ProLand-Landscape-Header-Logo"]) a,
    .proland-main-navbar > figure.wp-block-gallery:has(img[src*="ProLand-Landscape-Header-Logo"]) img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* Keep the complete header row and both WooCommerce controls on one centre line. */
    .proland-main-navbar {
        align-items: center !important;
    }

    .proland-main-navbar > .wc-block-mini-cart,
    .proland-main-navbar > .wp-block-woocommerce-customer-account {
        display: flex !important;
        align-self: center !important;
        align-items: center !important;
        justify-content: center !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .proland-main-navbar > .wc-block-mini-cart > .wc-block-mini-cart__button,
    .proland-main-navbar > .wp-block-woocommerce-customer-account > .wc-block-customer-account__link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 44px !important;
        margin: 0 !important;
        padding: .5em !important;
        line-height: 1 !important;
    }

    .proland-main-navbar .wc-block-mini-cart__icon,
    .proland-main-navbar .wc-block-customer-account__account-icon {
        display: block !important;
        margin: 0 !important;
    }
}

/*
 * At the theme's widest desktop layout the customer-account block is raised
 * above the navigation and basket line. Correct only that wide breakpoint.
 */
@media (min-width: 1500px) {
    .wp-block-group.proland-main-navbar > .wp-block-woocommerce-customer-account {
        transform: translateY(20px) !important;
    }
}