/* Legacy-parity text rendering: the old Creditas site sets
 * -webkit-font-smoothing: antialiased globally, which renders type
 * lighter/thinner on macOS. Webflow Code Components live in isolated
 * shadow roots, so this must be declared per-component on :host to
 * inherit into the shadow tree (the property does not cross the
 * shadow boundary). Without it, Blink defaults to subpixel smoothing
 * and identical 400-weight text looks heavier than the old site. */
:host {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * LogoContentCardBullet — one bullet point inside a LogoContentCard.
 *
 * Class naming: no BEM `__` element separator here (block + `--no-dot`
 * modifier only); the modifier is nested under the block as `&.…--no-dot`.
 *
 * The bullet's green dot is a `::before` pseudo-element rather than the
 * browser's default list marker so we stay independent of whether the
 * parent renders the container as a `<ul>` or a `<div>`.
 *
 * Token values inlined from @creditas-ui/themes standard:
 *   colors.primary.40    = #8edb00
 *   colors.neutral.90    = #3d3d3d
 *   typography.body.sm bold → 14px / 20px / 0.3px / weight 700
 */

.logo-content-card-bullet,
.logo-content-card-bullet *,
.logo-content-card-bullet *::before,
.logo-content-card-bullet *::after {
  box-sizing: border-box;
}

.logo-content-card-bullet {
  position: relative;
  /* padding-left: 20px; */
  color: #3d3d3d;
  font-family: 'Helvetica Now Display', 'Helveticanowdisplay', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;

  /* .logo-content-card-bullet::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #8edb00;
  } */

  /* "Bullet dot = No": drop the green dot and the indent it reserved. */
  &.no-dot {
    padding-left: 0;

    &::before {
      display: none;
    }
  }
}