/* GlowScore Tier Visual Differentiation
 * Budget (Value) → green tones
 * Luxury (Premium) → purple tones
 * Applied globally via data-tier attribute on .product-card
 */

/* ── Budget: Green ────────────────────────────────────────────── */
[data-tier="budget"] .glowscore-block {
  background: linear-gradient(135deg, #f0faf0, #e8f5e9);
}

[data-tier="budget"] .score-bar-fill {
  background: linear-gradient(90deg, #28a745, #2e7d32) !important;
}

[data-tier="budget"] .score-tier-label {
  color: #28a745;
}

[data-tier="budget"] .score-breakdown span {
  background: rgba(40, 167, 69, 0.1);
  color: #2e7d32;
}

/* ── Luxury: Purple ───────────────────────────────────────────── */
[data-tier="luxury"] .glowscore-block {
  background: linear-gradient(135deg, #f5f0ff, #ede7f6);
}

[data-tier="luxury"] .score-bar-fill {
  background: linear-gradient(90deg, #7c4dff, #6f42c1) !important;
}

[data-tier="luxury"] .score-tier-label {
  color: #6f42c1;
}

[data-tier="luxury"] .score-breakdown span {
  background: rgba(111, 66, 193, 0.1);
  color: #5e35b1;
}

/* ── Shared tier label ────────────────────────────────────────── */
.score-tier-label {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* ── Score criteria subtitle ──────────────────────────────────── */
.score-criteria {
  font-size: 0.68rem;
  color: #999;
  margin: 0.4rem 0 0;
  font-style: italic;
  letter-spacing: 0.01em;
}