/* =========================================================================
   Ciano Meubles — inner-page shell
   The home page's pinned hero and riding sheet, applied to the pages that
   are not home. Those pages now load the same four files the home page does
   — tokens.css, hero.css, reveal.css, home-restyle.css — so the hero, the
   panel reveal, the CTA and the footer are literally the same rules rather
   than a second copy that drifts.

   This file is only the joins: the handful of places where an inner page's
   own content needs to meet that shell. Nothing here restates a rule that
   already exists in one of those four.

   Load LAST, after the page's own stylesheet.
   ========================================================================= */

/* ---------------------------------------------------------------- panels --

   A page that pins its hero still needs its body content wrapped in a .dsheet
   so it can ride up over that hero. Inside the sheet the content is split
   into the runs that share a ground: .pmain for the page's own content,
   .dclose for the CTA and the footer.

   That split is about GROUND, not motion. js/reveal-stack.js will also make a
   panel of every direct child of .dsheet and slide each over the last, but it
   is loaded per page: the home page wants those seams, collections does not
   (see the comment in collections.html). The wrappers below work either way.

   Each needs its own ground, because a wrapper without one falls through to
   .dsheet's cream and that shows as a strip wherever the content inside is
   white or dark and does not fill it. */

.pmain { position: relative; }

.pmain--card  { background-color: var(--x-card); }
.pmain--paper { background-color: var(--x-paper); }

/* .pmain is a plain wrapper, so it has no padding of its own to collapse a
   child's margin into. Nothing below relies on that today, but a panel that
   silently leaked its first child's margin-top out through the seam would be
   a genuinely confusing thing to debug later. */
.pmain::before { content: ""; display: table; }

/* ------------------------------------------------------------- the seam --

   The collections filter bar was the one join that needed retuning: it sits
   directly under the hero, so it is read against it. That is fixed at source
   in css/collections.css rather than overridden here — an override layer for
   a value that has exactly one home is how two files end up disagreeing about
   what the dark ground is. */

/* ------------------------------------------------------------ close panel */

/* .dclose paints one ground for the CTA and the footer and drops the rules
   between them — see css/reveal.css, which is where that colour is decided.
   The inner pages' own stylesheets set a border and a separate --cta-bg on
   .cta-band, at a specificity .dclose already beats, so there is nothing to
   undo here. The one thing those pages carry that the home page does not is
   a divider above the footer nav, which would cut the close in half. */

.dclose .footer-center .divider { display: none; }