/* Sky-blue glass-orb shading follows the compact 9.8px pointer surface. System cursor remains visible. */
.rc-pointer-trail.rc-reference-pointer { z-index: 90; mix-blend-mode: normal; }
.rc-pointer-trail.rc-reference-pointer > i {
  width: var(--rc-pointer-size, 9.8px);
  height: var(--rc-pointer-size, 9.8px);
  margin: calc(var(--rc-pointer-size, 9.8px) / -2) 0 0 calc(var(--rc-pointer-size, 9.8px) / -2);
  border: 0;
  background: transparent;
  box-shadow: none;
  transform-origin: center;
  will-change: auto;
}
.rc-pointer-trail.rc-reference-pointer > i::before,
.rc-pointer-trail.rc-reference-pointer > i::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--rc-action, #26a5fd);
  pointer-events: none;
}
.rc-pointer-trail.rc-reference-pointer > i::before {
  z-index: 1;
  border: 0;
  background-color: var(--rc-action, #26a5fd);
  background-image:
    radial-gradient(ellipse 27% 22% at var(--rc-pointer-light-x, 34%) var(--rc-pointer-light-y, 26%), rgba(255,255,255,.98) 0%, rgba(231,246,255,.75) 32%, rgba(221,241,255,0) 80%),
    radial-gradient(ellipse 35% 19% at 66% 80%, rgba(198,232,255,.64) 0%, rgba(198,232,255,0) 82%),
    radial-gradient(ellipse 92% 90% at 35% 18%, rgba(5,80,137,0) 43%, rgba(5,80,137,.34) 84%, rgba(10,111,185,.4) 100%),
    radial-gradient(circle at 39% 34%, #91d5ff 0%, var(--rc-action, #26a5fd) 57%, #188bdc 100%);
  box-shadow: inset 0 .49px .7px rgba(239,249,255,.55), inset 0 -.56px .84px rgba(13,91,147,.25), 0 .7px 1.4px rgba(18,82,130,.14);
}
.rc-pointer-trail.rc-reference-pointer > i::after {
  background: radial-gradient(circle, rgba(38,165,253,.72) 0%, rgba(38,165,253,.62) 45%, rgba(103,192,255,.18) 76%, rgba(103,192,255,0) 100%);
  opacity: var(--rc-pointer-halo-opacity, 0);
  transform: scale(var(--rc-pointer-halo-scale, 1));
}

/* Primary navigation keeps its underline and uses colour only. */
.rc-site .rc-reference-nav,
.rc-site .rc-category-toggle,
.rc-site .rc-menu-toggle { transition: color 220ms ease; }
.rc-site .rc-reference-nav:is(:hover, :focus-visible, [aria-current="page"]),
.rc-site .rc-category-toggle:is(:hover, :focus-visible),
.rc-site .rc-menu-toggle:is(:hover, :focus-visible) { color: #1d1d1f; }

/* A separate pseudo layer preserves direct children, language nodes and existing icon structure. */
.rc-site .rc-reference-action {
  --rc-fill-x: 50%;
  --rc-fill-y: 50%;
  --rc-fill-diameter: 500px;
  isolation: isolate;
  overflow: hidden;
  border-radius: 999px;
  translate: var(--rc-magnet-x, 0px) var(--rc-magnet-y, 0px);
  transition: color 220ms ease, border-color 220ms ease, background-color 220ms ease;
}
.rc-site .rc-reference-action.rc-reference-flow { position: relative; }
.rc-site .rc-reference-action.rc-reference-inline { display: inline-flex; align-items: center; }
.rc-site .rc-reference-action::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: var(--rc-fill-x);
  top: var(--rc-fill-y);
  width: var(--rc-fill-diameter);
  height: var(--rc-fill-diameter);
  border-radius: 50%;
  background: linear-gradient(125deg, #333336 0%, #1d1d1f 46%, #151517 100%);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 500ms cubic-bezier(.2, .75, .2, 1), opacity 250ms ease;
  pointer-events: none;
}
.rc-site .rc-reference-action:is(.is-reference-hover, :focus-visible) { color: #ffffff; border-color: transparent; text-shadow: none; }
.rc-site .rc-reference-action:is(.is-reference-hover, :focus-visible)::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.rc-site .rc-reference-action:is(.is-reference-hover, :focus-visible) > :is(span, h3, small, svg) { color: inherit; }
.rc-site .rc-reference-action:focus-visible { outline: 2px solid #1d1d1f; outline-offset: 4px; }
.rc-site .rc-reference-action.rc-link { padding-inline: 16px; gap: 24px; border-bottom-color: rgba(29, 29, 31, .28); }
.rc-site .rc-reference-action.rc-link:is(.is-reference-hover, :focus-visible) { gap: 24px; border-bottom-color: transparent; }
.rc-site .rc-reference-action.rc-reference-compact { padding: 7px 12px; }
.rc-site .rc-reference-action.rc-home-category { border-radius: 20px; }
/* Retire the older hover lift only on text actions; image lift keeps its own driver. */
.rc-site .rc-reference-action.rc-button:hover,
.rc-site .rc-reference-action.rc-home-category:hover { transform: none; }
.rc-site .rc-reference-action.rc-product-name,
.rc-site .rc-reference-action.rc-selection-name { margin: -7px -12px; text-align: left; }
.rc-site .rc-footer .rc-reference-compact { margin: -7px -12px; }
.rc-site .rc-category-menu .rc-reference-action { gap: 20px; }
.rc-site .rc-catalog-categories .rc-reference-action { flex-shrink: 0; }
.rc-site .rc-catalog-categories .rc-reference-action[aria-current="page"] { border-color: #1d1d1f; }
.rc-site .rc-social-item.rc-reference-action { border-radius: 50%; }

/* Motion preferences stop following/translation; the focus and colour feedback remain usable. */
html[data-reference-motion="off"] .rc-reference-action { translate: none; }
html[data-reference-motion="off"] .rc-reference-action,
html[data-reference-motion="off"] .rc-reference-action::after { transition: none; }
@media (hover: none), (pointer: coarse) {
  .rc-pointer-trail.rc-reference-pointer { display: none; }
  .rc-site .rc-reference-action { translate: none; }
  .rc-site .rc-reference-action:active { color: #ffffff; background-color: #1d1d1f; }
}
@media (prefers-reduced-motion: reduce) {
  .rc-pointer-trail.rc-reference-pointer { display: none; }
  .rc-site .rc-reference-action { translate: none; }
  .rc-site .rc-reference-action,
  .rc-site .rc-reference-action::after { transition: none; }
}