/* Clearance Level System - Professional Security Classification */

/* Clearance 6 — Stealth (Unique) */
.clearance-6 {
  background: #dc3545;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 0 4px rgba(220, 53, 69, 0.4), 0 0 8px rgba(220, 53, 69, 0.2);
  border: 1px solid rgba(220, 53, 69, 0.6);
  transition: all 0.3s ease;
}

.clearance-6:hover {
  box-shadow: 0 0 8px rgba(220, 53, 69, 0.7), 0 0 16px rgba(220, 53, 69, 0.5), 0 0 24px rgba(220, 53, 69, 0.3);
  transform: scale(1.05);
}

/* Clearance 5 — Flagship (Legendary) */
.clearance-5 {
  background: var(--neon-primary);
  color: #000;
  font-weight: bold;
  text-shadow: none;
  box-shadow: 0 0 12px rgba(255, 165, 0, 0.8), 0 0 24px rgba(255, 165, 0, 0.6), 0 0 36px rgba(255, 165, 0, 0.4);
  border: 2px solid rgba(255, 165, 0, 1);
  transition: all 0.3s ease;
  animation: flagshipPulse 2s ease-in-out infinite alternate;
}

.clearance-5:hover {
  box-shadow: 0 0 20px rgba(255, 165, 0, 1), 0 0 40px rgba(255, 165, 0, 0.8), 0 0 60px rgba(255, 165, 0, 0.6);
  transform: scale(1.05);
}

@keyframes flagshipPulse {
  0% {
    box-shadow: 0 0 12px rgba(255, 165, 0, 0.8), 0 0 24px rgba(255, 165, 0, 0.6), 0 0 36px rgba(255, 165, 0, 0.4);
  }
  100% {
    box-shadow: 0 0 16px rgba(255, 165, 0, 0.9), 0 0 32px rgba(255, 165, 0, 0.7), 0 0 48px rgba(255, 165, 0, 0.5);
  }
}

/* Clearance 4 — Vision (Epic) */
.clearance-4 {
  background: #9932CC;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 0 8px rgba(153, 50, 204, 0.6), 0 0 16px rgba(153, 50, 204, 0.4), 0 0 24px rgba(153, 50, 204, 0.3);
  border: 2px solid rgba(153, 50, 204, 0.8);
  transition: all 0.3s ease;
  animation: visionPulse 2.5s ease-in-out infinite alternate;
}

.clearance-4:hover {
  box-shadow: 0 0 20px rgba(153, 50, 204, 0.4), 0 0 40px rgba(153, 50, 204, 0.3), 0 0 60px rgba(153, 50, 204, 0.2);
  border-color: rgba(153, 50, 204, 0.8);
  transform: scale(1.05);
}

@keyframes visionPulse {
  0% {
    box-shadow: 0 0 8px rgba(153, 50, 204, 0.6), 0 0 16px rgba(153, 50, 204, 0.4), 0 0 24px rgba(153, 50, 204, 0.3);
  }
  100% {
    box-shadow: 0 0 12px rgba(153, 50, 204, 0.8), 0 0 24px rgba(153, 50, 204, 0.6), 0 0 36px rgba(153, 50, 204, 0.4);
  }
}

/* Clearance 3 — Audio (Rare) */
.clearance-3 {
  background: #0066FF;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 0 6px rgba(0, 102, 255, 0.5), 0 0 12px rgba(0, 102, 255, 0.3), 0 0 18px rgba(0, 102, 255, 0.2);
  border: 2px solid rgba(0, 102, 255, 0.7);
  transition: all 0.3s ease;
  animation: audioPulse 3s ease-in-out infinite alternate;
}

.clearance-3:hover {
  box-shadow: 0 0 20px rgba(0, 102, 255, 0.4), 0 0 40px rgba(0, 102, 255, 0.3), 0 0 60px rgba(0, 102, 255, 0.2);
  border-color: rgba(0, 102, 255, 0.8);
  transform: scale(1.05);
}

@keyframes audioPulse {
  0% {
    box-shadow: 0 0 6px rgba(0, 102, 255, 0.5), 0 0 12px rgba(0, 102, 255, 0.3), 0 0 18px rgba(0, 102, 255, 0.2);
  }
  100% {
    box-shadow: 0 0 10px rgba(0, 102, 255, 0.7), 0 0 20px rgba(0, 102, 255, 0.5), 0 0 30px rgba(0, 102, 255, 0.3);
  }
}

/* Clearance 2 — Starter (Uncommon) */
.clearance-2 {
  background: #28a745;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 0 4px rgba(40, 167, 69, 0.4), 0 0 8px rgba(40, 167, 69, 0.2);
  border: 1px solid rgba(40, 167, 69, 0.6);
  transition: all 0.3s ease;
}

.clearance-2:hover {
  box-shadow: 0 0 8px rgba(40, 167, 69, 0.7), 0 0 16px rgba(40, 167, 69, 0.5), 0 0 24px rgba(40, 167, 69, 0.3);
  transform: scale(1.05);
}

/* Clearance 1 — Base (Common) */
.clearance-1 {
  background: #6c757d;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 0 4px rgba(108, 117, 125, 0.4), 0 0 8px rgba(108, 117, 125, 0.2);
  border: 1px solid rgba(108, 117, 125, 0.6);
  transition: all 0.3s ease;
}

.clearance-1:hover {
  box-shadow: 0 0 8px rgba(108, 117, 125, 0.7), 0 0 16px rgba(108, 117, 125, 0.5), 0 0 24px rgba(108, 117, 125, 0.3);
  transform: scale(1.05);
}

/* Marketplace card specific clearance styles */
.clearance-6.marketplace-card {
  border: 2px solid rgba(220, 53, 69, 0.8);
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.1), rgba(220, 53, 69, 0.05));
  box-shadow: 0 0 20px rgba(220, 53, 69, 0.3);
}

.clearance-6.marketplace-card:hover {
  box-shadow: 0 0 30px rgba(220, 53, 69, 0.6), 0 0 60px rgba(220, 53, 69, 0.3);
  transform: translateY(-5px) scale(1.02);
}

.clearance-5.marketplace-card {
  border: 2px solid rgba(255, 165, 0, 0.8);
  background: linear-gradient(135deg, rgba(255, 165, 0, 0.1), rgba(255, 165, 0, 0.05));
  box-shadow: 0 0 20px rgba(255, 165, 0, 0.3);
}

.clearance-5.marketplace-card:hover {
  box-shadow: 0 0 30px rgba(255, 165, 0, 0.6), 0 0 60px rgba(255, 165, 0, 0.3);
  transform: translateY(-5px) scale(1.02);
}

.clearance-4.marketplace-card {
  border: 2px solid rgba(153, 50, 204, 0.8);
  background: linear-gradient(135deg, rgba(153, 50, 204, 0.1), rgba(153, 50, 204, 0.05));
  box-shadow: 0 0 20px rgba(153, 50, 204, 0.3);
}

.clearance-4.marketplace-card:hover {
  box-shadow: 0 0 30px rgba(153, 50, 204, 0.6), 0 0 60px rgba(153, 50, 204, 0.3);
  transform: translateY(-5px) scale(1.02);
}

.clearance-3.marketplace-card {
  border: 2px solid rgba(0, 102, 255, 0.8);
  background: linear-gradient(135deg, rgba(0, 102, 255, 0.1), rgba(0, 102, 255, 0.05));
  box-shadow: 0 0 20px rgba(0, 102, 255, 0.3);
}

.clearance-3.marketplace-card:hover {
  box-shadow: 0 0 30px rgba(0, 102, 255, 0.6), 0 0 60px rgba(0, 102, 255, 0.3);
  transform: translateY(-5px) scale(1.02);
}

.clearance-2.marketplace-card {
  border: 2px solid rgba(40, 167, 69, 0.8);
  background: linear-gradient(135deg, rgba(40, 167, 69, 0.1), rgba(40, 167, 69, 0.05));
  box-shadow: 0 0 20px rgba(40, 167, 69, 0.3);
}

.clearance-2.marketplace-card:hover {
  box-shadow: 0 0 30px rgba(40, 167, 69, 0.6), 0 0 60px rgba(40, 167, 69, 0.3);
  transform: translateY(-5px) scale(1.02);
}

.clearance-1.marketplace-card {
  border: 2px solid rgba(108, 117, 125, 0.8);
  background: linear-gradient(135deg, rgba(108, 117, 125, 0.1), rgba(108, 117, 125, 0.05));
  box-shadow: 0 0 20px rgba(108, 117, 125, 0.3);
}

.clearance-1.marketplace-card:hover {
  box-shadow: 0 0 30px rgba(108, 117, 125, 0.6), 0 0 60px rgba(108, 117, 125, 0.3);
  transform: translateY(-5px) scale(1.02);
}

/* Feature card hover effects */
.feature-card.clearance-5:hover {
  transform: translateY(-8px) scale(1.03);
}

.feature-card.clearance-4:hover {
  transform: translateY(-6px) scale(1.02);
}

.feature-card.clearance-3:hover {
  transform: translateY(-4px) scale(1.02);
}

.feature-card.clearance-1:hover {
  transform: translateY(-2px) scale(1.01);
}

.feature-card.clearance-6:hover {
  transform: translateY(-10px) scale(1.05);
}

/* Clearance text styling */
.clearance-6 .marketplace-card p,
.clearance-5 .marketplace-card p,
.clearance-4 .marketplace-card p,
.clearance-3 .marketplace-card p,
.clearance-2 .marketplace-card p,
.clearance-1 .marketplace-card p {
  color: #e0e0e0;
  font-size: 14px;
  line-height: 1.4;
}