/**
 * Header mini-search layout fix.
 *
 * The theme's Tailwind entrypoint (Hyva/Toweringmedia web/tailwind/components/index.css)
 * replaces Hyva's component index and does not import Hyva's input-group.css, so the
 * `.input-group` component never reaches the compiled styles.css. The header search form
 * relies on it for its flex row, and without it the submit button wraps below the input
 * and the overlay renders at double height.
 *
 * Scoped to the mini-search form only.
 */

#search_mini_form {
    display: flex;
    align-items: stretch;
}

#search_mini_form > .input-group {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

#search_mini_form #search {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}