/*
 * Hand-written baseline styles: the skip link, a visually-hidden utility
 * class, the tel: link inheriting its surrounding text color, and a focus
 * ring for the now-keyboard-reachable mobile menu button.
 *
 * The CSS that makes each retagged heading render exactly like it did
 * before (item 2 & 4 in the accessibility review) is NOT here - it's
 * auto-generated from Divi's own stylesheet into nfl-a11y-generated.css
 * by tools/generate-retag-css.js. Don't hand-edit that file.
 */

/* --- 1. Skip to main content ------------------------------------------- */

.nfl-a11y-skip-link {
	position: absolute;
	left: 6px;
	top: -3em;
	z-index: 999999; /* above Divi's sticky header (z-index:900) and back-to-top button */
	background: #000;
	color: #fff;
	padding: 0.75em 1.25em;
	font: 600 16px/1.2 Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-radius: 0 0 4px 4px;
	transition: top 0.15s ease-in-out;
}

.nfl-a11y-skip-link:focus {
	top: 0;
	color: #fff;
	outline: 3px solid #fff;
	outline-offset: 2px;
}

body.admin-bar .nfl-a11y-skip-link:focus {
	top: 32px;
}

@media screen and ( max-width: 782px ) {
	body.admin-bar .nfl-a11y-skip-link:focus {
		top: 46px;
	}
}

/* --- 2. Visually-hidden utility (the "about" label used by read-more links) */

.nfl-a11y-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* --- 3. Header phone number, now a real link (item 4) ------------------ */

.nfl-a11y-tel {
	color: inherit;
	text-decoration: none;
}

.nfl-a11y-tel:hover,
.nfl-a11y-tel:focus {
	text-decoration: underline;
}

/* --- 4b. Blog post title (item 7 / heading structure) ------------------ */
/* Divi's blog-grid title (".entry-title") computes padding-bottom:0 as an
 * h2 (verified via getComputedStyle - no single matched CSS rule accounts
 * for it directly, it falls out of the cascade between Divi's reset and its
 * generic heading rule). Retagging to h3 loses that resolution and the
 * generic "h1,h2,h3,h4,h5,h6{padding-bottom:10px}" rule applies instead,
 * adding a visible 10px gap. Force it back to 0 explicitly. */

.nfl-a11y-retag--blog-title {
	padding-bottom: 0;
}

/* --- 4. Mobile menu button, now keyboard-focusable (item 3) ------------ */

.mobile_menu_bar:focus {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* --- 5. Defensive fallback for the `inert` attribute (item 3) ---------- */
/* Native `inert` already removes focus/pointer interaction in current
 * browsers; this only backstops browsers that recognize the attribute
 * selector but not its behavior, and only touches elements we mark. */

.et_pb_sticky_placeholder[inert] {
	pointer-events: none;
}