/* Madeshop violet refined with the blue-violet material from the owner's payment artwork. Interaction paints only a small button
   for 260ms; no timers, JS, filters, infinite animation or persistent will-change. */
html[data-theme="silver"]{
  --sl-button-start:#6A5FF0;
  --sl-button-end:#5B5FE8;
  --sl-button-edge:#655DE8;
  --sl-button-ink:#FFFFFF;
  --sl-button-shadow:inset 0 2px 2px -1px #FFFFFF60,inset 0 -1px 0 #3939A540,0 3px 0 -1px #4947BB,0 5px 8px -4px #3E369245;
  --sl-button-pressed-shadow:inset 0 2px 4px -1px #30287838,inset 0 -1px 0 #FFFFFF50,0 1px 0 -1px #4947BB;
  --sl-button-gradient:linear-gradient(125deg,#7060DB 0%,#454FE4 42%,#5B3CDD 72%,#793DDB 100%);
}
html[data-theme="silver"] :is(.sl-catalog-trigger,.sl-quick-search-form>button,
  .sl-button,.sl-home-button,.lmk-add-cart,.btn-buy,#qaModal .qa-btn-primary,
  .sl-shop-campaign-inner>a,.cx-btn-checkout,.cx-btn-order,.cx-btn-login,.cx-btn-cta,
  .lemark-cart .btn-checkout,.ck-cta,.ck-modal-route-btn){
  background-color:var(--sl-control-bg,var(--sl-button-start))!important;
  background-image:var(--sl-control-image,var(--sl-button-gradient))!important;
  background-size:100% 100%!important;
  background-position:0% 50%!important;
  color:var(--sl-control-ink,var(--sl-button-ink))!important;
  border:1px solid var(--sl-control-edge,var(--sl-button-edge))!important;
  box-shadow:var(--sl-control-shadow,var(--sl-button-shadow))!important;
  transition:background-position .26s ease-out,transform .16s ease-out,border-color .16s ease-out!important;
  text-decoration:none;
}
html[data-theme="silver"] :is(.sl-catalog-trigger,.sl-quick-search-form>button,
  .sl-button,.sl-home-button,.lmk-add-cart,.btn-buy,#qaModal .qa-btn-primary,
  .sl-shop-campaign-inner>a,.cx-btn-checkout,.cx-btn-order,.cx-btn-login,.cx-btn-cta,
  .lemark-cart .btn-checkout,.ck-cta,.ck-modal-route-btn):is(:focus-visible,:active){
  --sl-button-start:#5B5FE8;--sl-button-end:#4A4ED2;
  --sl-button-gradient:linear-gradient(125deg,#594BD0 0%,#3642CC 42%,#5130CA 72%,#6530CB 100%);
  background-image:var(--sl-control-image,var(--sl-button-gradient))!important;
  background-position:0% 50%!important;
}
html[data-theme="silver"] :is(.sl-catalog-trigger,.sl-quick-search-form>button,
  .sl-button,.sl-home-button,.lmk-add-cart,.btn-buy,#qaModal .qa-btn-primary,
  .sl-shop-campaign-inner>a,.cx-btn-checkout,.cx-btn-order,.cx-btn-login,.cx-btn-cta,
  .lemark-cart .btn-checkout,.ck-cta,.ck-modal-route-btn):focus-visible{outline:2px solid var(--sl-action-text);outline-offset:4px}
html[data-theme="silver"] :is(.sl-catalog-trigger,.sl-quick-search-form>button,
  .sl-button,.sl-home-button,.lmk-add-cart,.btn-buy,#qaModal .qa-btn-primary,
  .sl-shop-campaign-inner>a,.cx-btn-checkout,.cx-btn-order,.cx-btn-login,.cx-btn-cta,
  .lemark-cart .btn-checkout,.ck-cta,.ck-modal-route-btn):active{--sl-button-shadow:var(--sl-button-pressed-shadow);transform:var(--sl-control-press,translateY(2px))}
@media(hover:hover) and (pointer:fine){
 html[data-theme="silver"] :is(.sl-catalog-trigger,.sl-quick-search-form>button,
   .sl-button,.sl-home-button,.lmk-add-cart,.btn-buy,#qaModal .qa-btn-primary,
   .sl-shop-campaign-inner>a,.cx-btn-checkout,.cx-btn-order,.cx-btn-login,.cx-btn-cta,
  .lemark-cart .btn-checkout,.ck-cta,.ck-modal-route-btn):hover{
   --sl-button-start:#5B5FE8;--sl-button-end:#4A4ED2;
  --sl-button-gradient:linear-gradient(125deg,#594BD0 0%,#3642CC 42%,#5130CA 72%,#6530CB 100%);
   background-image:var(--sl-control-image,var(--sl-button-gradient))!important;
   background-color:var(--sl-control-bg,var(--sl-button-start))!important;
   background-size:100% 100%!important;
   background-position:0% 50%!important;
   color:var(--sl-control-ink,var(--sl-button-ink))!important;
   border-color:var(--sl-control-edge,var(--sl-button-edge))!important;
 }
}
/* Added items and disabled controls retain a clear, stable state. */
html[data-theme="silver"] .lmk-add-cart.in-cart{
 --sl-control-image:none;--sl-control-bg:var(--sl-action-soft);
 --sl-control-ink:var(--sl-action-text);--sl-control-edge:var(--sl-line);
 --sl-control-shadow:none;--sl-control-press:none;
 background-image:none!important;background-color:var(--sl-action-soft)!important;
 color:var(--sl-action-text)!important;border-color:var(--sl-line)!important;
 box-shadow:none!important;transform:none!important;
}
html[data-theme="silver"] :is(.sl-quick-search-form>button,.sl-button,
  .lmk-add-cart,.btn-buy,#qaModal .qa-btn-primary,.cx-btn-checkout,.cx-btn-order,.cx-btn-login,
  .cx-btn-cta,.lemark-cart .btn-checkout,.ck-cta):disabled{
 background-position:0% 50%!important;transform:none!important;transition:none!important;
 cursor:not-allowed;
}
@media(prefers-reduced-motion:reduce){
 html[data-theme="silver"] :is(.sl-catalog-trigger,.sl-quick-search-form>button,
   .sl-button,.sl-home-button,.lmk-add-cart,.btn-buy,#qaModal .qa-btn-primary,
   .sl-shop-campaign-inner>a,.cx-btn-checkout,.cx-btn-order,.cx-btn-login,.cx-btn-cta,
  .lemark-cart .btn-checkout,.ck-cta,.ck-modal-route-btn){transition:none!important;transform:none!important}
}

/* One lightweight highlight replaces the previous travelling checkout sheen. */
html[data-theme="silver"] :is(.cx-btn-checkout,.lemark-cart .btn-checkout)::before,
html[data-theme="silver"] .ck-cta-shine{display:none!important}
html[data-theme="silver"] :is(.ck-cta,.ck-modal-route-btn):hover{transform:none}

/* Madeshop empty-cart CTA is a solid violet, rather than a gradient. */
html[data-theme="silver"] .cx-btn-cta{--sl-control-image:none;--sl-control-bg:#5B5FE8}
html[data-theme="silver"] .cx-btn-cta:is(:hover,:focus-visible,:active){--sl-control-bg:#4A4ED2}

/* The desktop cart glyph remains neutral; only the item count carries brand color. */
html[data-theme="silver"] .sl-header-actions #cart-badge{
 background:linear-gradient(125deg,#7060DB 0%,#454FE4 42%,#5B3CDD 72%,#793DDB 100%)!important;
 color:#fff!important;
}

/* Secondary contact action shares the material palette through its outline. */
html[data-theme="silver"] .sl-ask{
 border:1px solid transparent!important;
 background:linear-gradient(var(--sl-bg),var(--sl-bg)) padding-box,
   linear-gradient(125deg,#7060DB 0%,#454FE4 42%,#5B3CDD 72%,#793DDB 100%) border-box!important;
}
html[data-theme="silver"] .sl-ask:is(:hover,:focus-visible){
 background:linear-gradient(var(--sl-action-soft),var(--sl-action-soft)) padding-box,
   linear-gradient(125deg,#594BD0 0%,#3642CC 42%,#5130CA 72%,#6530CB 100%) border-box!important;
}