/* =====================================================================
   SERIES THEME: Going Places with Bailey, Stella and Revvy
   Loaded after css/style.css (the shared Rescue template, left unchanged).
   To make a new series: copy this folder, then edit the palette variables
   and the hero background below. Everything else is layout helpers.
   ===================================================================== */
:root{
  --s-header:#8ccbf3;      /* header bar (cover sky) */
  --s-hero-top:#2f7fd6;    /* hero gradient, top */
  --s-hero-mid:#4d9de4;
  --s-hero-low:#9fd4f5;    /* hero gradient, bottom */
  --s-glow:#ffe08a;        /* sun glow */
  --s-accent:#F57C2B;      /* buttons (Going Places orange) */
  --s-accent-dark:#D9631A;
  --s-accent-2:#1F9E8F;    /* hover / second accent (teal) */
}
/* header */
.site-header{background:var(--s-header)}
.brand img{width:190px}
@media (max-width:620px){.brand img{width:170px}}
.site-header nav a:hover,.site-header nav a:focus-visible{background:var(--s-accent)}
.site-header nav a:active{background:var(--s-accent-dark)}
/* hero: cover sky instead of the Rescue sunburst */
.hero{background:
    repeating-conic-gradient(from 0deg at 78% 110%, rgba(255,255,255,.08) 0deg 7deg, rgba(255,255,255,0) 7deg 15deg),
    radial-gradient(circle at 78% 105%, var(--s-glow) 0%, rgba(255,224,138,.55) 16%, rgba(255,224,138,0) 42%),
    linear-gradient(180deg,var(--s-hero-top) 0%,var(--s-hero-mid) 55%,var(--s-hero-low) 100%)}
@media (max-width:900px){.hero{background:
    radial-gradient(circle at 50% 108%, var(--s-glow) 0%, rgba(255,224,138,.5) 18%, rgba(255,224,138,0) 45%),
    linear-gradient(180deg,var(--s-hero-top) 0%,var(--s-hero-mid) 55%,var(--s-hero-low) 100%)}}
.hero-bg{background-image:url(../images/gp-hero-lineart.jpg);opacity:.12}
.hero .hero-logo{max-width:560px;margin-left:0}
@media (max-width:900px){.hero .hero-logo{margin:.1em auto}}
.hero-logo img{filter:drop-shadow(0 8px 14px rgba(11,26,51,.22))}
.hero-notes span{color:#fff}
.hero-notes .n1,.hero-notes .n4{color:#FFD23F}.hero-notes .n3{color:#ffb38a}
/* two fanned covers instead of three + siren */
.hero-covers-2 .c1{transform:translate(-92%,-50%) rotate(-9deg);width:230px}
.hero-covers-2 .c2{transform:translate(-8%,-46%) rotate(8deg);width:240px;z-index:2}
@media (max-width:900px){.hero-covers-2 .c1{width:160px}.hero-covers-2 .c2{width:165px}}
@media (max-width:620px){.hero-covers-2 .c1{width:132px}.hero-covers-2 .c2{width:136px}}
/* ribbon recolor */
.cover-ribbon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 996 172' preserveAspectRatio='none'%3E%3Cg stroke='%2313294B' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M84 64H12l26 48-26 48h72z' fill='%231F9E8F'/%3E%3Cpath d='M912 64h72l-26 48 26 48h-72z' fill='%231F9E8F'/%3E%3Cpath d='M80 40Q498 12 916 40V136Q498 108 80 136Z' fill='%23F57C2B'/%3E%3C/g%3E%3C/svg%3E")}
/* buttons */
.btn{background:var(--s-accent)}
.btn:hover,.btn:focus{background:var(--s-accent-2)}
.btn-hero{background:#FFD23F;color:#13294B}
.btn-hero:hover,.btn-hero:focus{background:#fff;color:#13294B}
.pick-cover[aria-pressed="true"]{border-color:var(--s-accent);box-shadow:0 5px 0 var(--s-accent);outline-color:var(--s-accent)}
.footer-series .paw-foot{width:26px;height:26px}

/* ---------- layout helpers for a 2-book series (same components as Rescue) ---------- */
.book-grid-2,.review-grid-2{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center}
.book-body .book-soon{align-self:flex-start;margin-top:auto}
.review-card .tag{margin-top:4px}
.pick-covers-2{grid-template-columns:repeat(2,1fr);max-width:480px}
@media (max-width:620px){.book-grid-2,.review-grid-2{grid-template-columns:1fr}.pick-covers-2{max-width:300px}}
.about-home{margin-top:18px;font-weight:600}
.gp-pups{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;max-width:960px}
.gp-pups h2{text-align:left}
.gp-pups-text p{font-size:1.1rem}
.gp-pups-photo{margin:0;background:#fff;padding:12px;border-radius:var(--radius);box-shadow:0 8px 22px rgba(60,40,20,.15);transform:rotate(1.2deg)}
@media (max-width:760px){.gp-pups{grid-template-columns:1fr;text-align:center}.gp-pups h2{text-align:center}.gp-pups-photo{max-width:440px;margin:0 auto}}
.join-steps li::before{background:var(--s-accent)}
.join-choice strong{color:var(--s-accent-dark)}