/* ZEROOCLOCK_COMMERCE_CANVAS_SHOP_THEME_V2_0_63
   Existing legacy account/checkout CSS reads --lsf-bg (old dark palette).
   Normalize only the content canvas to the active tenant shop palette from v261.
   Never modify header, footer, map tiles, external gateway, alert success/danger.
*/
body[data-zoc-journey-v262="1"] {
  --zoc-v263-bg:var(--zoc-acc-shop-bg,#f6f6f6);
  --zoc-v263-card:var(--zoc-acc-card-bg,#ffffff);
  --zoc-v263-ink:var(--zoc-acc-shop-ink,#172844);
  --zoc-v263-muted:var(--zoc-acc-shop-muted,#697586);
  /* Actual active header publishes these, not an unrelated template's menu. */
  --zoc-v263-nav:var(--lsf-active-nav-surface-bg-v170,var(--zoc-acc-nav-base,#003d32));
  --zoc-v263-nav-ink:var(--lsf-active-nav-surface-text-v170,var(--zoc-acc-nav-ink-base,#ffffff));
  --zoc-v263-line:color-mix(in srgb,var(--zoc-v263-ink) 14%,transparent);
  --zoc-v263-soft:color-mix(in srgb,var(--zoc-v263-card) 92%,var(--zoc-v263-nav) 8%);
  background-color:var(--zoc-v263-bg)!important;
  color:var(--zoc-v263-ink)!important;
}

/* Scope old Luxury palette variables to content ONLY; preserving active header/footer. */
html body[data-zoc-journey-v262="1"] .lsf-root.lsf-account-palette-v20 :is(.lsf-account-inner,.lsf-account-page,.lsf-auth-page) {
  --lsf-bg:var(--zoc-v263-bg);
  --lsf-surface:var(--zoc-v263-card);
  --lsf-contrast:var(--zoc-v263-ink);
  --lsf-muted:var(--zoc-v263-muted);
  --lsf-account-line:var(--zoc-v263-line);
  --lsf-account-line-strong:var(--zoc-v263-line);
  --lsf-account-soft:var(--zoc-v263-soft);
  --lsf-account-soft-2:var(--zoc-v263-soft);
  --sc-bg:var(--zoc-v263-bg);
  --sc-card:var(--zoc-v263-card);
  --sc-ink:var(--zoc-v263-ink);
  --sc-muted:var(--zoc-v263-muted);
  background:var(--zoc-v263-bg)!important;
  background-image:none!important;
  color:var(--zoc-v263-ink)!important;
}
html body[data-zoc-journey-v262="1"] .lsf-root.lsf-account-palette-v20 {
  background:var(--zoc-v263-bg)!important;
  background-image:none!important;
  color:var(--zoc-v263-ink)!important;
}
/* This was the broad dark panel in all screenshots, not the product-card surface. */
html body[data-zoc-journey-v262="1"] .lsf-root.lsf-account-palette-v20 .lsf-account-inner > .lsf-shell,
html body[data-zoc-journey-v262="1"] .lsf-root.lsf-account-palette-v20 .lsf-account-page > .lsf-shell,
html body[data-zoc-journey-v262="1"] .lsf-root.lsf-account-palette-v20 .lsf-auth-page > .lsf-shell {
  background:var(--zoc-v263-bg)!important;
  background-image:none!important;
  color:var(--zoc-v263-ink)!important;
  border-color:var(--zoc-v263-line)!important;
  box-shadow:none!important;
}
/* Older finance / tickets / orders wrappers had their own midnight background. */
html body[data-zoc-journey-v262="1"] .lsf-root.lsf-account-palette-v20 .lsf-account-inner :is(.jf-wrap,.jf-section,.oc-finance-page,.zfw,.ztk,.ztf,.ztv,.zt-site,.sc-page,.sc-step-head,.sc-layout,.sc-checkout,.sc-content,.sc-body,.sc-cart-content,.sc-items,.sc-steps,.sc-main,.sc-container),
html body[data-zoc-journey-v262="1"] :is(.cm-account-shell,.lap-account,.jf-account-v67) {
  --lsf-bg:var(--zoc-v263-bg);
  --lsf-surface:var(--zoc-v263-card);
  --lsf-contrast:var(--zoc-v263-ink);
  --lsf-muted:var(--zoc-v263-muted);
  --sc-bg:var(--zoc-v263-bg);
  --sc-card:var(--zoc-v263-card);
  --sc-ink:var(--zoc-v263-ink);
  --sc-muted:var(--zoc-v263-muted);
  background-color:var(--zoc-v263-bg)!important;
  background-image:none!important;
  color:var(--zoc-v263-ink)!important;
}
/* Large internal section wrappers and price/cart/checkout backgrounds. */
html body[data-zoc-journey-v262="1"] :is(.sc-page,.sc-main,.sc-content,.sc-checkout,.sc-layout,.sc-cart-content,.sc-items,.sc-steps,.sc-container,.jf-wrap,.jf-section,.oc-finance-page,.zfw,.ztk,.ztf,.ztv) {
  background-color:var(--zoc-v263-bg)!important;
  color:var(--zoc-v263-ink)!important;
}
/* Only actual cards/surfaces are card-colored, not the huge outer canvas. */
html body[data-zoc-journey-v262="1"] .lsf-account-inner :is(.jf-card,.oc-card,.addr-item,.zfw-card,.ztk-card,.ztf-card,.ztv-card,.zoc-customer-profile-v61__card,.sc-card,.sc-cart-item,.sc-summary,.sc-invoice,.sc-address,.sc-payment-option,.sc-shipping,.sc-schedule,.sc-result,.sc-order-card,.sc-empty,.sc-map-picker,.sc-receipt-drop,.sc-receipt-files),
html body[data-zoc-journey-v262="1"] :is(.sc-card,.sc-cart-item,.sc-summary,.sc-invoice,.sc-address,.sc-payment-option,.sc-shipping,.sc-schedule,.sc-result,.sc-order-card,.sc-empty,.sc-receipt-drop,.sc-receipt-files) {
  background:var(--zoc-v263-card)!important;
  background-image:none!important;
  color:var(--zoc-v263-ink)!important;
  border-color:var(--zoc-v263-line)!important;
}
/* Profile hero and checkout hero were inherited from the midnight-gold theme. */
html body[data-zoc-journey-v262="1"] .lsf-account-inner :is(.zoc-customer-profile-v61__hero,.sc-hero,.sc-step-head,.sc-progress,.oc-hero,.zfw-hero,.ztk-hero,.ztf-hero,.ztv-hero),
html body[data-zoc-journey-v262="1"] :is(.sc-hero,.sc-step-head,.sc-progress) {
  background:var(--zoc-v263-card)!important;
  background-image:none!important;
  color:var(--zoc-v263-ink)!important;
  border-color:var(--zoc-v263-line)!important;
  box-shadow:none!important;
}
html body[data-zoc-journey-v262="1"] :is(.sc-hero,.sc-step-head,.zoc-customer-profile-v61__hero) :is(h1,h2,h3,p,strong,span:not(.sc-status):not(.badge)) {
  color:var(--zoc-v263-ink)!important;
  -webkit-text-fill-color:var(--zoc-v263-ink)!important;
}
html body[data-zoc-journey-v262="1"] :is(.sc-progress-step:not(.is-active),.sc-bank-info > div,.sc-result-order,.sc-address-actions,.sc-map-head,.sc-invoice-head,.zfw-stat,.ztk-row,.ztf-row,.ztv-row) {
  background:var(--zoc-v263-soft)!important;
  color:var(--zoc-v263-ink)!important;
  border-color:var(--zoc-v263-line)!important;
}
html body[data-zoc-journey-v262="1"] :is(.sc-page,.zfw,.ztk,.ztf,.ztv,.jf-wrap,.oc-finance-page) :is(h1,h2,h3,h4,legend,dt,dd,th,label:not(.sc-status),.sc-section-title,.sc-step-head) {
  color:var(--zoc-v263-ink)!important;
  -webkit-text-fill-color:var(--zoc-v263-ink)!important;
}
html body[data-zoc-journey-v262="1"] :is(.sc-page,.zfw,.ztk,.ztf,.ztv,.jf-wrap,.oc-finance-page) :is(.muted,.sc-muted,.jf-muted,.zfw-muted,.ztk-muted,.ztf-muted,.ztv-muted,.addr-meta) {
  color:var(--zoc-v263-muted)!important;
  -webkit-text-fill-color:var(--zoc-v263-muted)!important;
}
/* Form fields and select menus must stay readable on both dark/light palettes. */
html body[data-zoc-journey-v262="1"] :is(.lsf-account-inner,.sc-page,.zfw,.ztk,.ztf,.ztv) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),textarea,select) {
  background:var(--zoc-v263-card)!important;
  color:var(--zoc-v263-ink)!important;
  -webkit-text-fill-color:var(--zoc-v263-ink)!important;
  border-color:var(--zoc-v263-line)!important;
  caret-color:var(--zoc-v263-ink)!important;
}
/* Active actions derive from the same currently selected header, not gold old palette. */
html body[data-zoc-journey-v262="1"] :is(.sc-btn-primary,.sc-progress-step.is-active,.sc-page .btn-primary,.lsf-account-inner .btn-primary,.lsf-account-inner .jf-btn-primary,.lsf-account-inner .jf-btnPrimary,.zfw-btn-primary,.ztk-btn.primary,.ztf-btn.primary,.ztv-btn.primary) {
  background:var(--zoc-v263-nav)!important;
  color:var(--zoc-v263-nav-ink)!important;
  -webkit-text-fill-color:var(--zoc-v263-nav-ink)!important;
  border-color:var(--zoc-v263-nav)!important;
}
html body[data-zoc-journey-v262="1"] :is(.sc-btn-primary,.sc-progress-step.is-active,.sc-page .btn-primary,.lsf-account-inner .btn-primary,.lsf-account-inner .jf-btn-primary,.lsf-account-inner .jf-btnPrimary,.zfw-btn-primary,.ztk-btn.primary,.ztf-btn.primary,.ztv-btn.primary) :is(span,b,strong,svg,i) {
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
/* Preserve error/success states, external payment iframe, actual map imagery,
   the active header / navigation, and independently themed footer. */
@media (max-width:760px) {
  html body[data-zoc-journey-v262="1"] .lsf-account-inner > .lsf-shell {max-width:100%;}
}