/*
 * My Easy Mortgage Accessibility — styles.
 *
 * Only the skip link needs CSS. Every heading/icon/link-name fix in this
 * plugin is an attribute change (role, aria-level, aria-label, aria-hidden)
 * on an element whose tag never changes, so no visual-appearance CSS is
 * needed for those — Divi's own stylesheet keeps matching exactly as before.
 */

.mema-skip-link {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000; /* above the Complianz cookie banner and Tidio chat widget */
	transform: translateY(-120%);
	background: #14213d;
	color: #fff;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 0 0 4px 0;
	transition: transform 0.15s ease-in-out;
}

.mema-skip-link:focus,
.mema-skip-link:focus-visible {
	transform: translateY(0);
	outline: 3px solid #fff;
	outline-offset: -3px;
}