/**
 * Legacy content styles.
 *
 * Salvaged from the old Divi custom CSS — only the rules that style content
 * embedded in page bodies (podcast buttons, a couple of content helpers, and
 * WPForms bits). Everything Divi-, product-filter-, or Gravity-Forms-specific
 * from the old CSS was intentionally dropped.
 */

/* ── Podcast buttons (embedded in page content) ─────────────────────────── */
.podcast-buttons-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
	margin-top: 20px;
}
.podcast-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.podcast-button svg {
	width: 20px;
	height: auto;
	margin-right: 10px;
}
.podcast-button .fa,
.podcast-button .fab,
.podcast-buttons-container .fa,
.podcast-buttons-container .fab {
	padding-right: 10px;
}
.podcast-button.apple-podcast {
	background-color: #f0f0f5;
	color: #333;
	border: 2px solid #f0f0f5;
}
.podcast-button.apple-podcast:hover {
	background-color: #e0e0e0;
	border-color: #e0e0e0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.podcast-button.spotify-podcast {
	background-color: #1db954;
	border: 2px solid #1db954;
}
.podcast-button.spotify-podcast:hover {
	background-color: #1aa34a;
	border-color: #1aa34a;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.podcast-button.libsyn-podcast {
	background-color: #ff8200;
	border: 2px solid #ff8200;
}
.podcast-button.libsyn-podcast:hover {
	background-color: #e76a00;
	border-color: #e76a00;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.podcast-button.discord {
	background-color: #7289da;
	border: 2px solid #7289da;
}
.podcast-button.discord:hover {
	background-color: #5b6e95;
	border-color: #5b6e95;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.podcast-button.facebook {
	background-color: #3b5998;
	border: 2px solid #3b5998;
}
.podcast-button.facebook:hover {
	background-color: #2d4373;
	border-color: #2d4373;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* ── Content helpers (Why I Social / follow section) ────────────────────── */
.why-i-social p { padding-bottom: 0 !important; }
.why-follow-fix { padding-top: 1em !important; }

/* ── WPForms tweaks ─────────────────────────────────────────────────────── */
.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: #e6e7e8 !important;
	box-sizing: border-box;
	border-radius: 5px !important;
}
#wpforms-28009 .wpforms-field-repeater-display-blocks-buttons {
	display: none !important;
}

/* ── Salvaged legacy page body typography ───────────────────────────────
   Tailwind's Preflight resets headings/lists to unstyled; restore readable
   defaults for content rendered via nism_salvage_divi_content(). */
.nism-legacy-body { color: #4b5563; line-height: 1.7; }
.nism-legacy-body > *:first-child { margin-top: 0; }
.nism-legacy-body > *:last-child { margin-bottom: 0; }
.nism-legacy-body p { margin: 0 0 1.15rem; }
.nism-legacy-body h2 { font-size: 1.6rem; font-weight: 800; color: #161721; line-height: 1.25; margin: 2rem 0 1rem; }
.nism-legacy-body h3 { font-size: 1.3rem; font-weight: 700; color: #161721; line-height: 1.3; margin: 1.75rem 0 0.75rem; }
.nism-legacy-body h4 { font-size: 1.1rem; font-weight: 700; color: #161721; margin: 1.5rem 0 0.5rem; }
/* Lists: consistent indentation regardless of leftover Divi inline styles, and
   plain black markers (not the tacky brand blue). */
.nism-legacy-body ul,
.nism-legacy-body ol { margin: 0 0 1.15rem !important; padding-left: 1.5rem !important; list-style-position: outside; }
.nism-legacy-body ul { list-style: disc; }
.nism-legacy-body ol { list-style: decimal; }
.nism-legacy-body li { margin: 0.35rem 0 !important; padding-left: 0 !important; }
.nism-legacy-body li::marker { color: #161721; }
/* Nested lists indent once, tighten the gap. */
.nism-legacy-body li > ul,
.nism-legacy-body li > ol { margin: 0.35rem 0 0 !important; }
/* TOC jump targets clear the fixed nav on scroll. */
.nism-legacy-body [id] { scroll-margin-top: var(--nism-header-offset, 120px); }

/* Salvaged Divi buttons → brand blue pill (white text, no underline). Needs to
   beat the .nism-legacy-body a link styling, hence the specificity + !important. */
.nism-legacy-body .nism-content-btn,
.nism-content-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.8rem 1.6rem;
	background: #009fc6 !important;
	color: #fff !important;
	font-weight: 700;
	border-radius: 9999px;
	text-decoration: none !important;
	transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.nism-legacy-body .nism-content-btn:hover,
.nism-content-btn:hover {
	background: #007a99 !important;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 8px 20px rgba(0, 159, 198, 0.3);
	transform: translateY(-1px);
}

/* Inside salvaged content the button often follows inline text (the salvage
   strips its wrapping <p>), which would leave it sitting beside the paragraph.
   Force it onto its own line, centered, with breathing room above. */
.nism-legacy-body .nism-content-btn {
	display: flex;
	width: fit-content;
	margin: 1.75rem auto 0;
}

/* Centered variant (confirmation / short content pages). Lists stay left-read
   but center as a block so bullets don't look ragged. */
.nism-legacy-body--center { text-align: center; }
.nism-legacy-body--center ul,
.nism-legacy-body--center ol { display: inline-block; text-align: left; }
.nism-legacy-body--center img { margin-left: auto; margin-right: auto; }
.nism-legacy-body a { color: #007a99; text-decoration: underline; }
.nism-legacy-body a:hover { color: #009fc6; }
.nism-legacy-body strong { color: #161721; font-weight: 700; }
.nism-legacy-body img { max-width: 100%; height: auto; border-radius: 12px; }