/* Raised purple actions; preserve existing button sizes and spacing. */
:is(body.sac-2027-public, body.my-login-page) :is(
  .btn-primary,
  .btn-success,
  .sac-action-primary,
  .sac-info-button,
  .sac-payment-button,
  .sac-selling-button,
  .button.cta,
  .sac-mobile-account .register .button,
  #header #userbar .register .button
) {
  background: linear-gradient(180deg, #9333ed 0%, #7b20db 48%, #6415bf 100%) !important;
  border-color: #6716bd !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(47,7,95,.15), 0 3px 0 #49108a, 0 5px 10px rgba(85,19,150,.20) !important;
  text-shadow: 0 1px 1px rgba(45,5,86,.24);
  transition: background .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
@media (hover:hover) {
  :is(body.sac-2027-public, body.my-login-page) :is(
  .btn-primary,
  .btn-success,
  .sac-action-primary,
  .sac-info-button,
  .sac-payment-button,
  .sac-selling-button,
  .button.cta,
  .sac-mobile-account .register .button,
  #header #userbar .register .button
):not(:disabled):not(.disabled):not([aria-disabled="true"]):hover {
    background: linear-gradient(180deg, #a048f5 0%, #8629e7 48%, #721bcc 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 4px 0 #49108a, 0 7px 13px rgba(85,19,150,.24) !important;
    transform: translateY(-1px);
  }
}
:is(body.sac-2027-public, body.my-login-page) :is(
  .btn-primary,
  .btn-success,
  .sac-action-primary,
  .sac-info-button,
  .sac-payment-button,
  .sac-selling-button,
  .button.cta,
  .sac-mobile-account .register .button,
  #header #userbar .register .button
):not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
  background: linear-gradient(180deg, #7520cf, #6614bd) !important;
  box-shadow: inset 0 2px 3px rgba(49,8,96,.20), 0 1px 0 #49108a, 0 2px 4px rgba(85,19,150,.16) !important;
  transform: translateY(2px);
}
:is(body.sac-2027-public, body.my-login-page) :is(
  .btn-primary,
  .btn-success,
  .sac-action-primary,
  .sac-info-button,
  .sac-payment-button,
  .sac-selling-button,
  .button.cta,
  .sac-mobile-account .register .button,
  #header #userbar .register .button
):focus-visible {
  outline: 3px solid #c8a3ef !important;
  outline-offset: 4px;
}
:is(body.sac-2027-public, body.my-login-page) :is(
  .btn-primary,
  .btn-success,
  .sac-action-primary,
  .sac-info-button,
  .sac-payment-button,
  .sac-selling-button,
  .button.cta,
  .sac-mobile-account .register .button,
  #header #userbar .register .button
):is(:disabled,.disabled,[aria-disabled="true"]) {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
  transform: none !important;
}
/* Pale purple card actions get a smaller raised edge. */
body.sac-2027-public .sac-product-card .sac-product-preview {
  background: linear-gradient(180deg, #fff, #f0e6fb) !important;
  border-color: #d6c1eb !important;
  color: #6315b8 !important;
  box-shadow: inset 0 1px 0 #fff, 0 2px 0 #d7c1eb, 0 4px 7px rgba(88,39,142,.09) !important;
  transition: background .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
@media (hover:hover) {
  body.sac-2027-public .sac-product-card .sac-product-preview:hover {
    background: linear-gradient(180deg, #9232eb, #6817c4) !important;
    color: #fff !important;
    border-color: #6716bd !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 3px 0 #49108a, 0 5px 9px rgba(85,19,150,.18) !important;
    transform: translateY(-1px);
  }
}
body.sac-2027-public .sac-product-card .sac-product-preview:active {
  box-shadow: inset 0 1px 2px rgba(70,20,115,.12), 0 1px 0 #d7c1eb !important;
  transform: translateY(1px);
}
body.sac-2027-public .sac-product-card .sac-product-preview:focus-visible {
  outline: 3px solid #c8a3ef !important;
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  :is(body.sac-2027-public, body.my-login-page) :is(
  .btn-primary,
  .btn-success,
  .sac-action-primary,
  .sac-info-button,
  .sac-payment-button,
  .sac-selling-button,
  .button.cta,
  .sac-mobile-account .register .button,
  #header #userbar .register .button
), body.sac-2027-public .sac-product-card .sac-product-preview { transition: none !important; transform: none !important; }
}
/* Search controls stay flat and fill their fields without a raised edge. */
body.sac-2027-public :is(.sac-hero-search > button, .sac-search-overlay .sac-search-submit),
body.sac-2027-public :is(.sac-hero-search > button, .sac-search-overlay .sac-search-submit):is(:hover,:active,:focus-visible,:disabled,.disabled,[aria-disabled="true"]) {
  background: linear-gradient(180deg, #9333ed 0%, #7b20db 48%, #6415bf 100%) !important;
  border-color: #6716bd !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}
body.sac-2027-public.sac-2027-home .sac-hero-search{padding:5px 5px 5px 16px!important}
body.sac-2027-public.sac-2027-home .sac-hero-search>button{height:40px!important;align-self:center;margin-top:0!important}
body.sac-2027-public .sac-search-overlay .sac-search-submit{height:100%!important;align-self:stretch;margin:0!important}

/* Raised search-dialog actions, matching the site's purple controls. */
body.sac-2027-public #sac-search-overlay .sac-overlay-field{height:52px;padding:5px 5px 8px;overflow:visible}
body.sac-2027-public #sac-search-overlay .sac-search-submit,
body.sac-2027-public #sac-search-overlay .sac-search-submit:is(:hover,:active,:focus-visible){
  height:38px!important;align-self:center!important;border:1px solid #6716bd;
  background:linear-gradient(180deg,#9333ed,#6415bf)!important;
  box-shadow:inset 0 1px 0 #ffffff47,0 3px 0 #49108a,0 5px 8px #55139624!important;
  transform:none!important;transition:background .15s,box-shadow .15s,transform .15s!important;
}
body.sac-2027-public #sac-search-overlay :is(.sac-search-view-all,.sac-search-close,.sac-search-discover button){
  border:1px solid #ddc9ee;background:linear-gradient(180deg,#fff,#f1e7fc);
  color:#6716bd;box-shadow:inset 0 1px 0 #fff,0 3px 0 #d1b9e7,0 5px 8px #51258212;
  transition:background .15s,box-shadow .15s,transform .15s;
}
body.sac-2027-public #sac-search-overlay .sac-search-view-all{margin-bottom:4px}
@media(hover:hover){
  body.sac-2027-public #sac-search-overlay .sac-search-submit:hover{
    background:linear-gradient(180deg,#a048f5,#721bcc)!important;transform:translateY(-1px)!important;
    box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 #49108a,0 6px 9px #55139626!important;
  }
  body.sac-2027-public #sac-search-overlay :is(.sac-search-view-all,.sac-search-close,.sac-search-discover button):hover{
    background:linear-gradient(180deg,#faf5ff,#e9d8f9);transform:translateY(-1px);
    box-shadow:inset 0 1px 0 #fff,0 4px 0 #c8acdf,0 6px 9px #51258218;
  }
}
body.sac-2027-public #sac-search-overlay .sac-search-submit:active{transform:translateY(2px)!important;box-shadow:inset 0 2px 3px #31086033,0 1px 0 #49108a!important}
body.sac-2027-public #sac-search-overlay :is(.sac-search-view-all,.sac-search-close,.sac-search-discover button):active{transform:translateY(2px);box-shadow:inset 0 1px 2px #46147312,0 1px 0 #d1b9e7}
@media(prefers-reduced-motion:reduce){
  body.sac-2027-public #sac-search-overlay :is(.sac-search-submit,.sac-search-view-all,.sac-search-close,.sac-search-discover button){transition:none!important}
}