/**
 * Share button for individual free resources (mocks, jobs, syllabus, explore tiles).
 */
.resource-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: var(--app-radius-md, 10px);
  background: var(--app-bg-elevated, #f1f5f9);
  color: var(--app-text-secondary, #64748b);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.2s, color 0.2s;
  flex-shrink: 0;
}
.resource-share-btn:hover {
  background: var(--app-primary-soft, rgba(99, 102, 241, 0.12));
  color: var(--app-primary, #6366f1);
}
.resource-share-btn:active {
  transform: scale(0.96);
}
.resource-share-btn svg {
  width: 20px;
  height: 20px;
  display: block;
}

/* On cards: position top-right (parent needs position relative) */
.mock-card-inner,
.opp-card {
  position: relative;
}
.explore-free-card,
.explore-tile {
  position: relative;
}
.note-card,
.note-card-md {
  position: relative;
}
.mock-card .resource-share-btn,
.opp-card .resource-share-btn {
  position: absolute;
  top: var(--app-space-sm, 10px);
  right: var(--app-space-sm, 10px);
}
.explore-free-card .resource-share-btn,
.explore-tile .resource-share-btn {
  position: absolute;
  top: 8px;
  right: 8px;
}
.note-card .resource-share-btn,
.note-card-md .resource-share-btn {
  position: absolute;
  top: 8px;
  right: 8px;
}

/* Inline (e.g. syllabus section): next to label */
.syllabus-md-btn-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.syllabus-md-btn-wrap .resource-share-btn {
  width: 36px;
  height: 36px;
}
.syllabus-md-btn-wrap .resource-share-btn svg {
  width: 18px;
  height: 18px;
}

/* Toast */
.resource-share-toast {
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%) translateY(12px);
  padding: 10px 20px;
  background: var(--app-text, #1e293b);
  color: #fff;
  border-radius: var(--app-radius-full, 999px);
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s, transform 0.2s;
  z-index: 9999;
  pointer-events: none;
}
.resource-share-toast-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}