/*
 * Gay-Belgium — globale snelkoppeling naar profielbezoekers.
 * Losse rechterkolomkaart; geen JS en geen backendlogica.
 */

.visitors-shortcut-card {
  overflow: hidden;
}

.visitors-shortcut-link {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;

  min-height: 76px;
  padding: 13px 14px;

  color: inherit;
  text-decoration: none;
}

.visitors-shortcut-link:hover,
.visitors-shortcut-link:focus-visible {
  background: rgba(249, 201, 47, 0.055);
}

.visitors-shortcut-link:focus-visible {
  outline: 2px solid var(--yellow, #f9c92f);
  outline-offset: -2px;
}

.visitors-shortcut-icon {
  display: grid;
  place-items: center;

  width: 44px;
  height: 44px;

  background: rgba(249, 201, 47, 0.09);
  border: 1px solid rgba(249, 201, 47, 0.18);
  border-radius: 14px;

  font-size: 1.25rem;
}

.visitors-shortcut-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.visitors-shortcut-copy strong {
  color: var(--white, #fff);
  font-size: 0.72rem;
  font-weight: 850;
}

.visitors-shortcut-copy small {
  color: var(--muted, #9d978f);
  font-size: 0.6rem;
  line-height: 1.45;
}

.visitors-shortcut-arrow {
  color: var(--yellow, #f9c92f);
  font-size: 1rem;
  font-weight: 900;
  transition: transform 160ms ease;
}

.visitors-shortcut-link:hover .visitors-shortcut-arrow,
.visitors-shortcut-link:focus-visible .visitors-shortcut-arrow {
  transform: translateX(3px);
}

@media (max-width: 1280px) {
  .visitors-shortcut-card {
    min-width: 0;
  }
}