/* Site-wide header search; suggestions and native Enter submission share one field. */
.mh-header .mh-header-search { flex: 1; min-width: 0; max-width: 20rem; margin: 0; }
.mh-device-search-field { position: relative; }
.mh-device-search-icon { position: absolute; inset-inline-start: .9rem; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--wp--preset--color--primary-dark); }
.mediaheld-theme .mh-device-search input.input-text {
    width: 100%; min-width: 0; height: 48px; min-height: 48px; margin: 0;
    padding: .65rem .85rem .65rem 2.75rem; font: inherit; line-height: 1.3;
    border: 1px solid var(--wp--preset--color--muted); border-radius: .4rem;
    background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast);
}
.mediaheld-theme .mh-device-search input.input-text:hover:not(:disabled):not([readonly]) { border-color: var(--wp--preset--color--primary-dark); }
.mediaheld-theme .mh-device-search input.input-text:focus-visible { background: var(--wp--preset--color--base); border-color: var(--wp--preset--color--primary-dark); outline: 2px solid var(--wp--preset--color--primary-dark); outline-offset: 3px; }
.mediaheld-theme .mh-device-search input.input-text[aria-invalid="true"] { border-color: var(--wp--preset--color--error); }
.mediaheld-theme .mh-device-search input.input-text:is(:disabled, [readonly]) { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--muted); }
.mediaheld-theme .mh-device-search input.input-text:disabled { cursor: not-allowed; }
.mh-device-suggestions { position: absolute; z-index: 20; inset-inline: 0; top: calc(100% + .5rem); max-height: 20rem; overflow-y: auto; margin: 0; padding: .25rem; list-style: none; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--primary-dark); border-radius: .3rem; box-shadow: 0 4px 16px rgb(0 48 79 / 14%); }
.mh-device-suggestions[hidden] { display: none; }
.mh-device-suggestions [role="option"] { display: flex; align-items: center; min-height: 48px; margin: 0; padding: .65rem .75rem; color: var(--wp--preset--color--secondary); border-radius: .2rem; cursor: pointer; overflow-wrap: anywhere; }
.mh-device-suggestions [role="option"]:is(:hover, [aria-selected="true"]) { background: var(--wp--preset--color--surface); box-shadow: inset 3px 0 var(--wp--preset--color--primary-dark); }
.mh-device-search-toggle { display: none; }
.mediaheld-theme .mh-device-search-toggle {
    align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: .5rem;
    border: 1px solid transparent; border-radius: .4rem; box-shadow: none;
    background: var(--wp--preset--color--base); color: var(--wp--preset--color--secondary); cursor: pointer;
}
.mediaheld-theme .mh-device-search-toggle:hover { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--primary-dark); }
.mediaheld-theme .mh-device-search-toggle:active { background: var(--wp--preset--color--primary-dark); color: var(--wp--preset--color--base); }
.mediaheld-theme .mh-device-search-toggle:focus-visible { outline: 2px solid var(--wp--preset--color--primary-dark); outline-offset: 3px; }
.mh-search-close-icon { display: none; }
@media (max-width: 899px) {
    .mh-header .mh-header-row { position: relative; }
    .mh-header .mh-header-search.mh-search-enhanced { order: initial; flex: 0 0 44px; max-width: none; margin-inline-start: auto; }
    .mh-search-enhanced .mh-device-search-toggle { display: inline-flex; }
    .mh-search-enhanced .mh-device-search-controls { display: none; }
    .mh-search-enhanced:is([data-search-open="true"], .mh-search-editing) .mh-device-search-controls {
        display: block; position: absolute; z-index: 30; inset-inline: 0; top: calc(100% + .75rem);
        padding: 1rem; border: 1px solid var(--wp--preset--color--surface); border-radius: .5rem;
        background: var(--wp--preset--color--base); box-shadow: 0 4px 16px rgb(0 48 79 / 14%);
    }
    .mh-search-enhanced[data-search-open="true"] .mh-search-open-icon { display: none; }
    .mh-search-enhanced[data-search-open="true"] .mh-search-close-icon { display: block; }
}
.mh-device-search-toggle[hidden] { display: none; }
@media (max-width: 599px) {
    .mh-header .mh-header-row { flex-wrap: wrap; }
    .mh-header .mh-header-search:not(.mh-search-enhanced) { order: 3; flex: 1 0 100%; max-width: none; }
    .mh-header-actions { margin-inline-start: auto; }
}