/**
 * The homepage hero's search form, on a desktop screen.
 *
 * Its fields are Bootstrap columns whose widths add up to more than the row
 * (location and category 4/12 each, each date 3/12, the button 3/12: 17/12 with dates),
 * squeezed onto one line by kindshare's `.home-search { display: flex }`. They shrank
 * in proportion, so the fields came out of different widths, and only some of them
 * carry `.narrow_pad`: the gaps were 10px between some and 30px around the dates
 * (encours, 2026-11-09). Here every field shares the line equally, the button keeps
 * its own width, and every gap is 10px.
 *
 * Only a form with dates: without them the columns fit in the row (keyword, category
 * and button make 12/12), the fields keep their widths and the line its place in the
 * middle. A browser without :has() keeps the form as it was.
 *
 * Desktop only: below 992px the fields stack, as before. Left out under a theme
 * package, which draws its own hero, and for a marketplace whose own CSS styles this
 * form (`Theme.hero_search_fix` = 0). Loaded by
 * plugins/Kreezalid/Core/templates/element/stylesheets.php.
 */
@media (min-width: 992px) {
    .home-search-wrapper .home-search:has(> .search_by_startdate, > .search_by_singledate) > div {
        float: none;
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    /* The longest placeholder, "All categories", and its arrow. */
    .home-search-wrapper .home-search:has(> .search_by_startdate, > .search_by_singledate) > .search_by_category {
        flex-grow: 1.25;
    }
    .home-search-wrapper .home-search:has(> .search_by_startdate, > .search_by_singledate) > .submit__search {
        flex: 0 0 auto;
        min-width: 170px;
    }
    .home-search-wrapper .home-search:has(> .search_by_startdate, > .search_by_singledate) > div > input,
    .home-search-wrapper .home-search:has(> .search_by_startdate, > .search_by_singledate) > div > select {
        padding-left: 18px;
        padding-right: 18px;
    }
    .home-search-wrapper .home-search:has(> .search_by_startdate, > .search_by_singledate) > .search_by_category > select {
        padding-right: 34px;
        text-overflow: ellipsis;
    }
}