/* 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-payment-button,
  .sac-hero-search > button,
  .sac-search-overlay .sac-search-submit,
  .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-payment-button,
  .sac-hero-search > button,
  .sac-search-overlay .sac-search-submit,
  .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-payment-button,
  .sac-hero-search > button,
  .sac-search-overlay .sac-search-submit,
  .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-payment-button,
  .sac-hero-search > button,
  .sac-search-overlay .sac-search-submit,
  .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-payment-button,
  .sac-hero-search > button,
  .sac-search-overlay .sac-search-submit,
  .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-payment-button,
  .sac-hero-search > button,
  .sac-search-overlay .sac-search-submit,
  .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; }
}
/* Leave room for the raised edge inside bordered search fields. */
body.sac-2027-public.sac-2027-home .sac-hero-search{padding-top:7px!important;padding-bottom:10px!important;padding-right:8px!important}
body.sac-2027-public.sac-2027-home .sac-hero-search>button{height:32px!important;align-self:center;margin-top:-1px!important}
body.sac-2027-public .sac-search-overlay .sac-search-submit{height:36px!important;align-self:center;margin:0 8px 3px 5px!important}
