/* Scalar Button Extensions */

/* Non-interactive scalar-button */
scalar-button[non-interactive],
scalar-button.non-interactive {
  pointer-events: none !important;
  cursor: default !important;
  opacity: 0.7;
}

/* Override the cursor-pointer class from the component */
scalar-button[non-interactive].cursor-pointer,
scalar-button.non-interactive.cursor-pointer {
  cursor: default !important;
  pointer-events: none !important;
}

/* Disable hover effects */
scalar-button[non-interactive]:hover,
scalar-button.non-interactive:hover,
scalar-button[non-interactive]:active,
scalar-button.non-interactive:active,
scalar-button[non-interactive]:focus,
scalar-button.non-interactive:focus {
  transform: none !important;
  box-shadow: none !important;
  opacity: 0.7 !important;
  background-color: inherit !important;
  border-color: inherit !important;
}

/* Disable pointer events on pseudo-elements */
scalar-button[non-interactive]::before,
scalar-button.non-interactive::before,
scalar-button[non-interactive]::after,
scalar-button.non-interactive::after {
  pointer-events: none !important;
}

/* Disable link navigation for non-interactive buttons */
scalar-button[non-interactive] a,
scalar-button.non-interactive a,
scalar-button[non-interactive] button,
scalar-button.non-interactive button,
scalar-button[non-interactive] [role="button"],
scalar-button.non-interactive [role="button"] {
  pointer-events: none !important;
  cursor: default !important;
}

/* Override any interactive states on the inner component */
scalar-button[non-interactive] > *,
scalar-button.non-interactive > * {
  pointer-events: none !important;
  cursor: default !important;
}