/* CMP-SEARCH-001. All public search instances share geometry and state rules. */
:root {--omedica-control-height:52px;--omedica-control-radius:var(--wp--custom--radius--pill,999px);--omedica-search-height:var(--omedica-control-height);--omedica-search-compact-height:44px;--omedica-search-radius:var(--omedica-control-radius);--omedica-search-font:16px;--omedica-search-action-width:48px}
body .omedica-search-ui {display:flex!important;align-items:stretch;flex:1;min-width:0;width:100%;height:var(--omedica-search-height);box-sizing:border-box;border:1px solid var(--wp--preset--color--border)!important;border-radius:var(--omedica-search-radius)!important;background:var(--wp--preset--color--background);overflow:hidden;margin:0;padding:0!important;color:var(--wp--preset--color--text);font-size:var(--omedica-search-font)}
body .omedica-search-ui--compact {--omedica-search-height:var(--omedica-search-compact-height)}
/* Rest/hover and active input stay distinct from the keyboard ring. */
body .omedica-search-ui:hover,
body .omedica-search-ui:has(> input:focus:not([data-omedica-pointer-focus])) {border-color:var(--wp--preset--color--action)!important}
html:not([data-omedica-input="pointer"]) body .omedica-search-ui:has(> input:focus-visible) {outline:2px solid var(--wp--preset--color--action);outline-offset:2px;border-color:var(--wp--preset--color--action)!important}
body .omedica-search-ui > input.omedica-search-ui__input {display:block!important;flex:1!important;width:0!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;padding:0 16px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;outline:none!important;opacity:1!important;color:var(--wp--preset--color--text)!important;font:inherit!important;line-height:normal!important}
body .omedica-search-ui > input::placeholder {color:var(--wp--preset--color--text-muted)!important;opacity:1!important}
body .omedica-search-ui > button.omedica-search-ui__action {display:grid!important;place-items:center;flex:0 0 var(--omedica-search-action-width)!important;width:var(--omedica-search-action-width)!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-inline-start:1px solid var(--wp--preset--color--border)!important;border-radius:0!important;background:var(--wp--preset--color--surface)!important;color:var(--wp--preset--color--action)!important;box-shadow:none!important;cursor:pointer}
body .omedica-search-ui > button:hover {background:var(--wp--preset--color--border)!important}
body .omedica-search-ui > button:active {filter:brightness(.95)}
body .omedica-search-ui > button:focus-visible {outline:2px solid var(--wp--preset--color--action)!important;outline-offset:-4px!important}
body .omedica-search-ui > :disabled {opacity:.55!important;cursor:not-allowed!important}
body .omedica-search-ui__action svg {width:22px!important;height:22px!important;fill:none!important;stroke:currentColor}
/* Existing Gutenberg wrappers now only position the shared primitive. */
body .wp-block-search__inside-wrapper:has(>.omedica-search-ui) {display:flex!important;flex:1;min-width:0;width:100%!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;outline:none!important;overflow:visible}
.omedica-header-system.is-enhanced .omedica-header-search {display:none!important}
.omedica-header-system .omedica-header-bottom.is-search-mode {display:flex!important;align-items:center;gap:0;background:var(--wp--preset--color--action);border-radius:var(--wp--custom--radius--pill);padding:6px 8px!important;min-width:0}
.omedica-header-system .is-search-mode > .omedica-managed-navigation,.omedica-header-system .is-search-mode > .omedica-header-search-toggle {display:none!important}
.omedica-header-system.is-enhanced .is-search-mode .omedica-header-search {display:flex!important;position:static!important;align-items:center;gap:8px;flex:1;width:100%!important;max-width:none!important;min-width:0;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.omedica-header-system .omedica-header-search-close {flex:0 0 32px;width:32px;height:44px;padding:0;border:0;background:transparent;color:white;font-size:26px;cursor:pointer;display:grid;place-items:center;line-height:1}
.omedica-header-system .omedica-header-search .omedica-search-ui:has(button:focus-visible) {box-shadow:none}
@media(max-width:480px){:root{--omedica-search-font:14px;--omedica-search-action-width:40px}body .omedica-search-ui > input.omedica-search-ui__input{padding-inline:10px!important}.omedica-header-system .omedica-header-bottom.is-search-mode{margin-inline:0!important;width:100%!important}.omedica-header-system .omedica-header-search-close{flex-basis:24px;width:24px}.omedica-header-system .omedica-header-search .omedica-search-ui {--omedica-search-font:12px}.omedica-header-system.is-enhanced .is-search-mode .omedica-header-search {gap:4px}}

.omedica-header-system .omedica-header-search-toggle svg {fill:none;stroke:currentColor}
/* Width variants respond to the component's container, not the page. */
body .omedica-search-ui {container-type:inline-size}
@container (max-width:300px){body .omedica-search-ui > input.omedica-search-ui__input{font-size:14px!important;padding-inline:10px!important}body .omedica-search-ui > button.omedica-search-ui__action{flex-basis:40px!important;width:40px!important}}
@container (max-width:260px){body .omedica-search-ui > input.omedica-search-ui__input{font-size:12px!important;padding-inline:6px!important}}
@media(max-width:359px){.omedica-header-system .omedica-header-bottom.is-search-mode{padding-inline:4px!important}.omedica-header-system.is-enhanced .is-search-mode .omedica-header-search{gap:2px}}

body .omedica-search-ui {min-height:var(--omedica-search-height)}
body .omedica-search-ui > input.omedica-search-ui__input,body .omedica-search-ui > button.omedica-search-ui__action {appearance:none;-webkit-appearance:none}
body .omedica-search-ui__action svg {display:block}

/* The input primitive owns focus; the whole navigation row is not a focus target. */

/* One native frontend select pattern, including document filters and form plugins. */
body:not(.wp-admin) select:not([multiple]) {
 appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;max-width:100%;min-width:0;
 height:var(--omedica-control-height)!important;min-height:var(--omedica-control-height)!important;
 padding:0 2.75rem 0 1rem!important;border:1px solid var(--wp--preset--color--border);
 border-radius:var(--omedica-control-radius)!important;font:inherit;font-size:var(--omedica-search-font);line-height:normal!important;
 color:var(--wp--preset--color--text);background-color:var(--wp--preset--color--background);
 background-image:url('../icons/chevron-down.svg');background-repeat:no-repeat;background-position:right .8rem center;background-size:1.2rem;cursor:pointer;text-overflow:ellipsis;
}
body:not(.wp-admin) select:not([multiple]):hover {border-color:var(--wp--preset--color--action)}
body:not(.wp-admin) select:not([multiple]):focus-visible {outline:var(--wp--custom--focus--width,2px) solid var(--wp--preset--color--action);outline-offset:var(--wp--custom--focus--offset,2px)}
body:not(.wp-admin) select:disabled {opacity:.6;cursor:not-allowed}
.omedica-select-shell {position:relative;display:block;min-width:0;width:100%;color:var(--wp--preset--color--action)}
body:not(.wp-admin) .omedica-select-shell > select {background-image:none!important}
.omedica-select-shell::after {content:'';position:absolute;inset-inline-end:.8rem;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:currentColor!important;mask:url('../icons/chevron-down.svg') center/contain no-repeat;pointer-events:none}
.omedica-select-shell:has(>select:disabled)::after {opacity:.6}

/* Native browser cancel glyph has a platform blue tint; the shared real button owns color. */
body .omedica-search-ui input::-webkit-search-cancel-button {appearance:none;-webkit-appearance:none;display:none}
body .omedica-search-ui > button.omedica-search-ui__clear {
 display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;padding:0;margin:0;
 border:0;border-radius:var(--omedica-search-radius);background:transparent!important;color:var(--wp--preset--color--action);cursor:pointer;
}
body .omedica-search-ui > button.omedica-search-ui__clear[hidden] {display:none!important}
body .omedica-search-ui__clear svg {width:20px;height:20px;stroke:currentColor;fill:none}
body .omedica-search-ui > button.omedica-search-ui__clear:hover {color:var(--wp--preset--color--text)}
/* Square action area: the circle and magnifier share its center in every size. */
body .omedica-search-ui > button.omedica-search-ui__action {
 flex-basis:max(44px,calc(var(--omedica-search-height) - 2px))!important;width:max(44px,calc(var(--omedica-search-height) - 2px))!important;min-height:0!important;
 grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;gap:0!important;align-content:center;justify-items:center;border-radius:var(--omedica-search-radius)!important;border-inline-start:0!important;background:transparent!important;
}
body .omedica-search-ui__glyph {grid-area:1 / 1;margin:0;display:grid;place-items:center;width:calc(var(--omedica-search-height) - 10px);height:calc(var(--omedica-search-height) - 10px);border-radius:50%;background:var(--wp--preset--color--surface)}
body .omedica-search-ui__action:hover .omedica-search-ui__glyph {background:var(--wp--preset--color--border)}
html.special .omedica-search-ui__clear,html.special .omedica-search-ui__clear svg {color:inherit!important;stroke:currentColor!important}
