/* Global Badge Styles - Used on both search and article pages */
/* Generated by sync-local.js - DO NOT EDIT MANUALLY */

/* Base badge styles */
.blog-group-badge, .engagement-badge {
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-block;
}

.blog-group-badge:hover, .engagement-badge:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Default fallback styles */
.blog-group-badge { background: #f1f5f9; color: #475569; }
.engagement-badge { background: #f1f5f9; color: #475569; }

/* Blog Group Styles */

/* Training */
.blog-group-training {
  background: #dbeafe !important;
  color: #1e40af !important;
}

/* Features */
.blog-group-features {
  background: #f3e8ff !important;
  color: #7c3aed !important;
}

/* Indoor */
.blog-group-indoor {
  background: #ecfdf5 !important;
  color: #059669 !important;
}

/* Issue */
.blog-group-issue {
  background: #fef2f2 !important;
  color: #991b1b !important;
}

/* Other */
.blog-group-other {
  background: #f1f5f9 !important;
  color: #475569 !important;
}

/* Engagement Styles */
/* Quick Post */
.engagement-quick-post {
  background: #dcfce7 !important;
  color: #16a34a !important;
}

/* Complete Post */
.engagement-complete-post {
  background: #dbeafe !important;
  color: #1e40af !important;
}

/* Geek Post */
.engagement-geek-post {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}