/*
 * tarjousui/static/laajennukset/ohje.css — #10007, the help link in the list's top bar (ohje.js).
 *
 * A link, not a button: the guide is a page of its own. It takes a button's height, so a
 * thumb hits it (app.css: every tappable control is at least --tap), and the accent colour
 * of the map links (app.css .karttalinkki), which the dark theme redefines.
 */

.ohje-linkki {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap);
  padding: 0 8px;
  border-radius: var(--radius);
  color: var(--accent);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ohje-linkki:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* The link takes its room from the search field. A text field in a flex row does not
   shrink below its own default width (about twenty characters), so on a 320-360px phone
   the bar would grow wider than the screen and the logout button would slide off it.
   Only while the link is there; the rule belongs with the slot's own (skt-laajennus.css),
   see the handoff of #10007. */
.bar:has([data-skt-omistaja="ohje"]) > #search { min-width: 0; }