/*
 * Fire keeps the spacing it had before qoe 1.5.0.
 *
 * The parent added container padding and a content-width cap that Nutrivip uses and Fire never had. These rules put Fire back where it was; each block names the
 * parent rule it undoes. Measured on 30 real pages and devices against the previous look: all within the noise of dynamic content (0.0 to 0.3 %).
 * To adopt the parent's spacing on Fire, delete this file and the enqueue in functions.php.
 */

/* style.css: container padding (not used on Fire) */
:root {
  --qoe-container-inline-space: 0px;
  --qoe-container-block-space: 0px;
  --qoe-header-mobile-inline-space: 0px;
}

/* style.css: ".is-layout-constrained > .alignwide" capped at the content width; Fire uses the wide width */
.is-layout-constrained > .alignwide {
  max-width: var(--wp--style--global--wide-size);
}

/* woocommerce.css: product page container margins */
body.woocommerce .wp-site-blocks > .wp-block-group.woocommerce.product,
body.woocommerce .is-layout-constrained > .wp-block-group.woocommerce.product {
  width: 100%;
  max-width: none !important;
  margin-block: var(--wp--style--block-gap, 24px) 0;
  margin-inline: 0 !important;
}

/* woocommerce.css: padding of the related products row */
.woocommerce main.wp-block-group .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow:has(> .wp-block-columns.are-vertically-aligned-top.is-layout-flex.wp-block-columns-is-layout-flex > .wp-block-column > .wp-block-woocommerce-product-collection) {
  padding-inline: 0 !important;
}

/* woocommerce.css: cart, checkout and account widths */
.woocommerce-account .wp-block-post-title,
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title,
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
  max-width: var(--wp--style--global--wide-size);
}

.woocommerce-account main .woocommerce {
  max-width: var(--wp--style--global--wide-size);
  margin-inline: auto;
}

/* Templates that set their own content width (90 %), which the parent's cap overrode with Fire's global 100 % */
body.woocommerce-cart .wp-block-post-content.alignwide,
body.woocommerce-checkout .wp-block-post-content.alignwide,
body.woocommerce-cart .wp-block-woocommerce-cart.alignwide,
body.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide {
  max-width: 90%;
}

body.single-product .woocommerce.product .is-layout-constrained > .alignwide:not(.wc-block-store-notices) {
  max-width: 90%;
}

body.search.post-type-archive-product main.is-layout-constrained > .alignwide:not(.wc-block-store-notices) {
  max-width: 90%;
}