// ────────────────────────────────────────────────────────────────
// Widget · Uhr (Topbar-Mitte) · aus j3-landing
// ────────────────────────────────────────────────────────────────

.clock {
  display: flex;
  flex-direction: column;
  gap: 2px;

  &__time {
    font-size: clamp(3.9rem, 7.6vw, 7.2rem);
    font-weight: var(--fw-bold);
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--fg);
    text-shadow: 0 0 34px color-mix(in srgb, var(--accent) 22%, transparent);
  }

  &__sec {
    margin-left: .3em;
    font-size: .32em;
    vertical-align: super;
    color: var(--dim);
  }

  &__date {
    font-size: clamp(13px, 1.7vw, 19px);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--fg-soft);
  }
}