/* css/snippets/one-pint-of-bliss.css
   Snippet-specific layout for: One Pint of Bliss
*/

.snippet--one-pint-of-bliss {
  /* Background image (16:9). Provide the file at this path. */
  --snippet-bg: url("../../img/snippets/one-pint-of-bliss.webp");
}

/* The "valley": darkest in the center, lighter towards both sides.
   This makes white text readable without boxing it.
*/
.snippet--one-pint-of-bliss .snippet-overlay{
  --half: clamp(100px, 20vmin, 220px); /* half width of the valley */

  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.35) 0%,
    rgba(0,0,0,0.85) calc(50% - var(--half)),
    rgba(0,0,0,0.95) calc(50% - 48px),
    rgba(0,0,0,0.95) calc(50% + 48px),
    rgba(0,0,0,0.85) calc(50% + var(--half)),
    rgba(0,0,0,0.35) 100%
  );
}

.snippet--one-pint-of-bliss .snippet-poem p {
  line-height: 1.6;
  margin: 0 0 1.4rem;
}

/* Center the block in the "between" area.
   Keep lines left-aligned to avoid manifesto vibes.
*/
.snippet--one-pint-of-bliss .snippet-text {
  text-align: center;
  max-width: 54ch;
  margin: 0 auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* Centered signature for centered snippet */
.snippet--one-pint-of-bliss .snippet-signature {
  text-align: center;
}

/* Extra breathing room before the signature (penultimate stanza) */
.snippet--one-pint-of-bliss .snippet-poem p:nth-last-of-type(2) {
  margin-bottom: 2.0rem; /* test value */
}