/* ============================================================================
   album-count.css — the photo count under an album name on a set/album card
   ----------------------------------------------------------------------------
   Emitted by storage/custom/lib/AlbumCount.php as
       <span class="info info-count">(94 Photos)</span>
   directly after the card's <span class="info info-title">.

   Scoped to ul.gallery.gallery-set so it can only ever reach album/set cards.
   Photo thumbnails live in ul.gallery.gallery-album and are never touched.

   The card is already centred by the theme and the count is a plain block in
   normal flow, so it re-centres itself when the column count or the cover size
   changes — no widths, no absolute positioning, nothing to keep in sync with
   the layout- and cols- modifiers.

   Every inherited display property the album title carries (uppercasing,
   tracking, weight) is reset explicitly rather than left to chance: the title
   is styled by theme rules of higher specificity than this file's, and the
   count sits inside the same anchor.
   ========================================================================= */

ul.gallery.gallery-set span.info-count {
  display: block;
  text-align: center;

  /* 0.8em matches .footer-info, the copyright line this is meant to echo.
     Relative, so it tracks the title if the theme's card scale changes. */
  font-size: 0.8em;
  line-height: 1.35;
  margin-top: 0.15em;

  /* Secondary to the #fff album title, a step below the #9d9d9d summary. */
  color: rgba(255, 255, 255, .45);

  /* The title is uppercased, tracked and bold in several theme flavors.
     The count is none of those. */
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-style: normal;
}

/* Left-aligned card layouts align the count with the title rather than
   forcing it to the centre of a left-aligned block. */
ul.gallery.gallery-set.layout-card span.info-count {
  text-align: inherit;
}

/* The theme dims the whole card on hover; the count must not brighten
   independently of the title it belongs to. */
ul.gallery.gallery-set a.sitelink:hover span.info-count {
  color: rgba(255, 255, 255, .45);
}