/* MetaCore experiment · soft-light indigo background · 2026-06-14
   Safe visual layer: no PHP/layout logic changed. */

:root {
  --mc-soft-indigo-bg: #f5f2ff;
  --mc-soft-indigo-panel: #ffffff;
  --mc-soft-indigo-line: #ebe4ff;
  --mc-soft-indigo-shadow: rgba(73, 53, 145, 0.08);
}

html,
body {
  background: var(--mc-soft-indigo-bg) !important;
}

.site,
.site-content,
.main-page-wrapper,
.website-wrapper,
.main-content,
.content-area,
main {
  background: transparent !important;
}

.container,
.container-fluid,
.wd-content-layout,
.woocommerce,
.shop-content-area {
  background-color: transparent;
}

.product-grid-item,
.product-wrapper,
.wd-product,
.product,
.cart_totals,
.woocommerce-cart-form,
.woocommerce-checkout-review-order,
.account-sidebar,
.my-account-wrapper,
.wd-side-hidden,
.widget,
.entry-content > .vc_row,
.page-title,
.search-results-wrapper {
  background-color: var(--mc-soft-indigo-panel);
  box-shadow: 0 10px 30px var(--mc-soft-indigo-shadow);
}

hr,
.border-bottom-1px-solid-eee,
.border-top-2px-solid-eee,
.border-right-1px-solid-eee {
  border-color: var(--mc-soft-indigo-line) !important;
}