/* The "i" next to a filter item (Flybridge) and its short explanation, opened by filter-hint.js. Colours and type follow
   the filter itself: gold #9b7e3d like a ticked box (filled with a white mark when open), Roboto like the item names,
   2px corners like the site's buttons. */
div.block-search li.item-search{position:relative}
.fhint-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 0 0 4px;padding:0;
    border:0;border-radius:50%;background:none;color:#9b7e3d;vertical-align:top;cursor:pointer;
    -webkit-tap-highlight-color:transparent}
.fhint-btn svg{display:block;width:16px;height:16px}
.fhint-btn .fhint-ring{transition:fill .15s}
.fhint-btn:hover{color:#dbb566}
.fhint-btn[aria-expanded="true"]{color:#9b7e3d}
.fhint-btn[aria-expanded="true"] .fhint-ring{fill:#9b7e3d}
.fhint-btn[aria-expanded="true"] .fhint-i{stroke:#fff;fill:#fff}
.fhint-btn:focus-visible{outline:2px solid #dbb566;outline-offset:1px}
.fhint-pop{position:absolute;left:24px;right:0;top:calc(100% + 10px);z-index:30;max-width:300px;padding:12px 14px;
    background:#fff;border:1px solid #e4ddd0;border-radius:2px;box-shadow:0 8px 24px rgba(20,20,20,.08);color:#141414;
    font-family:Roboto,sans-serif;font-size:13px;font-weight:400;line-height:20px;text-align:left}
.fhint-pop[hidden]{display:none}
.fhint-pop::before{content:"";position:absolute;top:-6px;left:calc(var(--ax, 16px) - 5px);width:10px;height:10px;
    background:#fff;border-left:1px solid #e4ddd0;border-top:1px solid #e4ddd0;transform:rotate(45deg)}