/* Sober AF -- Awards: saf_award_recipient single-template chrome (S-07).
 *
 * The Tier-D hybrid front end does NOT enqueue the dormant `sober-af`
 * theme's components.css, so the `.saf-award-photo*` markup emitted by
 * sober-af-awards/includes/class-saf-awards-single.php renders unstyled
 * unless this plugin ships the CSS. Enqueued on
 * is_singular('saf_award_recipient'). Tokens resolve from tokens.css
 * (enqueued globally by the child theme). See memory:
 * tier-d-old-theme-css-not-enqueued.
 *
 * No bare `.saf-btn` here ON PURPOSE -- there is no button in scope for
 * the award single, but the same footer-leak rule applies should one
 * be added later. See memory: per-cpt-css-saf-btn-footer-leak.
 */

/* ------------------------------------------------------------------ *
 * [saf_award_photo]: the recipient portrait tile leading the
 * body-left column. The image is COVER-cropped (the photo is a
 * headshot, crop is intentional -- contrast with the sponsor logo
 * which uses `contain`). The monogram fallback fills the same square
 * box so the column never reads as an empty void.
 * ------------------------------------------------------------------ */

.saf-award-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1 / 1;
  margin-bottom: var(--saf-gap-4);
  /* Linen tint (not bare white) so the box reads as a deliberate
   * portrait tile rather than an unstyled void when the monogram
   * fallback shows. Matches the sponsor-logo tile language. */
  background: var(--saf-linen);
  border: 1px solid var(--saf-border);
  border-radius: 12px;
  overflow: hidden;
}

.saf-award-photo__img {
  display: block;
  width: 100%;
  height: 100%;
  /* COVER, not contain: the recipient photo is a headshot; crop is
   * the OLD theme's intent (see single-saf_award_recipient.php). */
  object-fit: cover;
}

.saf-award-photo__monogram {
  font-family: var(--saf-font-sans);
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
  /* Brand brick rather than OLD's near-invisible grey -- the monogram
   * reads as a deliberate portrait placeholder. Decorative
   * (aria-hidden), so it carries no contrast requirement. */
  color: var(--saf-brick-red);
}