/*
 * ONE WORLD BALANCE
 * 09.21.26.07
 * Public / candidate fundraising split and accessible
 * pause/resume control for visible auto-updating statistics.
 */

.owb-fundraising-candidate {
  grid-column: 1 / -1;
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  margin-top: 0.8rem;
  padding: 0.8rem 0.5rem 0;
  border-top: 1px solid var(--owb-soft-line);
  text-align: center;
}

.owb-fundraising-candidate .owb-fundraising-label {
  margin-bottom: 0;
}

.owb-fundraising-stat .owb-fundraising-value {
  display: block;
  max-width: 100%;
  font-size: clamp(1.55rem, 3.2vw, 2.15rem);
  line-height: 1.05;
  white-space: nowrap;
}

.owb-fundraising-candidate .owb-fundraising-value {
  max-width: 100%;
  font-size: clamp(1.7rem, 3.5vw, 2.35rem);
  line-height: 1.05;
  white-space: nowrap;
}

.owb-fundraising-value[data-owb-number-size="medium"] {
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
}

.owb-fundraising-value[data-owb-number-size="long"] {
  font-size: clamp(1.15rem, 2.1vw, 1.55rem);
}

.owb-fundraising-value[data-owb-number-size="xlong"] {
  font-size: clamp(1rem, 1.75vw, 1.3rem);
}

.owb-fundraising-controls {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem 0.8rem;
  margin-top: 0.7rem;
  text-align: center;
}

.owb-fundraising-controls[hidden] {
  display: none;
}

.owb-fundraising-toggle {
  min-height: 2rem;
  min-width: 2rem;
  padding: 0.3rem 0.65rem;
  border: 1px solid var(--owb-navy);
  border-radius: 0.4rem;
  background: #ffffff;
  color: var(--owb-navy);
  font-family: inherit;
  font-size: clamp(0.78rem, 1.1vw, 0.9rem);
  line-height: 1.2;
  font-weight: 700;
  cursor: pointer;
}

.owb-fundraising-toggle:hover {
  text-decoration: underline;
}

.owb-fundraising-toggle:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

.owb-fundraising-control-status {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

@media (max-width: 42rem) {
  .owb-fundraising-candidate {
    align-items: center;
    flex-direction: column;
    gap: 0.35rem;
  }
}
/*
 * 09.21.26.07
 * Four public statistics on wide screens,
 * two-by-two on medium screens,
 * one column on narrow screens.
 */
.owb-fundraising-inner {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 64rem) {
  .owb-fundraising-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 42rem) {
  .owb-fundraising-inner {
    grid-template-columns: minmax(0, 1fr);
  }
}

/*
 * 09.21.26.07
 * Restore the intended responsive fundraising grid over
 * older mobile rules that force three columns with !important.
 */

.site-header > .owb-fundraising-strip .owb-fundraising-inner {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 64rem) {
  .site-header > .owb-fundraising-strip .owb-fundraising-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .site-header > .owb-fundraising-strip .owb-fundraising-stat {
    border-left: 0 !important;
    border-top: 0 !important;
  }

  .site-header > .owb-fundraising-strip
  .owb-fundraising-stat:nth-child(2n) {
    border-left: 1px solid var(--owb-soft-line) !important;
  }

  .site-header > .owb-fundraising-strip
  .owb-fundraising-stat:nth-child(n + 3) {
    border-top: 1px solid var(--owb-soft-line) !important;
  }
}

@media (max-width: 42rem) {
  .site-header > .owb-fundraising-strip .owb-fundraising-inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .site-header > .owb-fundraising-strip .owb-fundraising-stat {
    border-left: 0 !important;
    border-top: 0 !important;
  }

  .site-header > .owb-fundraising-strip
  .owb-fundraising-stat:nth-child(n + 2) {
    border-top: 1px solid var(--owb-soft-line) !important;
  }
}

/*
 * 09.21.26.07
 * Single-column cleanup: remove the remaining even-item
 * vertical separator inherited from the two-column breakpoint.
 */
@media (max-width: 42rem) {
  .site-header > .owb-fundraising-strip
  .owb-fundraising-stat:nth-child(n) {
    border-left: 0 !important;
  }
}