/*
 * React Bits Adapted — Stage 1: lightweight glare
 * Visual-only enhancement for program, schedule, and news cards.
 */
[data-rb-glare="ready"] {
  --rb-glare-x: 50%;
  --rb-glare-y: 50%;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

[data-rb-glare="ready"]::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(
      360px circle at var(--rb-glare-x) var(--rb-glare-y),
      rgba(249, 115, 22, .16) 0%,
      rgba(249, 115, 22, .07) 28%,
      rgba(249, 115, 22, 0) 68%
    );
  transition: opacity 180ms ease;
}

[data-rb-glare="ready"].rb-glare-active::after,
[data-rb-glare="ready"].rb-glare-tap::after,
[data-rb-glare="ready"]:focus-visible::after {
  opacity: 1;
}

@media (hover: none), (pointer: coarse) {
  [data-rb-glare="ready"]::after {
    transition-duration: 140ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-rb-glare="ready"]::after {
    display: none;
    transition: none;
  }
}

html[data-motion-mode="reduced"] [data-rb-glare="ready"]::after,
html[data-motion-tier="lite"] [data-rb-glare="ready"]::after,
html.motion-page-hidden [data-rb-glare="ready"]::after {
  display: none;
}