/* ==========================================================================
   MODULE: Text Block

   Standard body content module. Supports:
   - Optional H2 heading
   - Body copy (p tags)
   - Optional H3, H4, H5 subheadings within the block
   - Lists (ul/ol)

   SPACING LOGIC:
   The module block itself carries the top spacing (60px). This means
   every module — regardless of what's inside — always has consistent
   breathing room above it when stacked in WordPress. Individual elements
   only manage the space BELOW themselves, never above.

   Result when modules stack in WP:
   [Module A content] → 0px block bottom → 60px next block top → [Module B content]
   = always exactly 60px between sections. No double-spacing surprises.

   WP DEVELOPER NOTE:
   Map to ACF flexible content layout or standard WP block.
   Each flexible content row = one .skd-module-text wrapper.
   ========================================================================== */

/* — Module wrapper: 60px top breathing room, no bottom padding — */
.skd-blog-new .skd-module-text {
  padding-top: 60px;
  padding-bottom: 0;
}

/* — Continuation variant: body copy that follows a splitter module
   (icon, stat, image, or video block). Cancels the default 60px top
   so the content flows on naturally from the module above.
   Add skd-module-text--continuation to the outer .skd-block wrapper.
   ——————————————————————————————————————————————————————————————————— */
.skd-blog-new .skd-module-text.skd-module-text--continuation {
  padding-top: 0;
}

/* ——————————————————————————————————————————
   HEADING SPACING RULES

   Headings at the TOP of a block: no top margin
   (the 60px block padding handles the breathing room)

   Headings after body copy: top margin kicks in
   to create a section break feeling

   Headings always push content below with bottom margin
   Body copy never has top margin — headings handle the gap above
   —————————————————————————————————————————— */

/* — H2 — */
.skd-blog-new .skd-module-text h2 {
  margin-top: 0;
  margin-bottom: 24px;
}
/* H2 after body copy: full section break */
.skd-blog-new .skd-module-text p + h2,
.skd-blog-new .skd-module-text ul + h2,
.skd-blog-new .skd-module-text ol + h2 {
  margin-top: 60px;
}

/* — H3 — */
.skd-blog-new .skd-module-text h3 {
  margin-top: 0;
  margin-bottom: 16px;
}
/* H3 after body copy */
.skd-blog-new .skd-module-text p + h3,
.skd-blog-new .skd-module-text ul + h3,
.skd-blog-new .skd-module-text ol + h3 {
  margin-top: 48px;
}
/* H3 directly after H2 (subheading): stays tight */
.skd-blog-new .skd-module-text h2 + h3 {
  margin-top: 4px;
}

/* — H4 — */
.skd-blog-new .skd-module-text h4 {
  margin-top: 0;
  margin-bottom: 12px;
}
/* H4 after body copy */
.skd-blog-new .skd-module-text p + h4,
.skd-blog-new .skd-module-text ul + h4,
.skd-blog-new .skd-module-text ol + h4 {
  margin-top: 32px;
}
/* H4 directly after H2 or H3: stays tight */
.skd-blog-new .skd-module-text h2 + h4,
.skd-blog-new .skd-module-text h3 + h4 {
  margin-top: 4px;
}

/* — H5 (bold body variant) — */
.skd-blog-new .skd-module-text h5 {
  margin-top: 0;
  margin-bottom: 8px;
}
/* H5 after body copy */
.skd-blog-new .skd-module-text p + h5,
.skd-blog-new .skd-module-text ul + h5,
.skd-blog-new .skd-module-text ol + h5 {
  margin-top: 32px;
}

/* — Body copy: no top margin, 16px bottom only — */
.skd-blog-new .skd-module-text p {
  margin-top: 0;
  margin-bottom: 16px;
}

/* — Last element in a block has no bottom margin — */
.skd-blog-new .skd-module-text p:last-child,
.skd-blog-new .skd-module-text ul:last-child,
.skd-blog-new .skd-module-text ol:last-child {
  margin-bottom: 0;
}

/* — Lists — */
.skd-blog-new .skd-module-text ul,
.skd-blog-new .skd-module-text ol {
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 24px;
}

.skd-blog-new .skd-module-text li {
  margin-bottom: 8px;
}

/* — Inline images within a text block —
   When an editor inserts an image via the WP WYSIWYG editor
   between paragraphs, it gets natural spacing above and below.
   Always full column width, natural height, 10px radius from base.css.

   WP DEVELOPER NOTE:
   Editors insert images via the standard WP media inserter.
   Advise editors to place images BETWEEN paragraphs only —
   not mid-sentence. For image + text side by side, use the
   two-column layout module instead.
   ————————————————————————————————— */
.skd-blog-new .skd-module-text img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 32px;
  margin-bottom: 32px;
}

/* Image at the very top of a block — no extra top gap needed */
.skd-blog-new .skd-module-text img:first-child {
  margin-top: 0;
}

/* Image at the very bottom of a block — no extra bottom gap */
.skd-blog-new .skd-module-text img:last-child {
  margin-bottom: 0;
}

/* Optional inline caption (added by WP as a figcaption inside a figure) */
.skd-blog-new .skd-module-text figure {
  margin: 32px 0;
}

.skd-blog-new .skd-module-text figure:first-child { margin-top: 0; }
.skd-blog-new .skd-module-text figure:last-child  { margin-bottom: 0; }

.skd-blog-new .image-caption,
.skd-blog-new .skd-module-text figcaption {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--skd-color-text);
  opacity: 0.75;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .skd-blog-new .skd-module-text {
    padding-top: 40px;
  }
}

@media (max-width: 375px) {
  .skd-blog-new .skd-module-text {
    padding-top: 32px;
  }
}

/* .skd-blog-new .new-content.block.text {margin-bottom: 0!important; margin-top: 0 !important;}
.skd-blog-new .new-content {
	padding-bottom: 15px;
	font-size: 20px;
	line-height: 160%;
	color: #425466;
	font-weight: 400;
}
.skd-blog-new .new-content p {
	padding-bottom: 32px;
	margin: 0;
}
.skd-blog-new .new-content p:last-child {
	padding-bottom: 0;
}
.text ul:last-child, .text ol:last-child {margin-bottom: 0;} */