/* FancyPickle site design: option "A — Sticker", chosen by Jim 2026-10-02.
 * Loaded LAST by robust.html.j2 (theme pack "stylesheet"), so it overrides the
 * shared tier CSS for this site only. Future redesigns replace this file.
 * Fonts (Lilita One, Fredoka, Nunito) come from the theme pack's fonts.link.
 * Brand colours: plum #7D4562, pickle #B4BE4E, ball #D6E63B, cream #F3E8C8,
 * ink #2E2430 (PALETTE.md). Pickle/ball are fills, never small text on light.
 */
body.site-fancypickle-com .rb-header { background: #FAF5E6; border-bottom: 6px solid #B4BE4E; }

/* The mascot is the logo (not the flat round mark). */
body.site-fancypickle-com .rb-logo {
  width: 88px; height: auto; object-fit: contain;
  transform: rotate(-6deg);
  filter: drop-shadow(2px 3px 0 rgba(46, 36, 48, .18));
}

/* Sticker wordmark: chunky, outlined, slight tilt. */
body.site-fancypickle-com .rb-wordmark {
  font-family: 'Lilita One', system-ui, sans-serif; font-weight: 400;
  font-size: clamp(2.6rem, 6vw, 4rem); letter-spacing: .5px;
  transform: rotate(-2deg);
  -webkit-text-stroke: 2px #2E2430; paint-order: stroke fill;
  text-shadow: 4px 4px 0 #2E2430;
}
body.site-fancypickle-com .rb-wordmark .rb-wm-1 { color: #7D4562; }
body.site-fancypickle-com .rb-wordmark .rb-wm-2 { color: #B4BE4E; }
body.site-fancypickle-com .rb-wordmark .rb-wm-2::after { display: none; }

body.site-fancypickle-com .rb-header .tagline {
  font-family: 'Fredoka', system-ui, sans-serif; font-weight: 600;
  color: #7D4562; font-size: 1.05rem;
}
body.site-fancypickle-com .rb-site-nav a {
  font-family: 'Fredoka', system-ui, sans-serif; font-weight: 700; font-size: 1.02rem;
}

/* Plum hero with ball-yellow accents. */
body.site-fancypickle-com .rb-hero { background: #7D4562; border-left: 0; color: #fff; }
body.site-fancypickle-com .rb-hero-headline {
  color: #fff; font-family: 'Lilita One', system-ui, sans-serif; font-weight: 400; letter-spacing: .5px;
}
body.site-fancypickle-com .rb-hero-subhead { color: #F3E8C8; }
body.site-fancypickle-com .rb-kicker { color: #D6E63B; }
body.site-fancypickle-com .rb-hero .rb-btn { border-color: #D6E63B; color: #fff; }
body.site-fancypickle-com .rb-hero .rb-btn-primary { background: #D6E63B; color: #2E2430; }
body.site-fancypickle-com .rb-hero .rb-btn:hover,
body.site-fancypickle-com .rb-hero .rb-btn:focus-visible { box-shadow: 0 0 0 4px #F3E8C8; }

@media (max-width: 767px) {
  body.site-fancypickle-com .rb-hero { border-top: 0; }
  body.site-fancypickle-com .rb-logo { width: 72px; }
  body.site-fancypickle-com .rb-wordmark { font-size: clamp(2.2rem, 9vw, 2.8rem); }
}