/*
 * Sober AF redesign (2026-10-29) -- shared pieces no Elementor control can
 * style. Source: the redesign canvas, design-system/redesign-canvas/project/
 * (new.css + NewFooter.dc.html).
 *
 * Rule 5 (elementor-patterns): the header and footer themselves are native
 * Elementor settings (scripts/oneshot/saf-redesign-chrome.php). Only markup a
 * shortcode prints lands here.
 *
 * Specificity: the kit ships `.elementor-kit-NNNN a` (0,1,1) and its
 * :hover/:focus at (0,2,1), setting color + text-decoration. Link rules here
 * double the class to (0,3,0) and restate the states at (0,4,0)
 * (.claude/rules/css-cascade-and-specificity.md sec. 3).
 */

/* Header menu (jet-nav-menu in the JTC header). JetBlocks keeps this widget's
   style controls in its own style manager, outside _elementor_data, so a seed
   cannot set them (scripts/saf-elementor-controls-probe.php). Scoped to the
   header container class; (0,4,0) base, (0,5,0) states beat the kit. */
.saf-hdr .jet-nav .menu-item-link-top.menu-item-link-top {
	padding: 8px 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: var(--saf-charcoal, #1c1710);
	text-decoration: none;
}

.saf-hdr .jet-nav .menu-item-link-top.menu-item-link-top:hover,
.saf-hdr .jet-nav .menu-item-link-top.menu-item-link-top:focus-visible,
.saf-hdr .jet-nav .current-menu-item > .menu-item-link-top.menu-item-link-top {
	color: var(--saf-brick-red, #be2727);
}

.saf-hdr .jet-nav .menu-item-link-sub.menu-item-link-sub {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: var(--saf-charcoal, #1c1710);
	text-decoration: none;
}

.saf-hdr .jet-nav .menu-item-link-sub.menu-item-link-sub:hover,
.saf-hdr .jet-nav .menu-item-link-sub.menu-item-link-sub:focus-visible {
	color: var(--saf-brick-red, #be2727);
}

/* Footer bar: sober-af-consent's [saf_cookie_settings] opener, muted like the
   Privacy / Terms links beside it (the kit would make it brick red). */
.saf-ftr .saf-consent-settings__link.saf-consent-settings__link {
	color: var(--saf-fg-muted, #5a554e);
	font-size: 13px;
	text-decoration: underline;
}

.saf-ftr .saf-consent-settings__link.saf-consent-settings__link:hover,
.saf-ftr .saf-consent-settings__link.saf-consent-settings__link:focus-visible {
	color: var(--saf-brick-red, #be2727);
}

/* Footer link lists (native icon-list widgets): the kit underlines the <a>
   in brick red under charcoal or muted text. Move the underline onto the text
   span so it takes the text's own color (set natively per widget). */
.saf-ftr.saf-ftr .elementor-icon-list-item > a {
	text-decoration: none;
}

.saf-ftr .elementor-icon-list-item > a .elementor-icon-list-text {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Text-editor paragraphs keep the theme's bottom margin, which sat the
   copyright 7px above the legal links on the same bar (measured 1440 + 768). */
.saf-ftr .elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/* Closing band: [saf_events_upcoming layout="closing"], top of the JTC footer. */
.saf-closing {
	background: var(--saf-charcoal, #1c1710);
	color: var(--saf-linen, #f5f1e7);
}

.saf-closing__in {
	display: flex;
	align-items: center;
	gap: 32px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px max(16px, env(safe-area-inset-right, 0px)) 48px max(16px, env(safe-area-inset-left, 0px));
	box-sizing: content-box;
}

/* Doubled: Elementor's `.elementor img { height: auto; max-width: 100% }`
   (0,1,1) otherwise wins and the mark renders at the column's full width. */
.saf-closing .saf-closing__mark.saf-closing__mark {
	height: 56px;
	width: auto;
	max-width: none;
	flex: none;
	/* the brick-red mark, shown in linen on the dark band */
	filter: brightness(0) invert(0.96);
}

.saf-closing__line {
	margin: 0;
	flex: 1;
	min-width: 0;
	font-size: clamp(1.25rem, 2.2vw, 1.75rem);
	line-height: 1.3;
	font-weight: 700;
	color: var(--saf-linen, #f5f1e7);
}

.saf-closing__label {
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--saf-goldenrod, #ebad2e);
}

.saf-closing .saf-closing__cta.saf-closing__cta {
	color: var(--saf-linen, #f5f1e7);
	font-weight: 700;
	font-size: 17px;
	white-space: nowrap;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.saf-closing .saf-closing__cta.saf-closing__cta:hover,
.saf-closing .saf-closing__cta.saf-closing__cta:focus-visible {
	color: var(--saf-goldenrod, #ebad2e);
	text-decoration: underline;
}

@media (max-width: 600px) {
	.saf-closing__in {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.saf-closing .saf-closing__mark.saf-closing__mark {
		height: 44px;
	}

	.saf-closing .saf-closing__cta.saf-closing__cta {
		white-space: normal;
	}
}