/* Willa Carver — site-only rules, linked after the shared stylesheets. */

/* Cinzel Black: Roman-capital display face, close to the cover title lettering.
   Used only for the card-back PURCHASE label. */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@900&display=swap");

/* Gold sampled from the "CELLAR" title lettering on The Cellar Wife cover:
   #f6c359 at the top of the letters, #edb44c through the middle. */
:root{ --wc-gold-hi:#f6c359; --wc-gold:#edb44c; --wc-gold-lo:#dc9a3e;
       /* deeper "antique" gold for the Buy button, same hue family */
       --wc-cta-hi:#d29d3c; --wc-cta:#b9832d; --wc-cta-lo:#9a6a20; }

/* Flip-card back: the full blurb in a scrollable panel. */
.book-back{gap:5px}
.book-back .bl{
  flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch; padding-right:6px; margin-right:-4px;
  scrollbar-width:thin; scrollbar-color:var(--wc-gold) transparent;
  font:var(--type-body-sm); color:var(--color-ink-soft);
}
.book-back .bl::-webkit-scrollbar{width:6px}
.book-back .bl::-webkit-scrollbar-thumb{background:var(--wc-gold);border-radius:99px}
.book-back .bl p{margin:0 0 .55em}
.book-back .bl p:first-child{color:var(--color-ink);font-weight:600}
.book-back .bl p:last-child{margin-bottom:0}
.book-back .bl:focus-visible{outline:2px solid var(--wc-gold);outline-offset:2px}

/* Flip-card PURCHASE button: deep Cellar gold under a fine white crackle glaze,
   bold black type. crackle_v2.svg is a seamless 120x60 tile of hairline cracks
   (10x5 cells, 0.25-0.45px strokes); crackle.svg is the coarser first version. */
.book-back .buy{
  background:
    url("crackle_v2.svg") 0 0 / 120px 60px repeat,
    linear-gradient(180deg,var(--wc-cta-hi),var(--wc-cta) 55%,var(--wc-cta-lo));
  border:1.5px solid var(--wc-cta-lo); color:#000;
  /* larger display label: black Cinzel with a thin cream outline */
  font:900 17px/1 "Cinzel", "Trajan Pro", Georgia, serif; letter-spacing:.1em;
  padding:9px 6px 8px;
  text-shadow:
    -1px -1px 0 #fff3d9, 1px -1px 0 #fff3d9, -1px 1px 0 #fff3d9, 1px 1px 0 #fff3d9,
     0 -1px 0 #fff3d9, 0 1px 0 #fff3d9, -1px 0 0 #fff3d9, 1px 0 0 #fff3d9,
     0 2px 3px rgba(0,0,0,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.18);
}
.book-back .buy:hover,.book-back .buy:focus-visible{filter:brightness(1.08);color:#000}

/* narrow two-column cards (phones): keep PURCHASE on one line */
@media (max-width:560px){ .book-back .buy{font-size:14px;letter-spacing:.06em} }