/* ══════════════════════════════════════════════════════════════════════
   Scroll-cue globale — indicatore "continua a scorrere" auto-iniettato
   in fondo a ogni `<section class="rd-section">` (eccetto sezione CTA
   finale e l'ultima sezione della pagina). Mouse + dot bouncing.
   ══════════════════════════════════════════════════════════════════════ */

.rd-scroll-cue {
  position: absolute;
  bottom: clamp(18px, 3vh, 36px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 4;
  opacity: 0.55;
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
  /* Keep the cue out of the way of clickable content. */
  user-select: none;
}
.rd-scroll-cue:hover {
  opacity: 0.95;
  transform: translateX(-50%) translateY(2px);
}
.rd-scroll-cue-label {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-weight: 700;
  white-space: nowrap;
  /* Auto-pick text colour against the section background. */
  color: currentColor;
  opacity: 0.85;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}
.rd-scroll-cue-mouse {
  width: 22px;
  height: 36px;
  border: 2px solid currentColor;
  border-radius: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  opacity: 0.7;
}
.rd-scroll-cue-dot {
  width: 3px;
  height: 8px;
  background: currentColor;
  border-radius: 2px;
  margin-top: 5px;
  animation: rd-scroll-cue-bob 1.7s cubic-bezier(.6,.05,.3,1) infinite;
}
@keyframes rd-scroll-cue-bob {
  0%, 100% { transform: translateY(0); opacity: 0.9; }
  50%      { transform: translateY(11px); opacity: 0.3; }
}

/* Light-section variant: bumped contrast on near-white backgrounds. */
.rd-light .rd-scroll-cue,
.rd-section.rd-light .rd-scroll-cue,
.product-page--match .rm-agency-section .rd-scroll-cue,
.product-page--score .rs-consequences-section .rd-scroll-cue {
  color: #0a1424;
}

/* Dark-section variant: explicit ivory tone. */
.rd-bg-1 .rd-scroll-cue,
.rd-bg-2 .rd-scroll-cue,
.rd-bg-3 .rd-scroll-cue,
.rd-bg-0 .rd-scroll-cue,
.prc-section--dark .rd-scroll-cue {
  color: #f0f4ff;
}

/* Make .rd-section a positioning context for the absolute cue. */
.rd-section { position: relative; }
.prc-section { position: relative; }

/* Hide cue on short viewports (no room) and when reduced-motion is on. */
@media (max-height: 600px) {
  .rd-scroll-cue { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .rd-scroll-cue-dot { animation: none !important; }
}

/* When the cue is the last child of a section without extra bottom padding,
   give the section enough room so the cue doesn't overlap content. */
.rd-section:has(> .rd-scroll-cue),
.rd-section:has(> .rd-container > .rd-scroll-cue) {
  padding-bottom: clamp(80px, 10vh, 120px) !important;
}


/* PASS 13: icon-only variant (no text label) */
.rd-scroll-cue--iconly .rd-scroll-cue-label { display: none !important; }
.rd-scroll-cue--iconly { gap: 0 !important; }