/* WDT Child: single blog post parity with the live Minus post. v1.2 (staging). Navy moved to master palette #2A2318 (decision 4 Nov 2026).
   Measured on live /easy-first-dance-choreography/: container 1060px, white page,
   H1 Cormorant Garamond 300 41px #1E2232, body Jost 16px #181818 (27.2px line, 30px gap),
   H2 Open Sans 300 40px, links gold #C4A44A no underline, hr 2px #181818,
   featured image 250px floated right inside the text, no date/author/category line. */

body.single-post { --navy: #2A2318; background: #fff; }

/* Backstop: hide the GeneratePress banner image above the title (the 250px .wdt-featured stays) */
body.single-post .page-header-image-single,
body.single-post .featured-image.page-header-image-single,
body.single-post .inside-article > .post-image:not(.wdt-featured) { display: none !important; }

body.single-post .site-content {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 20px;
}
body.single-post .inside-article {
  background: transparent;
  padding: 0 0 40px;
}

body.single-post .entry-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 300;
  font-size: 41px;
  line-height: 1.25;
  color: var(--navy);
  margin: 20px 0 33px;
}

body.single-post .entry-meta,
body.single-post footer.entry-meta { display: none; }

body.single-post .entry-content,
body.single-post .entry-content p,
body.single-post .entry-content li {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #181818;
}
body.single-post .entry-content p { margin: 0 0 30px; }

body.single-post .entry-content h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.25;
  color: #181818;
  margin: 25px 0 12px;
}
body.single-post .entry-content h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #181818;
}

body.single-post .entry-content a { color: #C4A44A; text-decoration: none; }
body.single-post .entry-content a:hover { text-decoration: underline; }

body.single-post .entry-content hr {
  border: 0;
  border-top: 2px solid #181818;
  height: 0;
  margin: 16px 0;
  background: transparent;
}

/* Featured image: moved into the text by functions.php and floated right at 250px */
body.single-post .wdt-featured {
  float: right;
  width: 250px;
  margin: 0 0 20px 24px;
}
body.single-post .wdt-featured img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  display: block;
}

@media (max-width: 640px) {
  body.single-post .entry-title { font-size: 30px; }
  body.single-post .entry-content h2 { font-size: 28px; }
  body.single-post .wdt-featured { float: none; width: 100%; margin: 0 0 20px; }
  body.single-post .wdt-featured img { width: 100%; height: auto; max-height: 280px; }
}