/* Error batch #16 (issues 4 + 6) — Partner-finder filter row: bottom-align the
   search input with the dropdown boxes beside it.

   PAGES (both twins, structural selector — no page-id so it is env-agnostic):
     DE  /de/partner-suchen  #technologiepartner   (issue 4)
     EN  /en/find-a-partner  #tax-consultants      (issue 6)

   ROOT CAUSE
   ----------
   The Search & Filter Pro form row is a flex container. custom-clone.css:8827
   sets `align-items: center` on it ("tame vertical jitter"). Each taxonomy field
   <li> carries an <h4> heading ABOVE its 47px control (so the <li> is ~73px
   tall), but the `sf-field-search` <li> has NO heading — it is only the 47px
   input. With `align-items: center` the short search <li> is centred in the flex
   line, so its box floats ~13px ABOVE the dropdown boxes' bottom edge:

       technologiepartner (DE) : dropdowns bottom=196, search bottom=183
       tax-consultants   (EN) : Country  bottom=308, search bottom=295

   FIX
   ---
   Switch the row to `align-items: flex-end`. The control is the last child of
   every <li>, so bottom-aligning the <li>s bottom-aligns every control on one
   baseline regardless of how tall the heading above it is — exactly the
   `items-end` the ticket asks for. Verified live:

       technologiepartner : all four controls bottom=196
       tax-consultants    : Country + search both bottom=308

   SCOPE / BLAST RADIUS
   --------------------
   `section.partner-search-tabs` exists ONLY on the two partner-finder pages, so
   this sheet touches nothing else. It re-declares the exact selector already in
   custom-clone.css:8827 (equal specificity) and, loading after custom-clone.css
   via the overrides loader, wins on source order — no !important needed. Left as
   a per-task override (rule 4b) instead of editing the shared file in place. */

section.partner-search-tabs .partner-tabs-widget__content-item form.searchandfilter > ul {
    align-items: flex-end;
}

/* ---------------------------------------------------------------------------
   Follow-up (2026-07-09): two more asks on the same filter row.

   A) Dropdown chevron not on the same line as the field text (both /en/ + /de/).
   ---------------------------------------------------------------------------
   Only the Chosen *multiselect* pills (Steuerberater / Tax-Consultants tab) are
   affected — the native <select> chevrons already use `... center` and are fine.
   The Chosen chevron is anchored `top 21px` (custom-clone.css:8911), which was
   meant to ≈centre a ~7px chevron on the 47px first row. But an app.css
   `.custom-select` token stretches the 12×7 SVG to `background-size: 10px 16px`,
   so at `top 21px` the (now 16px-tall) chevron centres at y≈29 in a 47px box —
   5.5px BELOW the text centre (y≈23.5). Anchoring it to `top 15.5px`
   ( = (47 − 16) / 2 ) centres it on the first row, exactly where `center` lands
   the identical native-select chevron. Still top-anchored, so it stays put when
   the pill grows with wrapped chips (the reason it isn't just `center`). */
section.partner-search-tabs .partner-tabs-widget__content-item form.searchandfilter .chosen-container.chosen-container-multi .chosen-choices {
    background-position: right 18px top 15.5px !important;
}

/* B) Remove the "Reset filter" link.
   ---------------------------------------------------------------------------
   It renders only on the tax-consultant / Steuerberater form (the sole form with
   an `sf-field-reset` li). On EN the pane is `#tax-consultants-tab` (no ID rule,
   so a class hide already wins); on DE it is `#steuerberater-tab`, where
   custom-clone.css:8777 forces `display:block !important` with ID specificity —
   so the hide must carry an ID too to beat it. Both pane ids are slug-derived
   and stable across environments (unlike numeric page-ids). */
section.partner-search-tabs #steuerberater-tab form.searchandfilter > ul > li.sf-field-reset,
section.partner-search-tabs #tax-consultants-tab form.searchandfilter > ul > li.sf-field-reset,
section.partner-search-tabs .partner-tabs-widget__content-item form.searchandfilter > ul > li.sf-field-reset {
    display: none !important;
}