/*
 * SkyJacker skin for the bundle configurator. The generic stylesheet defines neutral defaults as
 * custom properties on .cc-bundle; these are SkyJacker's. This file only loads on pages with a bundle.
 */
.cc-bundle {
  --cc-bundle-accent: #cc2200;
  --cc-bundle-price: #1f3b73;
}

/*
 * Keep the product gallery in view on desktop while the shopper works down a long configurator, so the
 * image swap for each chosen option is visible. The columns stack below 782px, so it is not sticky there.
 */
@media (min-width: 782px) {
  .wp-block-commerce-connect-single-product .product-gallery {
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 2rem);
  }
}