/* The search pop-up's button (<pagefind-modal-trigger class="jti-menu-search">) in the
   old image menus: the menu bar of the site pages (jti.header*.html) and the side menu of
   the home pages (index.html, index.utf8.html, class "jti-menu-side").

   It is drawn as a small icon and taken out of the table layout, so the menu items keep
   the spacing they had without it. In the menu bar it sits just after the "Search the
   Texts" image; in the side menu, at the right end of the search entry. Pagefind's own
   rules carry the :is(*, #\#) specificity boost, so the rules for the button do too. */

pagefind-modal-trigger.jti-menu-search {
  position: absolute;
  margin: -1px 0 0 4px;
}
/* Room for it in the menu bar, so that it cannot run into the next item. */
td:has(> pagefind-modal-trigger.jti-menu-search:not(.jti-menu-side)) {
  padding-right: 26px;
}
:is(td, p):has(> pagefind-modal-trigger.jti-menu-side) {
  position: relative;
}
pagefind-modal-trigger.jti-menu-search.jti-menu-side {
  right: 3px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
:is(*, #\#):is(*, #\#):is(*, #\#) pagefind-modal-trigger.jti-menu-search .pf-trigger-btn {
  width: auto;
  height: 19px;
  padding: 0 4px;
  gap: 0;
  border-radius: 4px;
}
:is(*, #\#):is(*, #\#):is(*, #\#) pagefind-modal-trigger.jti-menu-search .pf-trigger-icon {
  width: 12px;
  height: 12px;
}
:is(*, #\#):is(*, #\#):is(*, #\#) pagefind-modal-trigger.jti-menu-search .pf-trigger-shortcut {
  display: none;
}