/* BTA33KAR — bta-interactions.css v1.1 (P2C-R3, P2D-C1)
   Shared interactive primitives. Loads after bta-listing.css v1.3. Tiny by design.

   Range presets are <li data-value> wrapping a native <button type="button">, so
   Tab/Enter/Space come from the platform with no new JS: the frozen delegated
   handler still matches ".list-of-suggetions li" and reads data-value from the LI.
   The reset restores the LI's former presentation — a classless <button> otherwise
   inherits UA chrome (grey bg, 2px outset, centred, shrink-to-fit). */
.list-of-suggetions > li > button {
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    display: block;
    inline-size: 100%;
    text-align: start;
    cursor: pointer;
}

.list-of-suggetions > li > button:focus-visible {
    outline: var(--bta-focus-width, 3px) solid var(--bta-focus, #063A5D);
    outline-offset: calc(-1 * var(--bta-focus-width, 3px));
}

/* P2D-C1 (2026-09-17) — Reset menu item target size.
   The only BUTTON among the 11 (property) / 7 (project) .dropdown-item elements
   inside #ajax-filters-form; the other 10 / 6 are the Price/Square/Flat popover
   DIVs and must keep their geometry, so the rule is anchored on
   button.dropdown-item[type="reset"] and never on .dropdown-item alone.
   Measured 158x32 (EN) / 166.8x32 (AR): padding 4px 12px + line-height 24px.
   padding-block 10px restores symmetry around the same 24px line box, so the
   label stays optically centred; min-block-size holds 44px if the line box ever
   changes. padding-inline is untouched, so menu width is unchanged.
   No !important: measured, the rule wins the cascade on its own. */
#ajax-filters-form .button-search-wrapper .dropdown-menu button.dropdown-item[type="reset"] {
    padding-block: 10px;
    min-block-size: 44px;
}