/*
 * Catalogue page styling.
 * Auto-loaded by header.php's cache-busting stylesheet helper.
 *
 * Most of the visual rhythm is inherited from the shared .shop-grid
 * + .book-card styles in index.css — same covers, same captions, same
 * spacing as the Shop landing. This file just handles the catalogue-
 * specific bits: hidden h1, intro paragraph, and the editorial
 * footnote treatment for the rights / co-edition note.
 */


/* === Hide the redundant "Catalogue" h1 — all viewports =================
   Same idiom as .shop > .h1, .contact > .h1, .about > .h1: the URL
   and nav already tell the visitor where they are. The intro paragraph
   below carries the editorial identity. Visually hidden but kept in
   markup for SEO + screen readers. */
.catalogue > .h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* === Editorial intro above the grid ================================== */
.catalogue-intro {
  max-width: 36rem;
  margin: 0 0 2rem;
  line-height: 1.5;
}


/* === Catalogue grid ====================================================
   Inherits from .shop-grid — this class is for future targeted overrides
   only. No rules needed today; the shared grid styles handle layout,
   gaps, and the cover aspect ratio (with contain). */
.catalogue-grid {
  /* placeholder for future catalogue-specific grid overrides */
}


/* === Rights / translation / co-edition note ==========================
   Editorial footnote treatment — thin top-rule above, lighter text.
   Same pattern as the /about page's footnote block. Tells the reader
   this is meta-information about the catalogue, not the catalogue
   itself. Capped at body-text width. */
.catalogue-rights {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-light);
  max-width: 36rem;
  font-size: .9rem;
  color: var(--color-text-grey);
  line-height: 1.5;
}
.catalogue-rights a {
  color: inherit;
  border-bottom: 1px solid currentColor;
  transition: opacity .2s;
}
.catalogue-rights a:hover {
  opacity: .6;
}