@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
.wp-block-image img {
  width: 700px !important;
  height: auto !important;
}

/* Target links in tables with the specific class */
table.has-background-color.has-vivid-red-background-color.has-text-color.has-background.has-link-color.has-fixed-layout a {
  color: white !important;
}

/* =============================================
   BLOG FUNNEL IMPROVEMENTS - April 2026
   ============================================= */
/* 1. STICKY SIDEBAR - keeps sign-up widget visible while reading */
.single-post .wp-block-columns > .wp-block-column:last-child {
  position: sticky !important;
  top: 20px !important;
  align-self: flex-start !important;
}

/* 2. HEADER JOIN BUTTON - makes the CTA stand out from nav links */
.wp-block-navigation-item:last-child > .wp-block-navigation-item__content {
  background-color: #C0506F !important;
  color: #FFFFFF !important;
  padding: 10px 24px !important;
  border-radius: 25px !important;
  font-weight: 600 !important;
  transition: background-color 0.2s ease !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
}

.wp-block-navigation-item:last-child > .wp-block-navigation-item__content:hover {
  background-color: #A03D5A !important;
  color: #FFFFFF !important;
}

/* 3. STICKY HEADER - keeps the nav and Join button always visible */
header.wp-block-template-part {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  background: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* 4. DARK HEADER BAR - matches main site branding */
header.wp-block-template-part {
  background: #1a1a2e !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Nav links white on dark header */
header.wp-block-template-part .wp-block-navigation-item__content {
  color: #FFFFFF !important;
}

/* Override for the JOIN button - keep its styled colours */
header.wp-block-template-part .wp-block-navigation-item:last-child > .wp-block-navigation-item__content {
  color: #FFFFFF !important;
}

/* 5. LOGO COLOURS FOR DARK HEADER */
/* Heart icon - make white */
header.wp-block-template-part a > img {
  filter: brightness(0) invert(1) !important;
}

/* "illicit" text - white */
header.wp-block-template-part a > span:first-of-type {
  color: #FFFFFF !important;
}

/* "encounters" text - white */
header.wp-block-template-part a > span:nth-of-type(2) {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* 6. TRUST BAR - dark theme (only the bar right after header nav) */
header.wp-block-template-part .wp-block-group.is-content-justification-right {
  color: #FFFFFF !important;
}

header.wp-block-template-part .wp-block-group.is-content-justification-right p {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 7. LOGO FONT - Roboto Light per brand guidelines */
header.wp-block-template-part a > span {
  font-family: "Roboto", sans-serif !important;
  font-weight: 300 !important;
}

header.wp-block-template-part a > p {
  font-family: "Roboto", sans-serif !important;
}

/* 8. FORCE LIGHT BODY - ensure post content stays light */
.single-post .wp-block-group:not(header .wp-block-group),
.single-post .entry-content,
.wp-block-post-content {
  background-color: transparent !important;
}

body.single-post {
  background: #FFFFFF !important;
}

/* 9. MOBILE: Hide tagline under 767px */
@media (max-width: 767px) {
  header.wp-block-template-part a > p {
    display: none !important;
  }
  header.wp-block-template-part .site-logo__mark,
  header.wp-block-template-part a > img {
    width: 36px !important;
    height: 36px !important;
  }
}
/* 10. TAGLINE COLOR - visible on dark header */
header.wp-block-template-part a > p {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* 11. FULL-BLEED HEADER - break out of .wp-site-blocks padding */
header.wp-block-template-part {
  margin-left: -30px !important;
  margin-right: -30px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}