/* Patch H2.2 — Moiomi pure-white canvas lock.
   UI backgrounds may use pure white, white transparency and neutral greys only.
   Product photography and intentional product/material colours remain untouched. */

:root {
  --color-background: #ffffff;
  --color-background-deep: #f2f2f2;
  --color-surface: rgba(255, 255, 255, .94);
  --color-surface-strong: #ffffff;
  --color-surface-soft: rgba(255, 255, 255, .82);
  --color-border: rgba(17, 17, 17, .14);
  --color-border-subtle: rgba(17, 17, 17, .09);
  --color-stone: rgba(232, 232, 232, .72);

  --gradient-canvas: #ffffff;
  --gradient-panel: linear-gradient(145deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 100%);
  --gradient-header: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 100%);
  --gradient-card: linear-gradient(145deg, #ffffff 0%, rgba(255,255,255,.94) 100%);

  --glass-background: rgba(255, 255, 255, .90);
  --glass-background-strong: rgba(255, 255, 255, .96);
  --glass-background-soft: rgba(255, 255, 255, .78);
  --glass-border: rgba(17, 17, 17, .14);
  --glass-border-dark: rgba(17, 17, 17, .12);
  --glass-shadow: 0 18px 46px rgba(0, 0, 0, .075), 0 2px 8px rgba(0, 0, 0, .035);
  --glass-shadow-hover: 0 22px 56px rgba(0, 0, 0, .10), 0 3px 10px rgba(0, 0, 0, .045);
  --shadow-card: 0 12px 32px rgba(0, 0, 0, .06), 0 2px 7px rgba(0, 0, 0, .03);
}

html,
body,
.app-shell,
#main-content,
.page-section,
.catalog-page,
.checkout-page,
.cart-page,
.account-page {
  background: #ffffff !important;
  background-image: none !important;
}

.site-header,
.room-navigation-shell,
.w1c-topbar {
  background: var(--gradient-header) !important;
  border-color: var(--color-border) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.05) !important;
}

.global-nav-menu,
.search-dialog,
.cart-drawer,
.wishlist-drawer,
.account-drawer,
.modal,
.dropdown,
.w1c-left,
.w1c-right,
.w1c-panel,
.w1c-art-grid,
.w1c-art-sidebar,
.w1c-art-preview,
.w1c-gate__card,
.commerce-drawer,
.commerce-drawer__panel,
.catalog-filter-panel {
  background: var(--gradient-panel) !important;
  border-color: var(--color-border) !important;
}

.card,
.preview-panel,
.split-feature,
.product-card,
.catalog-category-card,
.artwork-card,
.service-group,
.package-card,
.sitemap-group,
.room-summary,
.room-total,
.callout,
.checkout-card,
.cart-summary-card,
.checkout-summary,
.checkout-confirmation-card,
.account-card,
.account-panel,
.account-profile-card,
.account-section,
.account-order-card,
.account-detail-section,
.account-side-card,
.account-status-hero,
.w1c-card,
.w1c-art-card,
.w1c-gear-grid a,
.w1c-look-rail a,
.w1c-solar__story {
  background: var(--gradient-card) !important;
  border-color: var(--color-border) !important;
}

.card:hover,
.catalog-category-card:hover,
.product-card:hover,
.artwork-card:hover,
.service-group:hover,
.package-card:hover,
.sitemap-group:hover,
.w1c-gear-grid a:hover {
  background: #ffffff !important;
  border-color: rgba(17,17,17,.22) !important;
}

.input,
.select,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.checkout-promo input,
.checkout-payment-method {
  background: #ffffff !important;
  border-color: var(--color-border) !important;
}

.global-nav-menu a:hover,
.search-suggestions a:hover,
.utility-link:hover,
.utility-link:focus-visible,
.utility-link.is-active,
.icon-button:hover,
.room-navigation__arrow:hover,
.catalog-category-chip:hover,
.catalog-category-chip.is-active,
.is-selected:not(.button),
.filter-chip.is-active,
.room-tab.is-active,
.room-choice-card.is-active,
.checkout-payment-method.is-active,
.account-tab.is-active {
  background: #f3f3f3 !important;
}

.catalog-toolbar-shell {
  background: rgba(255,255,255,.94) !important;
  border-color: var(--color-border-subtle) !important;
}

.catalog-category-chip,
.catalog-filter-toggle,
.catalog-product-card__wishlist,
.w1c-topbar button,
.w1c-art-grid > header button,
.w1c-art-grid select,
.w1c-accordions button,
.w1c-text-button {
  background: rgba(255,255,255,.94) !important;
}

.catalog-product-card__media,
.catalog-product-page__media,
.catalog-product-gallery__stage {
  background: linear-gradient(145deg, #ffffff 0%, #f4f4f4 100%) !important;
}

.w1c-look-stage {
  background: radial-gradient(circle at 52% 45%, #ffffff 0%, #f4f4f4 52%, #e8e8e8 100%) !important;
}

.w1c-hero::after,
.w1c-look-stage::after,
.w1c-solar__hero::after {
  background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 64%, rgba(0,0,0,.10)) !important;
}

html[data-route^="/checkout"] body,
.checkout-page,
.cart-page,
.account-page {
  background: #ffffff !important;
}

.site-footer {
  background: #ffffff !important;
  border-color: var(--color-border) !important;
}

.professional-visual::before,
.status-badge--preview,
.status-badge--coming {
  background: #f1f1f1 !important;
}