/**
 * JamWatHQ Community Welcome Modal - Redesign Styles
 * Optional requirement styling and UX enhancements
 * Created: 2026-01-27 (UX-20260127)
 * Design by: Nobara (Creative Strategy & UX)
 *
 * Note: Core modal styles are in community-page.css
 * This file contains additional UX enhancements for the welcome modal
 */

/* ================================================
   OPTIONAL REQUIREMENT STYLING - UX-20260127
   Distinguishes optional items from required items
   ================================================ */

/* Optional requirement card - Amber accent */
.requirement-card.requirement-optional {
  border-left: 3px solid #f59e0b; /* Amber for optional */
}

/* Optional badge with amber gradient */
.requirement-badge-optional {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
}

/* Optional tag text styling */
.optional-tag {
  font-size: 0.75rem;
  color: #f59e0b;
  font-weight: normal;
  margin-left: 4px;
}

/* ================================================
   REDESIGN SCOPED STYLES
   These override the base styles when applied
   ================================================ */

/* Optional card within redesign context */
.community-welcome-redesign .requirement-card.requirement-optional {
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-left: 3px solid #f59e0b;
}

.community-welcome-redesign .requirement-badge-optional {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
}

.community-welcome-redesign .optional-tag {
  font-size: 0.75rem;
  color: #f59e0b;
  font-weight: normal;
  margin-left: 4px;
}