/* Frontend: Mitglieder-Zähler (Shortcode [sf_member_counter]) */

.mv-member-counter {
  text-align: center;
  margin: 0;
}

/* Zahl – Basis: ohne feste Farbe, die Farbe kommt über den Typ (Desktop) */
.mv-member-counter__number {
  display: block;
  padding-top: 25px;
  margin: 0 0 15px 0;
  font-size: 70px;
  line-height: 1;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  font-weight: 600;
}

/* aktive Mitglieder: positiv = grün */
.mv-member-counter--active .mv-member-counter__number {
  color: var(--sfvv-green);
}

/* ausgeschiedene Mitglieder: negativ = rot/bordeaux */
.mv-member-counter--inactive .mv-member-counter__number {
  color: #700121;
}

/* Label – Basis (Desktop) */
.mv-member-counter__label {
  display: block;
  margin-bottom: 25px;
  color: #002233;
  font-size: 36px;
  line-height: 1;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Tablet: bis 1024px Breite */
@media (max-width: 1024px) {
  .mv-member-counter__number {
    font-size: 55px; /* wie bei den Projekt-Countern */
  }

  .mv-member-counter__label {
    font-size: 30px;
  }
}

/* Mobile: bis 767px Breite */
@media (max-width: 767px) {
  .mv-member-counter__number {
    font-size: 50px;
  }

  .mv-member-counter__label {
    font-size: 28px;
  }
}