/**
 * BoulderCard - Link type specific styles
 *
 * Base .boulder-card styles are defined elsewhere (OngoingStagePanels.css etc.)
 * This file adds link_type specific modifiers.
 */

/* ================================
   Orphaned Boulder Styling
   ================================ */

.boulder-card--orphaned {
  opacity: 0.6;
  filter: grayscale(50%);
  border: 2px dashed var(--warning-color, #ff9500) !important;
  position: relative;
}

/* Subtle diagonal stripe overlay for orphaned boulders */
.boulder-card--orphaned::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(255, 149, 0, 0.03) 10px,
    rgba(255, 149, 0, 0.03) 20px
  );
  pointer-events: none;
  z-index: 1;
  border-radius: inherit;
}

/* Restore full opacity on hover for orphaned boulders */
.boulder-card--orphaned:hover {
  opacity: 0.85;
  filter: grayscale(25%);
}

/* ================================
   Linked Boulder Styling (subtle)
   ================================ */

.boulder-card--linked {
  /* Subtle indicator - no major visual change */
}

/* ================================
   Link Badge Positioning
   ================================ */

.boulder-card-link-badge {
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 2;
}

/* Move link badge to avoid overlap with grade badge */
.boulder-card-image .boulder-card-link-badge {
  bottom: 8px;
  left: 8px;
}

/* ================================
   Responsive adjustments
   ================================ */

@media (max-width: 767px) {
  .boulder-card--orphaned {
    border-width: 1.5px;
  }

  .boulder-card-link-badge {
    bottom: 6px;
    left: 6px;
  }
}