/**
 * Commerce7 profile / account pages — /profile and its sub-routes.
 *
 * Scoped with `body.domino-c7-route-profile`, added by domino-commerce7-routes.php. Commerce7's
 * own class on the rendered section describes the VIEW rather than the route — `/profile/login`
 * is `c7-account-login`, `/profile/register` comes back `c7-error-page` — so it cannot be used to
 * mean "the profile page". The WordPress page the route resolves to is the stable identifier.
 */

/**
 * WHICH ELEMENT, AND WHY NOT THE OBVIOUS ONES
 * -------------------------------------------
 * Three candidates sit on top of each other here:
 *
 *     div.wp-block-c7wp-default   the Gutenberg block wrapper  <- used
 *       div#c7-content            Commerce7's mount
 *         div.c7-account            }  rendered by Commerce7's JS,
 *           section.c7-content      }  so neither exists on first paint
 *
 * `#c7-content` looks right and is not: Commerce7's SDK writes `min-height` to its style attribute
 * at runtime (it manages the loading height itself, then resets to `0px`). An inline style beats
 * any stylesheet rule, so a floor set here is silently dropped — and forcing it with `!important`
 * would mean fighting the SDK for control of the same property.
 *
 * `.c7-account` and `section.c7-content` are Commerce7's own rendered markup, so they do not exist
 * until its JavaScript has run. A min-height on them arrives after the layout has already settled,
 * which is exactly too late to stop the footer jumping — the one thing the floor is for.
 *
 * The block wrapper is WordPress's own markup: present in the HTML from first paint, and nothing
 * in Commerce7 touches it. It is also the full width of the content column, so the padding lands
 * identically to putting it on the mount.
 *
 * Vertical padding only. The horizontal 10px belongs to Commerce7's `.c7-content` and is left to
 * it. The 550px matches the source's own content floor, the same figure domino-layout.php uses.
 */
.domino-c7-route-profile .wp-block-c7wp-default {
	min-height: 550px;
	padding-top: 24px;
	padding-bottom: 24px;
}