/**
 * RSTQ Modern — homepage "2007" odometer + shimmer
 * JS wraps only the year; SEO keeps plain "2007" in HTML before/without JS.
 * Variants:
 *   .rstq-since-2007--gold  (2007-a) — settle in brand gold
 *   .rstq-since-2007--glow  (2007-b) — white with gold glow
 * prefers-reduced-motion: show final gold, no count/shimmer.
 */

.rstq-since-2007 {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  min-width: 4ch; /* reserve width of "2007" */
  text-align: center;
  position: relative;
  will-change: transform, opacity;
}

/* During count */
.rstq-since-2007.is-counting {
  color: #ffffff;
}

/* 2007-a: settle gold */
.rstq-since-2007--gold.is-done {
  color: #e6ae48 !important;
  -webkit-text-fill-color: #e6ae48 !important;
  text-shadow: 0 0 18px rgba(230, 174, 72, 0.35);
}

/* 2007-b: white + gold glow */
.rstq-since-2007--glow.is-done {
  color: #ffffff;
  text-shadow:
    0 0 12px rgba(230, 174, 72, 0.55),
    0 0 28px rgba(230, 174, 72, 0.35),
    0 1px 8px rgba(0, 0, 0, 0.45);
}

/* One-shot gold shimmer sweep after count */
.rstq-since-2007.is-shimmer {
  background-image: linear-gradient(
    110deg,
    currentColor 0%,
    currentColor 36%,
    #ffffff 50%,
    currentColor 64%,
    currentColor 100%
  );
  background-size: 220% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: rstq-since-shimmer 0.9s ease-in-out 1 forwards;
}

.rstq-since-2007--gold.is-shimmer {
  /* while shimmering toward gold */
  color: #e6ae48;
}

.rstq-since-2007--glow.is-shimmer {
  color: #ffffff;
}

@keyframes rstq-since-shimmer {
  0%   { background-position: 100% 0; }
  100% { background-position: -120% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .rstq-since-2007,
  .rstq-since-2007.is-shimmer {
    animation: none !important;
    background: none !important;
    -webkit-text-fill-color: unset !important;
  }
  .rstq-since-2007,
  .rstq-since-2007--gold,
  .rstq-since-2007--glow {
    color: #e6ae48 !important;
    text-shadow: 0 0 14px rgba(230, 174, 72, 0.3);
  }
}

/* 1.1.7.4: bigger, bolder "Since 2007" caption (homepage + fleet) */
h1.limoking-item-title-caption.rstq-since-caption,
.limoking-item-title-caption.rstq-since-caption {
  font-size: clamp(26px, 7vw, 40px) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
}
h1.limoking-item-title-caption.rstq-since-caption .rstq-since-2007,
.limoking-item-title-caption.rstq-since-caption .rstq-since-2007 {
  font-size: 1.3em;
  font-weight: 800;
  vertical-align: -0.04em;
}

/* 1.1.7.5: caption moved onto the Jefferson bus photo */
#content-section-2 .rstq-since-moved {
  display: block;
  margin-top: 14px;
  color: #ffffff !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.8), 0 0 4px rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
  /* sit on the side of the bus, per Quentin */
  #content-section-2 .rstq-since-moved {
    margin-top: 165px;
  }
}