/* 4 modèles de header (point 7 de l'audit) — tous horizontaux, jamais un
   bloc centré empilé qui consomme trop d'espace vertical (max ~150px). */

.ulb-header {
  position: relative;
  overflow: hidden;
  max-height: 150px;
}

.ulb-header__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.25rem;
}

.ulb-header__avatar {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  background: #e5e7eb;
}
.ulb-header__avatar--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #6b7280;
}

.ulb-header__title { font-weight: 700; font-size: 1rem; line-height: 1.2; text-align: left; }
.ulb-header__desc { font-size: 0.8125rem; color: #6b7280; margin-top: 0.125rem; text-align: left; }

/* --- Minimal : avatar + nom seuls --- */
.ulb-header--minimal .ulb-header__avatar { width: 32px; height: 32px; }
.ulb-header--minimal .ulb-header__row { padding: 0.625rem 1.25rem; }

/* --- Stats : identité + ligne de chiffres clés, toujours horizontal --- */
.ulb-header__stats {
  display: flex;
  gap: 1.25rem;
  padding: 0 1.25rem 0.75rem;
}
.ulb-header__stat { display: flex; flex-direction: column; align-items: flex-start; }
.ulb-header__stat strong { font-size: 0.9375rem; line-height: 1; }
.ulb-header__stat span { font-size: 0.6875rem; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.02em; }

/* --- Couverture : image de fond, profondeur au scroll, texte incrusté en bas --- */
.ulb-header--cover { height: 150px; }
.ulb-header--cover .ulb-header__bg {
  position: absolute;
  inset: -15% -5%;
  background-size: cover;
  background-position: center;
  background-color: #1f2937;
  will-change: transform;
}
.ulb-header--cover .ulb-header__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.1) 65%);
}
.ulb-header--cover .ulb-header__row {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
}
.ulb-header--cover .ulb-header__desc { color: rgba(255, 255, 255, 0.85); }