/**
 * WeConvert — post content typography refinements
 * Loaded via functions.php enqueue after style.css
 */

/* Constrain post content to a comfortable reading width */
.wc-post-content {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 4px;
}

/* Kill oversized headings inside post body — no H1s should be huge inside a post */
.wc-post-content h1 {
  font-size: clamp(1.6rem, 2.6vw, 2rem) !important;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

/* H2 — section headings */
.wc-post-content h2 {
  font-size: clamp(1.35rem, 2vw, 1.55rem);
  margin-top: 44px;
  margin-bottom: 14px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--wc-ink);
}

/* H3 — sub-headings */
.wc-post-content h3 {
  font-size: 1.15rem;
  margin-top: 30px;
  margin-bottom: 10px;
  color: var(--wc-ink);
}

.wc-post-content h4 {
  font-size: 1rem;
  margin-top: 24px;
  margin-bottom: 8px;
  color: var(--wc-ink);
}

/* Body paragraph refinements */
.wc-post-content p {
  font-size: 17px;
  line-height: 1.75;
  color: #35404e;
  margin-bottom: 1.15em;
}

/* Slightly larger, softer first paragraph */
.wc-post-content > p:first-of-type,
.wc-post-content h1 + p {
  font-size: 18.5px;
  line-height: 1.7;
  color: #26303c;
  margin-bottom: 1.5em;
}

/* Lists */
.wc-post-content ul,
.wc-post-content ol {
  font-size: 17px;
  line-height: 1.75;
  color: #35404e;
  margin: 0 0 1.15em 0;
  padding-left: 22px;
}
.wc-post-content ul li,
.wc-post-content ol li {
  margin-bottom: 8px;
}
.wc-post-content ul li::marker { color: var(--wc-blue); }

/* Links inside body */
.wc-post-content a {
  color: var(--wc-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(47,111,237,0.35);
  transition: text-decoration-color .2s ease;
}
.wc-post-content a:hover {
  text-decoration-color: var(--wc-blue);
}

/* Strong / em */
.wc-post-content strong { color: var(--wc-ink); font-weight: 700; }
.wc-post-content em { color: var(--wc-ink); }

/* Blockquotes */
.wc-post-content blockquote {
  border-left: 4px solid var(--wc-blue);
  padding: 4px 0 4px 22px;
  margin: 30px 0;
  font-size: 18.5px;
  line-height: 1.6;
  font-style: italic;
  color: var(--wc-ink);
}

/* Images — full width within the reading column, rounded corners */
.wc-post-content img {
  border-radius: 12px;
  margin: 24px 0;
}

/* Figure captions */
.wc-post-content figcaption {
  font-size: 13px;
  color: var(--wc-muted);
  text-align: center;
  margin-top: 8px;
}

/* Horizontal rule as a subtle section break */
.wc-post-content hr {
  border: none;
  border-top: 1px solid var(--wc-line);
  margin: 40px 0;
}

/* Code / inline formatting */
.wc-post-content code {
  background: var(--wc-tint);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.9em;
  color: var(--wc-navy);
}

/* Give the whole post section a bit more room */
.wc-post-single {
  padding: 70px 0 90px;
}

/* Improve breadcrumbs a touch on post pages */
.wc-post-single + .wc-ctaband-wrap { padding-top: 20px; }

@media (max-width: 720px) {
  .wc-post-content p,
  .wc-post-content ul,
  .wc-post-content ol { font-size: 16px; line-height: 1.72; }
  .wc-post-content > p:first-of-type { font-size: 17px; }
  .wc-post-content h2 { margin-top: 34px; }
}