/*
 * cdob-store-landing.css | v0.2.0 | 2026-08-07 | Generated by Claude, session
 * CDOB-CUT-S2 (v0.1.0 2026-08-06 CDOB-CUT-S1)
 *
 * Section rhythm for [cdob_store_landing] (parts/cdob-store-landing.php).
 * Every PRODUCT CARD rule lives in css/cdob-catalogue.css under its
 * .cdob-catalogue-wrap anchor (declared dependency in the loader); this
 * sheet deliberately owns zero card rules.
 *
 * v0.2.0 (CDOB-CUT-S2, owner-directed) DELETES two thirds of this file: the
 * storefront grid, the rail column, and the .cdob-rail-card / .cdob-rail-nav
 * family. The landing no longer draws its own sidebar. It takes the theme's
 * store rail -- the same one product singles, the shop archive and the
 * category archives use -- through the ordinary page.php .cdob-layout grid
 * and get_sidebar() (page.php v0.9.0, sidebar.php v0.6.0), and the passport
 * card is rebuilt as a .cdob-rail__widget in the theme's css/cdob-rail.css
 * v0.4.0. What remains here is what was never duplicated: the section
 * heading row and its "Shop all X" link.
 *
 * Two consequences worth naming rather than discovering later. The 1000px
 * grid breakpoint is gone, so the rail now drops below the content at the
 * theme's own 1023px .cdob-layout breakpoint like every other page. And the
 * WCAG 1.3.2 rail-first DOM order flagged by the CUT-S1 a11y review is
 * retired, because there is no longer a source-order-vs-visual-order
 * reversal to justify.
 *
 * Colors: tokens only, no new pairs. The shop-all link PINS navy for base
 * AND hover states, because the theme's global a:hover resolves to flame at
 * 3.51:1 on paper, below the 4.5:1 normal-text floor; cdob-catalogue.css
 * documents the same pin for the card family ("never let a link here fall
 * through to the global hover"). Navy on paper is the theme's verified
 * body-link pair (cdob-core.css), 10.401:1 re-derived by sRGB linearization
 * for this version.
 *
 * Specificity: the landing renders inside .cdob-prose, whose element rules
 * (cdob-content-page.css) are (0,1,1); every rule here that targets a bare
 * element is compounded under .cdob-storefront to (0,2,1) so the winner
 * never depends on print order (lesson 148, the .cdob-catalogue-wrap
 * precedent).
 */

/* ---- Sections ---- */

.cdob-storefront__section {
  scroll-margin-top: 24px;
}

.cdob-storefront__section + .cdob-storefront__section {
  margin-top: 48px;
}

.cdob-storefront__section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.cdob-storefront .cdob-storefront__section-head h2 {
  margin: 0;
}

.cdob-storefront__all {
  display: inline-flex;
  align-items: center;
  min-height: var(--cdob-tap-min);
  font-size: var(--fs-400);
  white-space: nowrap;
  color: var(--cdob-navy);
}

/* Pinned navy on hover: the global a:hover flame is 3.51:1 on paper. */
.cdob-storefront__all:hover,
.cdob-storefront__all:focus-visible {
  color: var(--cdob-navy);
  text-decoration: underline;
}