/* Event tag hover card — same class tooltip frame and size as build tips. */

.build-event-tip {
  --build-event-tip-scale: 1;
  position: fixed;
  z-index: 1200;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  pointer-events: none;
  background: none;
  border-radius: 0;
  box-shadow: none;
  color: var(--bpb-cream, #ffecdc);
  transform: scale(var(--build-event-tip-scale));
  transform-origin: top left;
  font-size: 18px;
}

.build-event-tip.bpb-tooltip {
  position: fixed;
  max-width: none;
}

.build-event-tip[hidden] {
  display: none;
}

.build-event-tip__inner {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.build-event-tip__title {
  margin: 0;
  font-family: var(--bpb-font-display, "Milonga", serif);
  font-size: 1.7rem;
  line-height: 1.1;
  color: var(--bpb-cream, #ffecdc);
  text-shadow: var(--bpb-text-stroke);
}

.build-event-tip__tag,
.build-event-tip__status,
.build-event-tip__dates,
.build-event-tip__prize {
  margin: 0;
  font-family: "BPB Tooltip Baskerville", "Libre Baskerville", Georgia, serif;
  font-size: 1.05rem;
  line-height: 1.3;
  color: var(--bpb-label, #eec793);
}

.build-event-tip__blurb {
  margin: 0.15rem 0 0;
  font-family: "BPB Tooltip Baskerville", "Libre Baskerville", Georgia, serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.35;
  color: var(--bpb-cream, #ffecdc);
}

.build-stage__event:not(.builds-post__flair) {
  flex: 0 0 auto;
  font-family: var(--bpb-font-body);
  font-weight: 400;
  font-size: clamp(0.95rem, 2.2vw, 1.1rem);
  letter-spacing: 0.04em;
  line-height: 1.15;
  padding: 0.18rem 0.5rem 0.16rem;
  border-radius: 0.25rem;
  text-decoration: none;
  color: var(--bp-ui-cream, #ffecdc);
  text-shadow:
    -0.1em -0.1em 0 #3c261d,
    0.1em -0.1em 0 #3c261d,
    -0.1em 0.1em 0 #3c261d,
    0.1em 0.1em 0 #3c261d,
    0 -0.1em 0 #3c261d,
    0 0.1em 0 #3c261d,
    -0.1em 0 0 #3c261d,
    0.1em 0 0 #3c261d;
  background: color-mix(in srgb, #8a6420 70%, #3c261d);
}

.build-stage__event:not(.builds-post__flair):hover,
.build-stage__event:not(.builds-post__flair):focus-visible {
  filter: brightness(1.08);
  outline: none;
}