/* ---------------------------------------------------------------------------
   Section titles in the header's own lettering: Poppins ExtraBold, set in
   caps, in the yellow sampled off the HAPPY GARDEN overlay (#eab634).
   ------------------------------------------------------------------------- */
.section-title,
.post-title,
.nav-mark{
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.012em;
}

.section-title{
  color: #eab634;
  line-height: 0.98;
}

/* The gig heading is the only one on its band, so it is a section title in
   everything but name and gets the same treatment. */
.post-title{
  color: #eab634;
  font-size: clamp(1.9rem, 4.2vw, 3.1rem);
  line-height: 1.0;
}
.post-title .x{
  font-weight: 600;
  font-size: 0.72em;
  opacity: 0.6;
  padding: 0 0.1em;
  vertical-align: 0.06em;
}

/* Yellow on that peach comes out at 1.25:1, so this one title takes the deep
   maroon instead — same font, same caps, a colour the ground can carry. */
#support-us .section-title{ color: #5e2439; }

.nav-mark{
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 0.92rem;
}

/* Support Us copy sits right under its title rather than floating against the
   middle of the photo. */
.support-layout{ align-items: start; }
.support-layout .welcome-block{ padding-top: 4px; }

/* Earlier palettes set these per section with an ID selector, which outranks a
   bare class — MUSIC was still coming through salmon. Same specificity here. */
#latest .section-title,
#shows .section-title,
#music .section-title,
#video .section-title{ color: #eab634; }
#support-us .section-title{ color: #5e2439; }

/* ---- Shows: dates and the EP highlight take the title yellow ------------ */
.up-date{ color: #eab634; }
.ep-note strong{ color: #eab634; }

/* ---- Music: songs in white, the pre-save flagged in yellow -------------- */
.track-name{ color: #ffffff; }
.track-row.presave .track-link{ color: #eab634; }