/**
 * Restore accessible names for core Search block labels hidden by Divi.
 *
 * Divi (widget_search.css): `.et_pb_widget .wp-block-search__label { display: none }`
 * removes labels from the accessibility tree. WP outputs `screen-reader-text` when the
 * label is visually hidden — override Divi with the standard clip pattern (no layout shift).
 */

.et_pb_widget .wp-block-search__label.screen-reader-text,
.et_pb_column .wp-block-search__label.screen-reader-text,
.et-l--header .wp-block-search__label.screen-reader-text,
.et-l--footer .wp-block-search__label.screen-reader-text,
.wp-block-search .wp-block-search__label.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	display: block !important;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/**
 * Divi Menu header search overlay: placeholder + typed text contrast.
 *
 * Theme Builder header section uses #B6C2D9; browser-default grey placeholders fail WCAG 1.4.3.
 * Placeholder is a visual hint only — accessible name is `aria-label` in dda-search-input-a11y.php.
 */
body #page-container .et-l--header .et_pb_menu__search-input {
	color: #392425 !important;
}

body #page-container .et-l--header .et_pb_menu__search-input::placeholder {
	color: #143840 !important;
	opacity: 1;
}

body #page-container .et-l--header .et_pb_menu__search-input::-webkit-input-placeholder {
	color: #143840 !important;
	opacity: 1;
}

body #page-container .et-l--header .et_pb_menu__search-input::-moz-placeholder {
	color: #143840 !important;
	opacity: 1;
}

body #page-container .et-l--header .et_pb_menu__search-input:focus-visible {
	outline: 2px solid #143840;
	outline-offset: 2px;
}