/* =============================================================================
   SHOWBLOCK „DER WEIHNACHTSMANN IST UNTERWEGS" (24./25. Dezember)
   Overlay über dem geteilten Globus (#globe, shared/globe-renderer.js).
   Aufbau wie .reentry-log-overlay (reentry-log.css): unten links, Einblenden per
   Klasse .visible. Warmes Rot statt Cyan für die Kennzeile.
   ============================================================================= */

.santa-journey-overlay {
  position: absolute;
  bottom: calc(var(--margin-screen-v) + 1em);
  left: var(--margin-screen);
  max-width: 62%;
  z-index: var(--z-overlay);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  pointer-events: none;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 20px rgba(0, 0, 0, 0.6);
  /* Einfarbiger dunkler Grund wie bei „Verglüht" — backdrop-filter kostet auf dem Pi zu viel */
  padding: 0.9em 1.2em;
  margin: -0.9em -1.2em;
  border-radius: 0.6em;
  background: rgba(6, 8, 20, 0.58);
}

.santa-journey-overlay.visible {
  opacity: 1;
  transform: translateY(0);
}

.santa-journey-overlay.hidden {
  display: none;
}

.santa-journey-badge {
  display: inline-block;
  font-size: var(--font-size-small);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ff6b5e;
  border: 1px solid rgba(255, 107, 94, 0.6);
  border-radius: 0.3em;
  padding: 0.15em 0.6em;
  margin-bottom: var(--space-sm);
}

.santa-journey-name {
  font-size: var(--font-size-h2);
  font-weight: 600;
  line-height: 1.1;
  color: #ffffff;
  margin-bottom: var(--space-sm);
}

.santa-journey-line {
  font-size: var(--font-size-normal);
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.92);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.santa-journey-line.visible {
  opacity: 1;
  transform: translateY(0);
}

.santa-journey-source {
  margin-top: var(--space-sm);
  font-size: var(--font-size-small);
  color: rgba(255, 255, 255, 0.55);
}