/* 1.13.170: business-page appearance. The mode is resolved before page CSS.
 * Feed playback, overlays and the white bottom dock retain their own styling. */
:root[data-vtik-theme="light"] :is(body.vtik-shop-page,body.vtik-platform-profile-page,body.vtik-messages-page,body.vtik-seller-ui,body.vtik-upload-page,body[data-vtik-shipper-center]){color-scheme:light}
:root[data-vtik-theme="dark"] :is(body.vtik-shop-page,body.vtik-platform-profile-page,body.vtik-messages-page,body.vtik-seller-ui,body.vtik-upload-page,body[data-vtik-shipper-center]){color-scheme:dark}
:root[data-vtik-theme="light"]{background:#f6f7f8}
:root[data-vtik-theme="light"] body:is(.vtik-shell-scroll-page,.vtik-seller-ui,.vtik-upload-page,.vtik-seller-onboarding-page){--vtik-text-primary:#172027;--vtik-text-secondary:#53616d;--vtik-text-muted:#53616d;--vtik-text-subtle:#53616d;--vtik-link:#2F8F50}
/* Purchase and discovery screens share the light reading palette, while
 * their own templates continue to own all calculations and interactions. */
:root[data-vtik-theme="light"] :is(body.vtik-cart-page,body.vtik-order-success-page,body.vtik-checkout-page,body.vtik-orders-page,body.vtik-search-page){--bg:#f6f7f8;--panel:#fff;--panel2:#edf1f3;--soft:#edf1f3;--line:#d7dfe4;--text:#172027;--muted:#53616d;--brand:#45B96B;background:var(--bg);color:var(--text);color-scheme:light}
:root[data-vtik-theme="light"] :is(body.vtik-cart-page,body.vtik-order-success-page) :is(.vc-top,.vc-card,.vc-item,.vc-summary,.vc-footer,.vc-qty button,.vc-remove,.vc-secondary){background:#fff;color:#172027;border-color:#d7dfe4}
:root[data-vtik-theme="light"] :is(body.vtik-cart-page,body.vtik-order-success-page) :is(.vc-title h1,.vc-item h3,.vc-footer-total strong,.vc-logo,.vc-back,.vc-link){color:#172027}
:root[data-vtik-theme="light"] :is(body.vtik-cart-page,body.vtik-order-success-page) :is(.vc-title p,.vc-muted,.vc-footer-total small){color:#53616d}
:root[data-vtik-theme="light"] :is(body.vtik-cart-page,body.vtik-order-success-page) .vc-primary{background:#45B96B;color:#fff}
:root[data-vtik-theme="light"] body.vtik-checkout-page :is(.co-head,.co-section,.co-address,.co-shop,.co-option,.co-item,.co-summary,.co-footer,.co-edit,.co-back,.co-cart){background:#fff;color:#172027;border-color:#d7dfe4}
:root[data-vtik-theme="light"] body.vtik-checkout-page :is(.co-title,.co-section-title,.co-shop-head strong,.co-address-main strong,.co-item h3,.co-total){color:#172027}
:root[data-vtik-theme="light"] body.vtik-checkout-page :is(.co-address-main p,.co-field label,.co-muted){color:#53616d}
:root[data-vtik-theme="light"] body.vtik-checkout-page :is(.co-field input,.co-field select,.co-field textarea,.co-shop-note textarea){background:#fff;color:#172027;border-color:#cbd6dc}
:root[data-vtik-theme="light"] body.vtik-checkout-page :is(.co-primary,.co-place-order){background:#45B96B;color:#fff}
:root[data-vtik-theme="light"] body.vtik-orders-page :is(.vo-top,.vo-tabs,.vo-order,.vo-head,.vo-track,.vo-address,.vo-btn){background:#fff;color:#172027;border-color:#d7dfe4}
:root[data-vtik-theme="light"] body.vtik-orders-page :is(.vo-logo,.vo-back,.vo-shop,.vo-title h1,.vo-code,.vo-tab.active,.vo-order strong){color:#172027}
:root[data-vtik-theme="light"] body.vtik-orders-page :is(.vo-title p,.vo-date,.vo-muted,.vo-tab){color:#53616d}
:root[data-vtik-theme="light"] body.vtik-search-page :is(.vs-head,.vs-input-wrap,.vs-tabs,.vs-suggest,.vs-suggest-item,.vs-card,.vs-result,.vs-filter,.vs-filters){background:#fff;color:#172027;border-color:#d7dfe4}
:root[data-vtik-theme="light"] body.vtik-search-page :is(.vs-logo,.vs-input,.vs-tab.on,.vs-intro h1,.vs-suggest-item strong){color:#172027}
:root[data-vtik-theme="light"] body.vtik-search-page :is(.vs-tab,.vs-intro p,.vs-suggest-item small){color:#53616d}
:root[data-vtik-theme="light"] body.vtik-search-page .vs-input::placeholder{color:#53616d;opacity:1}

/* VTIK UI 1.13.264 — canonical Buyer shipping card remains a deliberate
   dark island in light mode so one quote/state is visually unambiguous. */
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-shipping-card {
  background:#123038;color:#f6fbfd;border-color:#35515a;
}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-shipping-card :is(strong,span,b,p,div){color:#f6fbfd;}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-shipping-card .co-shipping-note {color:#d1e3e8;}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-shipping-card.is-unavailable {background:#fff1eb;border-color:#e8b7a6;}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-shipping-card.is-unavailable :is(.co-shipping-title,.co-shipping-price,.co-shipping-note){color:#9f3819;}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-option:has(input:checked){
  background:#fff1e9;color:#172027;
}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-option-price {color:#45B96B;}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-sum-row.total span {color:#172027;}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-sum-row.total b {color:#45B96B;}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-badge {
  background:#e1f4e9;color:#14683a;border-color:#a3d9b7;
}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-qty :is(button,input){
  background:#f1f5f7;color:#172027;
}
:root[data-vtik-theme="light"] body.vtik-checkout-page .co-footer button:not(:disabled){
  color:#fff;
}
:root[data-vtik-theme="light"] body.vtik-checkout-page :is(.co-option,.co-edit,.co-qty button):focus-visible{
  outline:2px solid #087c75;outline-offset:2px;
}


/* VTIK UI 1.13.235 — order-success light-mode contrast hardening.
 * The template starts from a dark palette, therefore every value/CTA that
 * survives into light mode must receive an explicit foreground instead of
 * inheriting dark-island colours. */
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-success h1,
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-card h2,
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-row b,
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-total span,
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-total b{
  color:#172027;
}
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-row>span:first-child,
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-note{
  color:#53616d;
}
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-order-code{
  background:#172027;color:#fff;border-color:#172027;
}
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-primary{
  background:#45B96B;color:#fff!important;
}
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-secondary{
  background:#fff;color:#172027!important;border-color:#cbd6dc;
}
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-bank{
  background:#f4f7f8;color:#172027;border-color:#d7dfe4;
}
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-bank :is(b,strong){color:#172027}
:root[data-vtik-theme="light"] body.vtik-order-success-page .vc-bank-ref{
  background:#fff1dc;color:#805000;
}
/* Reserve a real end-of-page clearance for the fixed app dock on both desktop
 * and mobile. This is deliberately scoped to order-success so checkout/cart
 * sticky bars keep their own established geometry. */
body.vtik-order-success-page .vc-wrap{
  padding-bottom:calc(var(--vtik-app-nav-h,58px) + max(env(safe-area-inset-bottom,0px),var(--vtik-native-bottom,0px)) + 72px)!important;
}
body.vtik-order-success-page{scroll-padding-bottom:calc(var(--vtik-app-nav-h,58px) + 24px)}
@media(max-width:640px){
  body.vtik-order-success-page .vc-wrap{
    padding-bottom:calc(var(--vtik-app-nav-h,58px) + max(env(safe-area-inset-bottom,0px),var(--vtik-native-bottom,0px)) + 54px)!important;
  }
}