/*
 * hh-badges.css — Reusable HealthHaven trust-signal badges
 *
 * Used on search result cards and room detail pages.
 * - REM-only sizing (no px).
 * - Light/dark mode aware via :root variables.
 *
 * Badge variants:
 *   .hh-cancel-badge    — soft cancel-policy indicator (moderate/flexible)
 *   .hh-verified-badge  — "Verified by HealthHaven" trust mark (A2)
 *   .hh-near-badge      — "Near {hospital}" proximity tag
 */

.hh-cancel-badge {
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
  border: 0.0625rem solid rgba(16, 185, 129, 0.25);
  line-height: 1.25rem;
}

.hh-cancel-badge i {
  font-size: 0.8125rem;
}

/* Strict-policy variant (red-orange) — not currently rendered but reserved */
.hh-cancel-badge--strict {
  background: rgba(245, 158, 11, 0.10);
  color: #f59e0b;
  border-color: rgba(245, 158, 11, 0.25);
}

/* Verified-by-HealthHaven trust badge (A2) — placeholder for follow-up. */
.hh-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.625rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, rgba(8, 145, 178, 0.15), rgba(124, 58, 237, 0.15));
  color: #0891b2;
  border: 0.0625rem solid rgba(8, 145, 178, 0.25);
}

.hh-near-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  padding: 0.1875rem 0.5rem;
  border-radius: 0.375rem;
  background: rgba(8, 145, 178, 0.10);
  color: #0891b2;
}

/* Light-theme accessibility overrides (cards on light backgrounds) */
@media (prefers-color-scheme: light) {
  .hh-cancel-badge {
    background: rgba(16, 185, 129, 0.10);
    color: #047857;
    border-color: rgba(16, 185, 129, 0.30);
  }
  .hh-verified-badge {
    color: #0e7490;
  }
}

/* Explicit light-mode overrides for sites using a `.light` root class */
html.light .hh-cancel-badge,
[data-theme="light"] .hh-cancel-badge {
  background: rgba(16, 185, 129, 0.10);
  color: #047857;
  border-color: rgba(16, 185, 129, 0.30);
}