/**
 * Feedorax theme shield — reduces global theme / block editor styles affecting the timeline UI.
 * Enqueued in wp_enqueue_scripts (head) after most theme styles. No !important: extra class
 * .feedorax-scope on the root raises specificity so theme rules lose the cascade.
 */

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope {
	isolation: isolate;
	--wp--preset--color--primary: var(--mtfy-tl-brand);
	--wp--preset--color--secondary: var(--mtfy-tl-text-muted);
	--wp--preset--color--foreground: var(--mtfy-tl-text);
	--wp--preset--color--background: var(--mtfy-tl-bg-card);
	--wp--preset--color--contrast: var(--mtfy-tl-text);
	--wp--preset--color--base: var(--mtfy-tl-bg);
	--wp--style--color--link: var(--mtfy-tl-brand);
	--wp--style--block-gap: 0px;
	color: var(--mtfy-tl-text);
	background: var(--mtfy-tl-bg);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope.feedorax-dark,
body.feedorax-dark #feedorax-timeline-container.feedorax-timeline-container.feedorax-scope {
	--wp--preset--color--background: var(--mtfy-tl-bg-card);
	--wp--preset--color--foreground: var(--mtfy-tl-text);
	--wp--preset--color--base: var(--mtfy-tl-bg);
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope *,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope *::before,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope *::after {
	box-sizing: border-box;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope button,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope input,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope textarea,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope select,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope label {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: none;
	color: inherit;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope a {
	color: inherit;
	text-decoration: none;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope h1,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope h2,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope h3,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope h4,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope h5,
#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope h6 {
	color: inherit;
	font-family: inherit;
	font-weight: 600;
	line-height: 1.25;
	margin-block: 0;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope p {
	margin-block: 0;
	color: inherit;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border-style: none;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope figure {
	margin: 0;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope blockquote {
	margin: 0;
	padding: 0;
	border: none;
	color: inherit;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope table {
	border-collapse: collapse;
	border-spacing: 0;
	color: inherit;
}

#feedorax-timeline-container.feedorax-timeline-container.feedorax-scope hr {
	border: none;
	border-top: 1px solid var(--mtfy-tl-border);
	margin: 0;
	height: 0;
	background: transparent;
}

/* ─── Block themes (FSE): layout + global styles ─── */
.wp-block-feedorax-timeline {
	box-sizing: border-box;
}

.wp-block-feedorax-timeline.alignwide,
.wp-block-feedorax-timeline.alignfull {
	max-width: none;
	width: 100%;
}

.wp-block-post-content .wp-block-feedorax-timeline,
.entry-content .wp-block-feedorax-timeline,
.is-root-container .wp-block-feedorax-timeline {
	max-width: 100%;
}

.wp-site-blocks .wp-block-feedorax-timeline.alignfull {
	width: 100%;
	max-width: 100%;
}

/* Shortcode output inside constrained layouts (Twenty Twenty-Four, etc.) */
.wp-block-post-content > #feedorax-timeline-container,
.entry-content > #feedorax-timeline-container,
.is-root-container > #feedorax-timeline-container {
	max-width: 100%;
	box-sizing: border-box;
}