/* Shared styles for the OCAvailability block. Loaded alongside
   /availability-block.js on index/tickets/account. Day/night theme
   inherits via existing CSS vars (--text, --salmon, --accent, etc). */

.oc-avail-block {
  margin: .55rem 0 .15rem;
  font-family: inherit;
  font-size: .78rem;
  letter-spacing: .04em;
  line-height: 1.55;
}

.oc-avail-block > div {
  margin: .1rem 0;
}

.oc-avail-bar {
  font-family: inherit;
  white-space: nowrap;
  letter-spacing: 0;          /* preserves bar cell alignment */
}

.oc-avail-bar-label {
  letter-spacing: .04em;
}

.oc-avail-velocity {
  font-size: .72rem;
  letter-spacing: .06em;
  opacity: .85;
}

.oc-avail-helper {
  font-size: .78rem;
  letter-spacing: .06em;
  font-weight: 500;
}

/* Distinct from .soldout-flicker: faster cadence, no x-shift, just
   pulsing opacity + glow on the helper line so the "selling fast"
   callout reads as live without lurching the layout. */
@keyframes oc-avail-flicker {
  0%, 88%   { opacity: 1;   text-shadow: 0 0 6px var(--salmon-glow); }
  89%       { opacity: .45; text-shadow: none; }
  90%       { opacity: 1;   text-shadow: 0 0 10px var(--salmon-glow); }
  91%       { opacity: .65; text-shadow: none; }
  92%, 100% { opacity: 1;   text-shadow: 0 0 6px var(--salmon-glow); }
}
.oc-avail-flicker {
  animation: oc-avail-flicker 3.6s ease-in-out infinite;
  display: inline-block;
}

/* When the block sits inside the sold-out card variant the helper
   inherits --accent's glow instead of salmon — keeps the urgency
   matched to the bar color. */
.oc-avail-block[data-kind="soldout"] .oc-avail-flicker {
  text-shadow: 0 0 6px var(--accent-glow);
}