/* Harfang 2 — pictogrammes (alignés mockup SIA) */

.harfang-icon {
  display: block;
  object-fit: contain;
  flex-shrink: 0;
}

.harfang-icon--sm {
  width: 18px;
  height: 12px;
}

.harfang-icon--md {
  width: 24px;
  height: 16px;
}

.harfang-icon--hero {
  width: 44px;
  height: 29px;
}

.harfang-icon--badge {
  width: 18px;
  height: 12px;
}

/* Hero — pill glass, icône à gauche du texte */
.hero-harfang-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
}

.hero-harfang-badge .harfang-icon {
  margin: 0;
}

/* Badge produit — carré bleu + libellé uppercase */
.harfang-product-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 0.75rem;
  padding: 0.35rem 0.85rem 0.35rem 0.35rem;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0F1B3D;
  background: rgba(30, 58, 138, 0.08);
  border: 1px solid rgba(30, 58, 138, 0.18);
  border-radius: 999px;
}

.harfang-product-badge__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #1E3A8A;
  border-radius: 7px;
  flex-shrink: 0;
}

.harfang-product-badge__icon .harfang-icon {
  margin: 0;
}

.harfang-product-badge__label {
  line-height: 1;
  padding-right: 0.15rem;
}

/* Chat sidebar compteur */
.security-entities-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.security-entities-count .harfang-icon {
  width: 18px;
  height: 12px;
  margin: 0;
}

/* Badges achievement + overlay loading */
.achievement-badge-icon {
  display: inline-flex;
  align-items: center;
}

.achievement-badge-icon .harfang-icon {
  width: 16px;
  height: 11px;
  margin: 0;
}

.edo-loading {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.edo-loading .harfang-icon {
  width: 18px;
  height: 12px;
  margin: 0;
}

/* Transparence IA — titre */
.transparence-harfang-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.transparence-harfang-title .harfang-icon {
  width: 28px;
  height: 19px;
  margin: 0;
}