/**
 * Archetype A: Arsenal (Tech/Tools)
 */

.vg-card--arsenal {
  background: #0F0F1A;
  border-color: #2D2D4E;
  --vg-radius-card: 10px;
}

.vg-card--arsenal:hover {
  border-color: var(--vg-color-primary);
  box-shadow: 0 0 0 1px var(--vg-color-primary), var(--vg-shadow-glow-primary), var(--vg-shadow-xl);
}

.vg-card--arsenal .vg-card__title {
  color: #F9FAFB;
  font-size: var(--vg-font-size-base);
}

.vg-card--arsenal .vg-card__price-current {
  color: var(--vg-color-primary);
}

.vg-card--arsenal .vg-card__social-proof {
  color: #6B7280;
}

.vg-card--arsenal .vg-card__actions {
  border-top-color: #2D2D4E;
}

.vg-card--arsenal .vg-card__meta .vg-chip {
  background: #1A1A2E;
  color: #9CA3AF;
  border-color: #2D2D4E;
}

.vg-card--arsenal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--vg-color-primary), transparent);
  opacity: 0;
  transition: opacity var(--vg-transition-base);
  z-index: 1;
}

.vg-card--arsenal:hover::before {
  opacity: 1;
}

.vg-card--arsenal::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  width: 12px;
  height: 12px;
  border-top: 2px solid var(--vg-color-primary);
  border-right: 2px solid var(--vg-color-primary);
  opacity: 0;
  transition: opacity var(--vg-transition-base);
  border-radius: 0 var(--vg-radius-sm) 0 0;
}

.vg-card--arsenal:hover::after {
  opacity: 0.7;
}