/**
 * Shop Customizations – Global UI Stylesheet
 *
 * Site-wide style rules that need to apply on every front-end page,
 * regardless of feature scope. Loaded unconditionally by
 * SC_Feature_UI_Customizations::enqueue_global_styles() when the
 * `global_styles` toggle is enabled.
 *
 * Keep this file small — it ships on every page load. Anything bigger
 * than a handful of rules should move to a feature-scoped stylesheet
 * with a narrower enqueue.
 */

/* WooCommerce notice messages — error, info, message — restyled to
   match the site's gold palette. These notices appear in many places
   (cart, checkout, account, product pages, even shop archives), which
   is why this rule has to live in a globally-loaded file rather than
   in any one feature's stylesheet.

   The !important on border is here because some block themes ship a
   pseudo-element border on these notices (a coloured ::before bar)
   with its own style hooks; without the override, ours loses. */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	background-color: var(--wp--preset--color--gold-10);
	border: solid 1px var(--wp--preset--color--gold-30) !important;
   grid-column: 1/-1;
   border-radius: .5rem;
}


@media (min-width: 700px) {
   .wc-block-checkout__sidebar {
      top: var(--sticky-menu-offset);
      transition: top .5s ease;
   }
}

.wp-block-woocommerce-checkout {
   padding-top: 0 !important;
}