/* GitelCare article typography. Mpower Sourcing, 2026-09-04.
   Why: the Tailwind build for the new header ships Tailwind "preflight", a
   global reset that zeroes margins on p/h1-h6/ul/ol and removes list bullets.
   Every blog post lost its spacing. This file restores it, scoped to article
   and WPBakery text content, and upgrades the reading experience.
   Revert: delete this file (enqueued by gc-progressive-load.php). */

:root {
  --gc-ink: #141414;
  --gc-ink-soft: #3d3d3d;
  --gc-muted: #6b6b6b;
  --gc-rule: #e6e6e6;
  --gc-yellow: #fff04b;
  --gc-tint: #fbfaf3;
  --gc-serif: Georgia, "Times New Roman", serif;
  --gc-sans: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
  --gc-body: "Open Sans", Helvetica, Arial, sans-serif;
}

/* ---------- Layout of the single post ---------- */
.single-post .single-postlike { display: flex; flex-direction: column; }
.single-post .single-postlike > .post-thumbnail { order: 0; }
.single-post .single-postlike > .post-meta { order: 1; }
.single-post .single-postlike > .entry-content { order: 2; }
.single-post .single-postlike > .single-share-box { order: 3; }
.single-post .single-postlike > .navigation { order: 4; }
.single-post .single-postlike > .single-related-posts { order: 5; }

.single-post .post-thumbnail img,
.single-post .entry-content img {
  border-radius: 10px;
  height: auto;
  max-width: 100%;
}
.single-post .post-thumbnail { margin: 0 0 18px; }

/* Byline under the hero image */
.single-post .post-meta {
  display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center;
  margin: 0 0 28px; padding: 0 0 16px;
  border-bottom: 1px solid var(--gc-rule);
  font-family: var(--gc-sans); font-size: 13px; letter-spacing: .02em; color: var(--gc-muted);
}
.single-post .post-meta a { color: var(--gc-ink); text-decoration: none; font-weight: 600; }
.single-post .post-meta > * { margin: 0; }
.single-post .post-meta .wf-mobile-hidden, .single-post .post-meta > span, .single-post .post-meta > a { display: inline !important; }

/* Page title band: calmer on phones */
@media (max-width: 767px) {
  .single-post .page-title h1, .single-post .page-title .entry-title { font-size: 26px; line-height: 1.25; }
  .single-post .page-title .breadcrumbs, .single-post .page-title .assistive-text { display: none; }
}

/* ---------- Reading typography (posts + WPBakery text on pages) ---------- */
.entry-content,
.wpb_text_column .wpb_wrapper {
  font-family: var(--gc-body);
  font-size: 17px; line-height: 1.7; color: var(--gc-ink-soft);
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
  .entry-content { font-size: 18px; line-height: 1.75; }
}
.entry-content > *, .wpb_text_column .wpb_wrapper > * { max-width: 72ch; }

.entry-content p, .wpb_text_column .wpb_wrapper p { margin: 0 0 1.25em; }
.entry-content p:empty { display: none; }
.entry-content > p:first-child { font-size: 1.06em; color: var(--gc-ink); }

.entry-content h2, .entry-content h3, .entry-content h4,
.wpb_text_column .wpb_wrapper h2, .wpb_text_column .wpb_wrapper h3, .wpb_text_column .wpb_wrapper h4 {
  font-family: var(--gc-sans); color: var(--gc-ink); font-weight: 700 !important; letter-spacing: -.01em;
  scroll-margin-top: 110px;
}
.entry-content h2, .wpb_text_column .wpb_wrapper h2 { font-size: 1.55em; line-height: 1.25; margin: 2em 0 .7em; padding-top: .6em; border-top: 1px solid var(--gc-rule); }
.entry-content h2:first-child, .entry-content h2:first-of-type { border-top: 0; padding-top: 0; }
.entry-content h3, .wpb_text_column .wpb_wrapper h3 { font-size: 1.22em; line-height: 1.3; margin: 1.6em 0 .55em; }
.entry-content h4, .wpb_text_column .wpb_wrapper h4 { font-size: 1.05em; margin: 1.4em 0 .5em; }
.entry-content h2 + h3, .entry-content h3 + h4 { margin-top: .8em; }

.entry-content ul, .entry-content ol,
.wpb_text_column .wpb_wrapper ul, .wpb_text_column .wpb_wrapper ol {
  margin: 0 0 1.4em; padding-left: 1.35em;
}
.entry-content ul, .wpb_text_column .wpb_wrapper ul { list-style: disc outside; }
.entry-content ol, .wpb_text_column .wpb_wrapper ol { list-style: decimal outside; }
.entry-content li, .wpb_text_column .wpb_wrapper li { margin: 0 0 .55em; padding-left: .15em; }
.entry-content li::marker { color: #b8a000; }
.entry-content li > ul, .entry-content li > ol { margin: .5em 0 .3em; }
.entry-content li p { margin: 0 0 .5em; }

.entry-content strong, .wpb_text_column .wpb_wrapper strong { color: var(--gc-ink); font-weight: 700; }
.entry-content em { font-style: italic; }

.entry-content a:not(.dt-btn):not(.vc_btn3) {
  color: var(--gc-ink); text-decoration: underline; text-decoration-color: #d9c800;
  text-decoration-thickness: 2px; text-underline-offset: 3px; transition: text-decoration-color .15s;
}
.entry-content a:not(.dt-btn):not(.vc_btn3):hover { text-decoration-color: var(--gc-ink); }

.entry-content blockquote, .wpb_text_column .wpb_wrapper blockquote {
  margin: 1.8em 0; padding: 18px 22px; border-left: 4px solid var(--gc-yellow);
  background: var(--gc-tint); border-radius: 0 10px 10px 0;
  font-family: var(--gc-serif); font-size: 1.08em; line-height: 1.6; color: var(--gc-ink);
}
.entry-content blockquote p:last-child { margin-bottom: 0; }

.entry-content hr { border: 0; border-top: 1px solid var(--gc-rule); margin: 2.4em 0; }

.entry-content figure, .entry-content .wp-block-image { margin: 1.8em 0; }
.entry-content figcaption, .entry-content .wp-caption-text { font-family: var(--gc-sans); font-size: 13px; color: var(--gc-muted); margin-top: 8px; text-align: center; }
.entry-content > img, .entry-content p > img:only-child { display: block; margin: 1.8em auto; }

.entry-content table { width: 100%; border-collapse: collapse; margin: 1.6em 0; font-size: .95em; display: block; overflow-x: auto; }
.entry-content th, .entry-content td { padding: 10px 12px; border-bottom: 1px solid var(--gc-rule); text-align: left; vertical-align: top; }
.entry-content th { font-family: var(--gc-sans); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--gc-muted); background: #fafafa; }

/* Key Takeaways and AI Summary blocks read as call-out cards */
.entry-content h2:has(+ ul):first-of-type,
.entry-content h2:first-of-type:has(+ ul) { border: 0; }
.entry-content h2:first-of-type + ul {
  background: var(--gc-tint); border: 1px solid #efe9b8; border-radius: 12px;
  padding: 18px 22px 12px 40px; margin-bottom: 2em;
}

/* Share box, post navigation, related posts: breathe */
.single-post .single-share-box { margin: 36px 0 0; padding: 18px 0; border-top: 1px solid var(--gc-rule); }
.single-post .navigation.post-navigation { margin: 0; padding: 18px 0; border-top: 1px solid var(--gc-rule); font-family: var(--gc-sans); }
.single-post .single-related-posts { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--gc-rule); }
.single-post .single-related-posts h3, .single-post .single-related-posts .related-title { font-family: var(--gc-sans); font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: var(--gc-muted); margin: 0 0 16px; }

/* Sidebar on phones sits below the article with a clear break */
@media (max-width: 991px) {
  .single-post #sidebar { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--gc-rule); }
}
/* Desktop: comfortable measure and a little air from the sidebar */
@media (min-width: 992px) {
  .single-post .content { padding-right: 24px; }
}