/* AllPlayCoach — logo lockups.
   The wordmark is LIVE TEXT in Nunito Sans, not an image. That keeps it crisp at
   every size, selectable, translatable and ~40x smaller than an outlined SVG.
   Load Nunito Sans 600/800 before using these classes. */

.apc-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.42em;
  font-family: var(--apc-font);
  line-height: 1;
  color: var(--apc-text);
  text-decoration: none;
  /* one knob controls the whole lockup */
  font-size: 40px;
}
.apc-lockup__mark { height: 0.86em; width: auto; display: block; flex: none; }
.apc-lockup__text { display: flex; flex-direction: column; gap: 0.16em; }
.apc-lockup__word {
  font-weight: var(--apc-weight-heavy);
  font-size: 1em;
  letter-spacing: -0.005em;
  white-space: nowrap;
}
.apc-lockup__word b { font-weight: inherit; color: var(--apc-brand); }
.apc-lockup__tag {
  font-weight: var(--apc-weight-medium);
  font-size: 0.27em;
  color: var(--apc-text-muted);
  letter-spacing: 0.005em;
  white-space: nowrap;
}

/* stacked */
.apc-lockup--stacked { flex-direction: column; gap: 0.3em; text-align: center; }
.apc-lockup--stacked .apc-lockup__mark { height: 1.1em; }
.apc-lockup--stacked .apc-lockup__text { align-items: center; }

/* reversed — on ink, brand teal or photography */
.apc-lockup--reversed { color: #fff; }
.apc-lockup--reversed .apc-lockup__word b { color: var(--apc-brand-on-dark); }
.apc-lockup--reversed .apc-lockup__tag  { color: rgba(255,255,255,0.78); }

/* clear space: X = the orange leg ≈ 0.17 of the mark's width */
.apc-lockup--padded { padding: 0.34em 0.5em; }

/* below 160px wide the tagline is unreadable — drop it */
.apc-lockup--compact .apc-lockup__tag { display: none; }

@media (prefers-reduced-motion: no-preference) {
  .apc-lockup { transition: opacity .18s ease; }
}
.apc-lockup:hover { opacity: .88; }

/* on a brand-teal ground: the whole lockup goes white — orange on teal vibrates */
.apc-lockup--on-brand .apc-lockup__word b { color: #fff; }
.apc-lockup--on-brand .apc-lockup__tag    { color: rgba(255,255,255,0.82); }
