/* Hakuikkuna: tekstikoot teeman rem-portaina ja suodatinpaneeli piiloon.
 * Otsikko, kenttä ja ote kerrotaan leipätekstin perustasolla
 * (--jyu-text-base, typography.css), jotta ne pysyvät vähintään
 * leipätekstin kokoisina; mukautettu ominaisuus periytyy shadow DOMiin.
 * Metatiedot (määrä, polku) ovat valikon kokoluokkaa eivätkä kasva.
 * Ikkuna on shadow DOM:issa, johon assets/js/search.js liittää tämän
 * tiedoston; :host-etuliite pitää säännöt poissa sivulta. Luokkanimet ovat
 * Zensicalin 0.0.62 minifioimia (bundle.js: ht, st, Ta); tests/test_search.py
 * kertoo, jos ne vaihtuvat.
 *   .e juuri  .l ikkuna  .k kenttärivi  .s kenttä  .a suodatinpaneeli
 *   .B tulosten määrä  .x otsikko  .u ote  .n polku  .E lisärivi
 *   .i tulos (linkki)  .h valittu tulos  .r nappi (kenttärivin ja oma
 *   sulkunappi .jyu-close, search.js) */

:host .e {
  --space-1: 0.2rem; /* Zensical: 4 px */
  --font-size: calc(0.8rem * var(--jyu-text-base, 1));
}

/* 36 rem = Zensicalin 720 px perusmitassa (1 rem = 20 px). Kapealla näytöllä
 * Zensicalin oma koko ruudun sääntö (max-width: 740px). */
@media (min-width: 741px) {
  :host .l {
    width: 36rem;
  }
}

:host .s input,
:host .x {
  font-size: calc(0.8rem * var(--jyu-text-base, 1));
}

:host .u {
  font-size: calc(0.7rem * var(--jyu-text-base, 1));
}

:host .B,
:host .n,
:host .E {
  font-size: 0.64rem;
}

:host .x code,
:host .u code {
  font-size: 0.85em;
}

/* Suodatinpaneeli ("Filters / Tags") ja sen painike (kentän jälkeinen; rivin
 * viimeinen on oma sulkunappi) pois: materiaalissa ei ole tageja, joten
 * paneeli on aina tyhjä. */
:host .a,
:host .k > .s + button {
  display: none;
}

/* Nuolinäppäimillä liikuttaessa vain valittu tulos on korostettu, ei hiiren
 * alla oleva (search.js asettaa attribuutin ja poistaa sen hiiren liikkuessa).
 * Arvot ovat Zensicalin korostamattoman tuloksen. */
:host([data-jyu-keys]) .i:not(.h):hover::before {
  opacity: 0;
  transform: scale(0.9);
}