/* Roadmap Card - Unified with Beta App "Azulito" style */

.roadmap-stage {
  border: 1px solid rgba(45, 104, 234, 0.18) !important;
  border-radius: 16px !important;
  margin: 1.5rem 0 !important;
  padding: 0 !important;
  background: rgba(45, 104, 234, 0.04) !important;
  /* Azulito tone */
  overflow: hidden;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
}

.roadmap-header {
  display: flex !important;
  align-items: center;
  gap: 14px;
  padding: 14px 24px !important;
  background: rgba(45, 104, 234, 0.02) !important;
  border-bottom: 1px solid rgba(45, 104, 234, 0.08) !important;
}

.roadmap-title {
  font-weight: 700 !important;
  font-size: 1.0rem !important;
  color: #5c8aea !important;
  /* Lighter, more premium soft blue */
  margin: 0 !important;
}

.roadmap-content {
  padding: 16px 24px !important;
  background: transparent !important;
}

/* Harmonize strong text with header color */
.roadmap-content strong {
  color: #5c8aea !important;
  /* Identical to title blue */
  font-weight: 700 !important;
}

/* Medal Icons - Star Medal SVG */
.roadmap-medal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.roadmap-medal svg {
  width: 100%;
  height: 100%;
  fill: currentColor !important;
}

/* Medal Colors Refined */
.medal-gold {
  color: #D4AF37;
  /* Rich Gold */
  filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.4));
}

.medal-silver {
  color: #B0B0B0;
  /* Neutral Silver */
  opacity: 0.9;
}

.medal-bronze {
  color: #CD7F32;
  /* Shiny Bronze/Copper */
  filter: drop-shadow(0 0 4px rgba(205, 127, 50, 0.3));
}

/* Content typography */
.roadmap-content p,
.roadmap-content ul {
  margin-top: 0.4rem !important;
  color: var(--md-default-fg-color);
  opacity: 0.95;
  font-size: 0.9rem;
  line-height: 1.6;
}

.roadmap-content ul {
  padding-left: 1.4rem !important;
  list-style-type: disc !important;
  margin-bottom: 0 !important;
}

.roadmap-content ul li {
  margin-bottom: 0.4rem !important;
}