/* Permanent small/repeated glass controls: CSS chip tier, no GPU overlay.
 * Centre is translucent; chromatic rims supply the brand colour and volume. */
.liquid-pill {
  --pill-rgb: var(--color-primary-rgb);
  border-radius: 999px !important;
  background: linear-gradient(155deg, rgba(var(--pill-rgb), 0.12), transparent 36%, transparent 66%, rgba(var(--pill-rgb), 0.07)) !important;
  border: 1px solid rgba(var(--pill-rgb), 0.72) !important;
  box-shadow: inset 0 2px 2px rgba(var(--pill-rgb), 0.8),
    inset 0 -3px 5px rgba(var(--pill-rgb), 0.35),
    inset 2px 0 4px rgba(var(--pill-rgb), 0.15),
    inset -2px 0 3px rgba(var(--pill-rgb), 0.2),
    0 5px 18px rgb(0 0 0 / 20%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%);
  backdrop-filter: blur(6px) saturate(125%);
  filter: brightness(1);
  transition: filter 120ms ease-out;
}
.liquid-pill[data-glass-accent="mustard"] { --pill-rgb: var(--color-secondary-rgb); }
/* Do not remove keyboard rings or the service controller's transform/size transitions. */
#explore .orbit-service.liquid-pill {
  transition: transform .25s ease, width .25s ease, height .25s ease, filter 120ms ease-out;
}
#explore .orbit-service.liquid-pill .orbit-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#explore .orbit-service.liquid-pill[aria-pressed="true"] .orbit-icon { color:var(--color-secondary-light); }
.liquid-pill[aria-pressed="true"] {
  border-color: rgba(var(--pill-rgb), 1) !important;
  box-shadow: inset 0 2px 3px rgba(var(--pill-rgb), 0.9),
    inset 0 -3px 6px rgba(var(--pill-rgb), 0.5),
    inset 1px 0 3px rgba(var(--pill-rgb), 0.3),
    0 0 12px rgba(var(--pill-rgb), 0.15) !important;
}
/* The old travelling white stripe is intentionally removed. */
.btn-primary.liquid-pill::before { content:none; }
.btn.liquid-pill:hover:not(:active) { transform:none; }
.cinema-text-link.liquid-pill { padding:9px 16px; text-decoration:none; }
@media (hover:hover) and (pointer:fine) {
  .liquid-pill:not(:disabled):not([aria-disabled="true"]):hover { filter:brightness(1.1); }
}
.liquid-pill:focus-visible { outline:2px solid rgb(var(--pill-rgb)); outline-offset:4px; }
@media (prefers-reduced-motion:reduce) {
  .liquid-pill, #explore .orbit-service.liquid-pill { transition:none; }
}
@media (forced-colors:active) {
  .liquid-pill {
    border-color:ButtonText !important; background:Canvas !important;
    color:ButtonText !important; box-shadow:none !important;
    backdrop-filter:none; -webkit-backdrop-filter:none; filter:none !important;
  }
}