/**
 * Balettie Divi Accessibility Helper v0.1.1
 * Conservative CSS improvements for Divi sites.
 */

/* Screen-reader text utility, matching WordPress conventions. */
.bda11y-sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	word-wrap: normal !important;
}

/* Skip link. Hidden until focused. */
.bda11y-skip-link {
	background: #ffffff;
	border: 2px solid currentColor;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	color: #111111;
	font-size: 16px;
	font-weight: 700;
	left: 12px;
	line-height: 1.3;
	padding: 10px 14px;
	position: absolute;
	top: -999px;
	z-index: 100000;
}

.bda11y-skip-link:focus,
.bda11y-skip-link:focus-visible {
	top: 12px;
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

/* Strong but not destructive keyboard focus treatment. */
.bda11y-enabled :where(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

/* Keep focus visible for Divi menu links that often have custom hover styling. */
.bda11y-enabled #top-menu a:focus-visible,
.bda11y-enabled .et-menu a:focus-visible,
.bda11y-enabled .et_mobile_menu a:focus-visible,
.bda11y-enabled .nav a:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 4px;
	text-decoration: underline;
}

/* Let keyboard users see active dropdown submenus. */
.bda11y-enabled .menu-item-has-children.bda11y-submenu-open > ul.sub-menu,
.bda11y-enabled .menu-item-has-children.bda11y-submenu-open > ul.children,
.bda11y-enabled .menu-item-has-children:focus-within > ul.sub-menu,
.bda11y-enabled .menu-item-has-children:focus-within > ul.children {
	display: block;
	opacity: 1;
	visibility: visible;
}

/* Make Divi toggle/accordion titles look keyboard actionable when patched. */
.bda11y-enabled .et_pb_toggle_title[tabindex="0"],
.bda11y-enabled .et_pb_accordion_item .et_pb_toggle_title[tabindex="0"] {
	cursor: pointer;
}

.bda11y-enabled .et_pb_toggle_title:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 4px;
}