
/* --------------------------------------------------------------------------
 * CraftArt Global Width v1.4.7
 * Wider 1400px shell for Storefront UI modules.
 * -------------------------------------------------------------------------- */

body.craftart-storefront-child:not(.casf-elementor-canvas-bypass) {
  --casf-global-shell: min(1400px, calc(100vw - 48px));
  --casf-global-shell-tight: min(1400px, calc(100vw - 36px));
  --casf-flow-shell: min(1400px, calc(100vw - 48px));
  --casf-search-shell-width: 1400px;
  --casf-404-shell-width: 1400px;
}

@media (max-width: 700px) {
  body.craftart-storefront-child:not(.casf-elementor-canvas-bypass) {
    --casf-global-shell: calc(100vw - 24px);
    --casf-global-shell-tight: calc(100vw - 24px);
    --casf-flow-shell: calc(100vw - 24px);
  }
}

/* Astra/site shell general */
body.craftart-storefront-child:not(.casf-elementor-canvas-bypass) .site-content > .ast-container,
body.craftart-storefront-child:not(.casf-elementor-canvas-bypass) #content > .ast-container,
body.craftart-storefront-child:not(.casf-elementor-canvas-bypass).ast-separate-container .site-content > .ast-container,
body.craftart-storefront-child:not(.casf-elementor-canvas-bypass).ast-page-builder-template .site-content > .ast-container {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Header */
body.craftart-storefront-child .casf-store-header__trust-inner,
body.craftart-storefront-child .casf-store-header__main--jet,
body.craftart-storefront-child .casf-store-header__quick-inner {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
}

/* Footer */
body.craftart-storefront-child .casf-default-footer__inner,
body.craftart-storefront-child .casf-default-footer__bottom {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
}

/* Woo notices and general WooCommerce blocks */
body.craftart-storefront-child .woocommerce-notices-wrapper:not(:empty),
body.craftart-storefront-child .woocommerce-NoticeGroup,
body.craftart-storefront-child .woocommerce-form-login-toggle,
body.craftart-storefront-child .woocommerce-form-coupon-toggle {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
}

/* Shop, categories and search results */
body.casf-shop-page .ast-container,
body.casf-shop-page .site-content > .ast-container,
body.casf-shop-page #primary,
body.search .ast-container,
body.search .site-content > .ast-container,
body.search #primary,
body.search .casf-search-wrap,
body.search .casf-search-axis,
body.search .casf-search-shell,
body.search .casf-search-results,
body.search .casf-search-empty,
body.search .casf-search-recommended,
body.error404 .casf-404-wrap,
body.error404 .casf-404-axis,
body.error404 .casf-404-shell {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Single product */
body.casf-product-page .woocommerce-notices-wrapper,
body.casf-product-page .casf-product-axis,
body.casf-product-page .casf-product-content-grid,
body.casf-product-page .related.products,
body.casf-product-page .up-sells,
body.casf-product-page .upsells {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Cart / checkout / thank you flow */
body.casf-cart-page .casf-cart-axis,
body.casf-checkout-page .casf-checkout-axis,
body.casf-order-received-page .casf-thankyou-axis,
body.casf-order-received-page .casf-order-shell,
body.casf-cart-page .casf-cart-shell,
body.casf-checkout-page form.checkout.casf-checkout-shell,
body.casf-checkout-page form.woocommerce-checkout.casf-checkout-shell,
body.casf-checkout-page .casf-checkout-shell,
body.casf-order-received-page .casf-thankyou-shell,
body.casf-order-received-page .woocommerce-order {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.casf-cart-page .casf-cart-axis,
body.casf-checkout-page .casf-checkout-axis,
body.casf-order-received-page .casf-thankyou-axis {
  --casf-flow-shell: var(--casf-global-shell) !important;
}

/* My account */
body.casf-account-page .site-content > .ast-container,
body.casf-account-page #content > .ast-container,
body.casf-account-page .site-content .ast-container,
body.casf-account-page #content .ast-container,
body.casf-account-page .casf-account-axis,
body.casf-account-page .entry-content > .woocommerce,
body.casf-account-page article > .woocommerce,
body.casf-account-page .site-main > .woocommerce,
body.casf-account-page main .woocommerce {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Legal crosslinks */
body.craftart-storefront-child .casf-legal-crosslinks,
body.craftart-storefront-child .casf-legal-crosslinks__wrap,
body.craftart-storefront-child .casf-legal-crosslinks-wrap {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Existing Elementor/custom landing wrappers used in CraftArt pages. */
body.craftart-storefront-child .ca-rights-wrap,
body.craftart-storefront-child .ca-digital-wrap,
body.craftart-storefront-child .ca-payments-wrap,
body.craftart-storefront-child .ca-about-wrap,
body.craftart-storefront-child .ca-track-wrap,
body.craftart-storefront-child .ca-cookies-wrap,
body.craftart-storefront-child .ca-custom-wrap,
body.craftart-storefront-child .ca-support-wrap,
body.craftart-storefront-child .ca-helpcenter-wrap,
body.craftart-storefront-child .ca-contact-wrap,
body.craftart-storefront-child .ca-shipping-wrap,
body.craftart-storefront-child .ca-returns-wrap,
body.craftart-storefront-child .ca-privacy-wrap,
body.craftart-storefront-child .ca-terms-wrap {
  width: var(--casf-global-shell) !important;
  max-width: var(--casf-global-shell) !important;
}
