/* PXL asset no-flash final v19

   Normal asset cards must never show checkout/locked/selected/orange glow.
   Real checkout visual is allowed ONLY when JS applies:
     data-pxl-db-active-checkout="1"

   This also disables pseudo-element overlays that were causing a 1-frame flash.
*/

:root {
  --pxl-asset-normal-border-v19: rgba(255,255,255,.08);
  --pxl-asset-db-lock-v19: #eb553a;
}

/* Normal cards and every interaction state. */
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]),
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]):hover,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]):focus,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]):focus-visible,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]):active,
.asset-card:not([data-pxl-db-active-checkout="1"]),
.asset-card:not([data-pxl-db-active-checkout="1"]):hover,
.asset-card:not([data-pxl-db-active-checkout="1"]):focus,
.asset-card:not([data-pxl-db-active-checkout="1"]):focus-visible,
.asset-card:not([data-pxl-db-active-checkout="1"]):active,
.show-asset-card:not([data-pxl-db-active-checkout="1"]),
.show-asset-card:not([data-pxl-db-active-checkout="1"]):hover,
.show-asset-card:not([data-pxl-db-active-checkout="1"]):focus,
.show-asset-card:not([data-pxl-db-active-checkout="1"]):focus-visible,
.show-asset-card:not([data-pxl-db-active-checkout="1"]):active {
  border-color: var(--pxl-asset-normal-border-v19) !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  animation: none !important;
}

/* Kill stale class visuals. */
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).checkout-live,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).is-checked-out,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).asset-card--locked,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).pcp-asset-card--locked,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).asset-card--pulse,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).pcp-asset-card--pulse,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).selected,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).is-selected,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).asset-card--selected,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).pcp-asset-card--selected,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).active,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).is-active,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).locked,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]).is-locked,
.asset-card:not([data-pxl-db-active-checkout="1"]).checkout-live,
.asset-card:not([data-pxl-db-active-checkout="1"]).is-checked-out,
.asset-card:not([data-pxl-db-active-checkout="1"]).asset-card--locked,
.asset-card:not([data-pxl-db-active-checkout="1"]).pcp-asset-card--locked,
.asset-card:not([data-pxl-db-active-checkout="1"]).asset-card--pulse,
.asset-card:not([data-pxl-db-active-checkout="1"]).pcp-asset-card--pulse,
.asset-card:not([data-pxl-db-active-checkout="1"]).selected,
.asset-card:not([data-pxl-db-active-checkout="1"]).is-selected,
.asset-card:not([data-pxl-db-active-checkout="1"]).asset-card--selected,
.asset-card:not([data-pxl-db-active-checkout="1"]).pcp-asset-card--selected,
.asset-card:not([data-pxl-db-active-checkout="1"]).active,
.asset-card:not([data-pxl-db-active-checkout="1"]).is-active,
.asset-card:not([data-pxl-db-active-checkout="1"]).locked,
.asset-card:not([data-pxl-db-active-checkout="1"]).is-locked {
  border-color: var(--pxl-asset-normal-border-v19) !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  animation: none !important;
}

/* Kill the real culprit: glow overlays / pseudo-elements. */
.pcp-asset-card:not([data-pxl-db-active-checkout="1"])::before,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"])::after,
.asset-card:not([data-pxl-db-active-checkout="1"])::before,
.asset-card:not([data-pxl-db-active-checkout="1"])::after,
.show-asset-card:not([data-pxl-db-active-checkout="1"])::before,
.show-asset-card:not([data-pxl-db-active-checkout="1"])::after,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]) .asset-thumb::before,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]) .asset-thumb::after,
.asset-card:not([data-pxl-db-active-checkout="1"]) .asset-thumb::before,
.asset-card:not([data-pxl-db-active-checkout="1"]) .asset-thumb::after,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]) .asset-thumb.checkout-live::before,
.pcp-asset-card:not([data-pxl-db-active-checkout="1"]) .asset-thumb.checkout-live::after,
.asset-card:not([data-pxl-db-active-checkout="1"]) .asset-thumb.checkout-live::before,
.asset-card:not([data-pxl-db-active-checkout="1"]) .asset-thumb.checkout-live::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  border-color: transparent !important;
  background: transparent !important;
  filter: none !important;
  animation: none !important;
}

/* Kill live-checkout attribute visuals unless DB truth marker exists. */
.pcp-asset-card[data-pxl-live-checkout="true"]:not([data-pxl-db-active-checkout="1"]),
.asset-card[data-pxl-live-checkout="true"]:not([data-pxl-db-active-checkout="1"]),
.asset-thumb.checkout-live:not([data-pxl-db-active-checkout="1"]) {
  border-color: var(--pxl-asset-normal-border-v19) !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  animation: none !important;
}

/* Real DB checkout truth can show lock state. */
.pcp-asset-card[data-pxl-db-active-checkout="1"],
.asset-card[data-pxl-db-active-checkout="1"] {
  border-color: var(--pxl-asset-db-lock-v19) !important;
}