or .entry-content wrapper), but WordPress's `alignwide` block support still applies its usual negative margin, expecting a padded ancestor to compensate. With no ancestor to compensate against, the block bled past the viewport edge. Constrain and center it here instead. */ .wp-block-woocommerce-cart.alignwide { max-width: var(--container-xl); margin-inline: auto; padding-inline: var(--container-padding); } .wp-block-woocommerce-cart { --wc-primary: var(--color-primary-600); --wc-primary-text: var(--color-text-inverse); --wc-secondary: var(--color-surface-secondary); --wc-secondary-text: var(--color-text-primary); --wc-content-bg: var(--color-surface); --wc-subtext: var(--color-text-secondary); --wc-form-color-background: var(--form-background); --wc-form-color-text: var(--form-text-color); --wc-form-border-color: var(--form-border-color); --wc-form-border-radius: var(--form-radius); --wc-form-border-width: var(--form-border-width); } .wp-block-woocommerce-cart :where( .wc-block-cart, .wc-block-cart__main, .wc-block-cart__sidebar, .wc-block-cart-items, .wc-block-cart-items__row, .wc-block-cart-item__wrap, .wc-block-cart__submit, .wp-block-woocommerce-cart-items-block, .wp-block-woocommerce-cart-totals-block, .wp-block-woocommerce-proceed-to-checkout-block ) { min-inline-size: 0; } .wp-block-woocommerce-cart :where(img, video) { block-size: auto; max-inline-size: 100%; } .wp-block-woocommerce-cart :where(a, button, input, select, textarea):focus-visible { outline: var(--border-width) var(--border-style) var(--form-focus-border); outline-offset: var(--focus-ring-offset); box-shadow: var(--form-focus-shadow); }