/*
 * Landing storefront — layout for a single-product catalogue.
 *
 * `landing-v2.css` is `partials/landing-v2.blade.php`'s inline <style> extracted
 * verbatim and is never hand-edited (same rule that produced
 * profile-source-fixes-v1.css and account-subscription-fixes-v1.css). Loaded
 * after it, so these rules win on equal specificity without `!important`.
 *
 * ## Why this is needed
 *
 * The catalogue shipped three finishes — Matte Black, Metal Gold and a warm-white
 * QR Edition. Only the black soft-touch PVC card is actually manufactured, so on
 * the owner's instruction (9 Sep 2026) the other two `<article>` blocks were
 * removed from `public/assets/html/landing-v2.html`.
 *
 * `.cc-store-products` is `grid-template-columns: repeat(3, minmax(0,1fr))`, so a
 * lone card would sit in the left third of a 78rem shell with two empty columns
 * beside it — it reads as a page that failed to load rather than as a catalogue
 * of one.
 *
 * The fix follows the sheet's own answer to the same problem: at the tablet
 * breakpoint the source already centres an item that cannot fill its row
 * (`.cc-store-product:last-child { grid-column: 1/-1; width: calc(50% - .5rem);
 * margin-inline: auto }`). This applies that idea at every width, capped so the
 * single card reads as a feature rather than a stretched panel.
 *
 * ## Why `:only-child` rather than a class
 *
 * The rule is keyed on there being exactly one product, not on which product it
 * is. Add a second finish back to the HTML and the grid returns on its own, with
 * no stylesheet to remember to undo.
 */

.cc-store-products > .cc-store-product:only-child {
  grid-column: 1 / -1;
  width: min(100%, 30rem);
  margin-inline: auto;
}

/* ------------------------------------------------------------------
   The buy control is now a link, not a button.

   It used to be `<button data-cc-add-to-cart>` with nothing behind it —
   `storefront-v1.js` is not loaded on this page, and the Laravel source had no
   order route either (F-15). It now points at `/order`, the real checkout.

   `.cc-store-add` in the extracted sheet styles a `<button>`, and two of its
   defaults differ on an anchor: a link is underlined, and it inherits the
   page's font where a button would not. Both are corrected here rather than in
   that sheet, which is never hand-edited.
   ------------------------------------------------------------------ */

a.cc-store-add {
  font-family: inherit;
  text-decoration: none;
  letter-spacing: 0.04em;
}

a.cc-store-add:focus-visible {
  outline: 2px solid var(--cc-store-gold, #8b6324);
  outline-offset: 3px;
}