/* Thunderbird ELEVATE Issue public renderer */

/* Suppress the theme-generated singular title because the governed Masthead owns the H1. */
.single-elevate_issue article.elevate_issue > .entry-content-wrap > .entry-header,
.single-elevate_issue .entry-header.post-title {
	display: none;
}

.tb-elevate-issue-lead-module,
.tb-elevate-issue-wide-module,
.tb-elevate-issue-card {
	position: relative;
}

/* The visible article title is the single semantic link. Its pseudo-element
   extends that same link over the complete module/card. */
.tb-elevate-issue-module-link {
	color: inherit;
	text-decoration: none;
}

.tb-elevate-issue-module-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 10;
}

.tb-elevate-issue-module-link:focus-visible {
	outline: none;
}

.tb-elevate-issue-module-link:focus-visible::after {
	outline: 3px solid currentColor;
	outline-offset: 4px;
}

.tb-elevate-issue-lead-image,
.tb-elevate-issue-card-image,
.tb-elevate-issue-wide-image {
	margin: 0;
}

.tb-elevate-issue-lead-image img,
.tb-elevate-issue-card-image img,
.tb-elevate-issue-wide-image img {
	display: block;
	width: 100%;
}

/* Lead Feature title length normalization.
   Relative sizing preserves the approved Kadence typography while preventing
   long canonical titles from overwhelming the editorial split. */
.tb-elevate-issue-lead-title--medium {
	font-size: 0.89em;
	line-height: 1.08;
}

.tb-elevate-issue-lead-title--long {
	font-size: 0.78em;
	line-height: 1.08;
}


/* Lead Feature dynamic media cleanup.
   Remove shortcode-generated empty paragraph spacing so the media can fill the stretched column. */
.tb-elevate-issue-lead-media > .kt-inside-inner-col > p:empty:first-child {
	display: none;
	margin: 0;
}


/* Issue canvas color and module rhythm are renderer-owned so the 16px spaces
   between major modules always use the selected Issue canvas rather than the
   global page background. */
.tb-elevate-issue-module-shell {
	background-color: var(--tb-elevate-canvas-bg, #F7F4EF) !important;
	padding-bottom: 16px;
	box-sizing: border-box;
}

.tb-elevate-issue-module-shell:last-child {
	padding-bottom: 0;
}

/* Retire any earlier site-level margin/padding rhythm inside renderer shells. */
.tb-elevate-issue-module-shell .tb-elevate-issue-lead,
.tb-elevate-issue-module-shell .tb-elevate-issue-card-row,
.tb-elevate-issue-module-shell .tb-elevate-issue-wide,
.tb-elevate-issue-module-shell .tb-elevate-issue-video {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Issue-scoped visual palette. Structural spacing remains owned by the approved
   synced patterns / factory CSS; these rules only supply governed colors. */

/* Issue Masthead title bar is presentation-owned by the Style Board. */
.tb-elevate-issue-title-bar {
	background-color: var(--tb-elevate-masthead-bg, #C6977B) !important;
	color: var(--tb-elevate-masthead-fg, #111111) !important;
}
.tb-elevate-issue-title-bar :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,em) {
	color: inherit !important;
}

.tb-elevate-issue-lead > .kt-row-column-wrap,
.tb-elevate-issue-wide > .kt-row-column-wrap {
	background-color: var(--tb-elevate-frame-bg, #C6977B) !important;
}

.tb-elevate-issue-lead > .kt-row-column-wrap > .wp-block-kadence-column,
.tb-elevate-issue-wide > .kt-row-column-wrap > .wp-block-kadence-column {
	border-color: var(--tb-elevate-frame-bg, #C6977B) !important;
}

.tb-elevate-issue-lead-content {
	background-color: var(--tb-elevate-lead-bg, #4E779A) !important;
	color: var(--tb-elevate-lead-fg, #FFFFFF) !important;
}
.tb-elevate-issue-lead-content :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,em) {
	color: inherit !important;
}

.tb-elevate-issue-card-slot-2 {
	background-color: var(--tb-elevate-card2-bg, #C6977B) !important;
	color: var(--tb-elevate-card2-fg, #111111) !important;
}
.tb-elevate-issue-card-slot-3 {
	background-color: var(--tb-elevate-card3-bg, #34117D) !important;
	color: var(--tb-elevate-card3-fg, #FFFFFF) !important;
}
.tb-elevate-issue-card-slot-4 {
	background-color: var(--tb-elevate-card4-bg, #315F0C) !important;
	color: var(--tb-elevate-card4-fg, #FFFFFF) !important;
}
.tb-elevate-issue-card-slot-2 :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,em),
.tb-elevate-issue-card-slot-3 :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,em),
.tb-elevate-issue-card-slot-4 :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,em) {
	color: inherit !important;
}

.tb-elevate-issue-wide-content {
	background-color: var(--tb-elevate-wide-bg, #96D0C4) !important;
	color: var(--tb-elevate-wide-fg, #111111) !important;
}
.tb-elevate-issue-wide-content :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,em) {
	color: inherit !important;
}


/* Optional Issue Video Feature uses one governed background across both
   sibling Sections. The label/header inherits the accessible foreground. */
.tb-elevate-issue-video-header,
.tb-elevate-issue-video-body {
	background-color: var(--tb-elevate-video-bg, #96D0C4) !important;
}
.tb-elevate-issue-video-header {
	color: var(--tb-elevate-video-fg, #111111) !important;
}
.tb-elevate-issue-video-header :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,em) {
	color: inherit !important;
}

/* Optional Issue video remains on-site and responsive. */
.tb-elevate-issue-video-embed {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.tb-elevate-issue-video-embed iframe {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}


/* Issue Introduction shortcode owns its typography independently of Theme fields. */
.tb-elevate-issue-intro,
.tb-elevate-issue-intro p {
	color: #111111 !important;
}

/* Lead and Wide Feature use one semantic link around the complete governed
   module so both the media and text regions activate the same article. */
.tb-elevate-issue-feature-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.tb-elevate-issue-feature-link:hover,
.tb-elevate-issue-feature-link:focus {
	color: inherit;
	text-decoration: none;
}

.tb-elevate-issue-feature-link:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 4px;
}

/* Approved Optional Video Feature framing and title-band spacing. */
.tb-elevate-issue-video-body {
	box-sizing: border-box;
	padding: 0 8px 8px;
}

.tb-elevate-issue-video-header .wp-block-kadence-advancedheading {
	padding-top: 12px !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Renderer-owned lower modules break out of the constrained Single Issue
   content column while their synced-pattern inner containers keep the approved
   content width. Applies to Past Issues, Subscribe, and Global Perspective. */
body.single-elevate_issue .tb-elevate-issue-lower-module {
	width: auto;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}