/* ZOC_COMMERCE_JOURNEY_THEME_V2_0_62
 * Shared visual tokens: active tenant shop canvas, product-card surface/text,
 * active top-navigation background/ink. Restrict to rendered /account and
 * /checkout documents. Do not override alerts, map tiles, payment widgets,
 * OTP dialogs, header, main shop, or admin.
 */
body[data-zoc-journey-v262="1"] {
  --zoc-j-bg:var(--zoc-acc-shop-bg,#f6f6f6);
  --zoc-j-card:var(--zoc-acc-card-bg,#fff);
  --zoc-j-ink:var(--zoc-acc-shop-ink,#172844);
  --zoc-j-muted:var(--zoc-acc-shop-muted,#64748b);
  --zoc-j-nav:var(--zoc-acc-nav-base,#142742);
  --zoc-j-nav-ink:var(--zoc-acc-nav-ink-base,#fff);
  --zoc-j-line:color-mix(in srgb,var(--zoc-j-ink) 16%,transparent);
  --zoc-j-soft:color-mix(in srgb,var(--zoc-j-nav) 8%,var(--zoc-j-card));
  background-color:var(--zoc-j-bg);
  color:var(--zoc-j-ink);
}
/* Shared purchase flow: all steps, summary, coupons, invoice, bank receipt, results. */
body[data-zoc-journey-section-v262="checkout"] .sc-page,
body[data-zoc-journey-v262="1"] .sc-page {
  --sc-bg:var(--zoc-j-bg);
  --sc-card:var(--zoc-j-card);
  --sc-ink:var(--zoc-j-ink);
  --sc-muted:var(--zoc-j-muted);
  --sc-accent:var(--zoc-j-nav);
  --sc-on-accent:var(--zoc-j-nav-ink);
  --sc-primary:var(--zoc-j-nav);
  --sc-line:var(--zoc-j-line);
  --sc-soft:var(--zoc-j-soft);
  --store-primary:var(--zoc-j-nav);
  --store-background:var(--zoc-j-bg);
  --store-surface:var(--zoc-j-card);
  --store-text:var(--zoc-j-ink);
  --store-muted:var(--zoc-j-muted);
  --store-on-primary:var(--zoc-j-nav-ink);
  background-color:var(--zoc-j-bg)!important;
  color:var(--zoc-j-ink)!important;
}
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-map-picker,.sc-receipt-drop,.sc-receipt-files) {
  background-color:var(--zoc-j-card)!important;
  border-color:var(--zoc-j-line)!important;
  color:var(--zoc-j-ink);
}
body[data-zoc-journey-v262="1"] :is(.sc-cart-info h3,.sc-step-head h1,.sc-section-title h2,.sc-card h2,.sc-summary-head,.sc-invoice-head,.sc-cart-line b,.sc-result h1) {
  color:var(--zoc-j-ink);
}
body[data-zoc-journey-v262="1"] :is(.sc-btn-primary,.sc-progress-step.is-active,.sc-invoice-total) {
  background-color:var(--zoc-j-nav)!important;
  color:var(--zoc-j-nav-ink)!important;
  -webkit-text-fill-color:var(--zoc-j-nav-ink)!important;
  border-color:var(--zoc-j-nav)!important;
}
body[data-zoc-journey-v262="1"] :is(.sc-btn-primary,.sc-progress-step.is-active,.sc-invoice-total) :is(span,b,strong,svg,i) {
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
body[data-zoc-journey-v262="1"] .sc-hero {
  background:linear-gradient(120deg,var(--zoc-j-nav),color-mix(in srgb,var(--zoc-j-nav) 72%,var(--zoc-j-bg)))!important;
  border-color:var(--zoc-j-line)!important;
  color:var(--zoc-j-nav-ink)!important;
}
body[data-zoc-journey-v262="1"] .sc-hero :is(h1,p,.sc-eyebrow) {
  color:var(--zoc-j-nav-ink)!important;
  -webkit-text-fill-color:var(--zoc-j-nav-ink)!important;
}
body[data-zoc-journey-v262="1"] :is(.sc-progress,.sc-map-head,.sc-invoice-head,.sc-result-order,.sc-bank-info>div) {
  background-color:var(--zoc-j-soft)!important;
  border-color:var(--zoc-j-line)!important;
}
body[data-zoc-journey-v262="1"] :is(.sc-page input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.sc-page textarea,.sc-page select) {
  background-color:var(--zoc-j-card)!important;
  color:var(--zoc-j-ink)!important;
  -webkit-text-fill-color:var(--zoc-j-ink)!important;
  border-color:var(--zoc-j-line)!important;
  caret-color:var(--zoc-j-ink)!important;
}
body[data-zoc-journey-v262="1"] :is(.sc-btn-soft,.sc-address-actions a,.sc-page .sc-qty button) {
  background-color:var(--zoc-j-card)!important;
  border-color:var(--zoc-j-line)!important;
  color:var(--zoc-j-ink)!important;
  -webkit-text-fill-color:var(--zoc-j-ink)!important;
}
/* Account: profile cards, addresses, finance/wallet, support tickets, order history. */
body[data-zoc-journey-v262="1"] :is(.zoc-customer-profile-v61,.zfw,.ztk,.zt-site,.zt-header,.jf-section,.jf-wrap) {
  --zoc-ink:var(--zoc-j-ink);
  --zoc-p:var(--zoc-j-nav);
  --zoc-muted:var(--zoc-j-muted);
  --store-primary:var(--zoc-j-nav);
  --store-surface:var(--zoc-j-card);
  --store-text:var(--zoc-j-ink);
  color:var(--zoc-j-ink);
}
body[data-zoc-journey-v262="1"] :is(.zoc-customer-profile-v61__card,.zoc-customer-profile-v61__dialog,.zfw-card,.zfw-hero,.zt-card,.zt-ticket-row,.ztk-card,.ztk-row,.addr-item,.jf-card,.zoc-account-invoices-v41,.zoc-order-section-v103) {
  background:var(--zoc-j-card)!important;
  background-image:none!important;
  border-color:var(--zoc-j-line)!important;
  color:var(--zoc-j-ink)!important;
}
body[data-zoc-journey-v262="1"] :is(.zoc-customer-profile-v61__hero,.zoc-customer-profile-v61__step-badge,.zfw-balance,.ztk-btn.primary,.zt-btn-primary) {
  background:var(--zoc-j-nav)!important;
  background-image:none!important;
  border-color:var(--zoc-j-nav)!important;
  color:var(--zoc-j-nav-ink)!important;
  -webkit-text-fill-color:var(--zoc-j-nav-ink)!important;
}
body[data-zoc-journey-v262="1"] :is(.zoc-customer-profile-v61__hero,.zoc-customer-profile-v61__step-badge,.zfw-balance,.ztk-btn.primary,.zt-btn-primary) :is(h1,h2,h3,p,b,strong,span,i,svg) {
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
body[data-zoc-journey-v262="1"] :is(.zoc-customer-profile-v61__card,.zfw-card,.zt-card,.zt-ticket-row,.ztk-card,.addr-item,.jf-card) :is(h1,h2,h3,h4,strong,b) {
  color:var(--zoc-j-ink)!important;
  -webkit-text-fill-color:var(--zoc-j-ink)!important;
}
body[data-zoc-journey-v262="1"] :is(.zoc-customer-profile-v61__card,.zfw-card,.zt-card,.zt-ticket-row,.ztk-card,.addr-item) :is(p,small,.zfw-muted,.zt-meta,.addr-meta) {
  color:var(--zoc-j-muted)!important;
}
body[data-zoc-journey-v262="1"] :is(.zfw-btn,.zt-btn:not(.zt-btn-refresh),.jf-btn:not(.jf-btn-outline),.zoc-customer-profile-v61__actions button.is-confirm) {
  background:var(--zoc-j-nav)!important;
  color:var(--zoc-j-nav-ink)!important;
  -webkit-text-fill-color:var(--zoc-j-nav-ink)!important;
  border-color:var(--zoc-j-nav)!important;
}
body[data-zoc-journey-v262="1"] :is(.zfw input:not([type="checkbox"]):not([type="radio"]),.zfw select,.zfw textarea,.ztk input,.ztk textarea,.zt-site input,.zt-site textarea,.jf-section input,.jf-section select,.jf-section textarea) {
  background:var(--zoc-j-card)!important;
  color:var(--zoc-j-ink)!important;
  -webkit-text-fill-color:var(--zoc-j-ink)!important;
  border-color:var(--zoc-j-line)!important;
}
body[data-zoc-journey-v262="1"] :is(.ztk-status,.zt-chip,.zfw-chip,.sc-status) {
  border-color:var(--zoc-j-line);
}
/* Legacy checkout pages rendered through CheckoutController. */
body[data-zoc-journey-section-v262="checkout"] :is(.jf-wrap,.jf-section,.container.py-4) {
  color:var(--zoc-j-ink);
}
body[data-zoc-journey-section-v262="checkout"] :is(.jf-wrap .jf-card,.jf-section .jf-card,.gw-item,.container.py-4>.card) {
  background:var(--zoc-j-card)!important;
  color:var(--zoc-j-ink)!important;
  border-color:var(--zoc-j-line)!important;
}
body[data-zoc-journey-section-v262="checkout"] :is(.jf-wrap .jf-btn:not(.secondary),.jf-section .jf-btn:not(.secondary),.container.py-4 .btn-primary) {
  background:var(--zoc-j-nav)!important;
  color:var(--zoc-j-nav-ink)!important;
  -webkit-text-fill-color:var(--zoc-j-nav-ink)!important;
  border-color:var(--zoc-j-nav)!important;
}
/* Keep alert success/failure, chosen radio controls, map tiles, and external payment
   provider screens semantically colored and operationally unchanged. */
@media(max-width:760px) {
  body[data-zoc-journey-v262="1"] :is(.sc-page,.zfw,.ztk,.zoc-customer-profile-v61) {max-width:100%;}
}
