/**
 * Dual light/dark family logos from admin uploads.
 * Cloud UI is dark by default; use `.family-logo-surface--light` or
 * `[data-theme="light"]` for light surfaces.
 *
 * Specificity must beat page rules like `.pricing-model-card__logo { display: block }`.
 */

.family-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  flex-shrink: 0;
}

.family-logo > img.family-logo__img {
  display: none;
}

.family-logo > img.family-logo__img--dark {
  display: block;
}

.family-logo > img.family-logo__img--light {
  display: none;
}

[data-theme='light'] .family-logo > img.family-logo__img--light,
.family-logo-surface--light .family-logo > img.family-logo__img--light {
  display: block;
}

[data-theme='light'] .family-logo > img.family-logo__img--dark,
.family-logo-surface--light .family-logo > img.family-logo__img--dark {
  display: none;
}

.family-logo-surface--dark .family-logo > img.family-logo__img--dark,
[data-theme='dark'] .family-logo > img.family-logo__img--dark {
  display: block;
}

.family-logo-surface--dark .family-logo > img.family-logo__img--light,
[data-theme='dark'] .family-logo > img.family-logo__img--light {
  display: none;
}

.family-logo__img--mono,
.pricing-model-card__logo--mono {
  filter: brightness(0) invert(1);
}

.family-logo__img--mono-from-dark,
.pricing-model-card__logo--mono-from-dark {
  filter: brightness(0);
}