/* Berkeley Holiday Fund - site-fixes.css
   Small adjustments on top of site.css, loaded in every theme.
   Keeps site.css itself untouched. */

/* Icons 25% larger: the step icons (envelope, people, gift card) and the
   Emergency Fund clock. */
[data-icon] {
  width: 3.4375rem;   /* was 2.75rem */
  height: 3.4375rem;
}

.steps [data-icon] {
  width: 2.8125rem;   /* was 2.25rem */
  height: 2.8125rem;
}

/* ---------- Wordmark ----------
   The site name set in text, in the same face and weight as the h1,
   in place of the placeholder logo image. */
.masthead__logo {
  text-decoration: none;
  color: var(--ink);
}

.masthead__logo:hover {
  color: var(--ink);
}

.masthead__wordmark {
  font-family: var(--display);
  font-weight: 700;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  line-height: 1.1;
  letter-spacing: -0.018em;
  white-space: nowrap;
}

/* ---------- Partner grid ----------
   Every tile uses the same two rows: a fixed-height logo area, then a name
   area tall enough for three lines. Logos line up across each row and every
   name starts at the same height, whether it runs one line or three. */
.partner {
  display: grid;
  grid-template-rows: 3.5rem minmax(calc(0.875rem * 1.3 * 3), auto);
  align-content: center;
  justify-items: center;
  gap: 0.9rem;
}

.partner__mark {
  align-self: center;
}

.partner__name {
  align-self: start;
}