/* Brukt av search-panel.js. Kompakt som standard (revisjon 4) — bare
   søkefeltet synlig, resten skjules med [hidden] til pil-knappen trykkes
   (revisjon 6 — ikke lenger ved fokus i feltet). Ingen `.card`-boks rundt
   selve søket (revisjon 6) — det avrundede feltet ER seksjonen; de
   utvidede filtrene får sin egen lille boks når de vises i stedet.
   Sortering er IKKE lenger her (revisjon 5) — se `.sort-control` i
   core/home/home.css. */

.search-panel{
  display:flex; flex-direction:column;
  gap:var(--space-3);
}
/* `align-items:stretch` (flexboxens egen standardverdi, satt eksplisitt
   her for tydelighet) — ikke `center` — slik at `.search-expand` alltid
   får SAMME høyde som søkefeltet, uansett skrift-/paddingjusteringer,
   fremfor et fast pikseltall som lett kommer ut av synk. */
.search-bar{
  display:flex; align-items:stretch; gap:var(--space-2);
}
.search-query-wrap{ position:relative; flex:1; min-width:0; }
.search-query{
  width:100%; height:100%;
  font:inherit; color:var(--text);
  background:var(--card-hover);
  border:var(--border-w) solid var(--line);
  border-radius:var(--radius-full);
  padding:var(--space-2) var(--space-8) var(--space-2) var(--space-4);
}
/* Egen tøm-knapp i stedet for nettleserens innebygde (revisjon 7) — for
   konsistent utseende på tvers av nettlesere/plattformer. */
.search-query::-webkit-search-cancel-button{ -webkit-appearance:none; }
.search-clear{
  position:absolute; top:50%; right:var(--space-2); transform:translateY(-50%);
  width:24px; height:24px;
  display:flex; align-items:center; justify-content:center;
  font-size:var(--text-md); line-height:1; color:var(--text-dim);
  border-radius:var(--radius-full);
}
.search-clear:hover{ color:var(--text); background:var(--card); }
.search-expand{
  flex-shrink:0;
  width:36px;
  display:flex; align-items:center; justify-content:center;
  color:var(--text-dim);
  border-radius:var(--radius-full);
  background:var(--card-hover);
}
.search-expand:hover{ color:var(--text); }
.search-expand .icon-svg{
  transition:transform var(--dur-base) var(--ease);
}
.search-expand[aria-expanded="true"] .icon-svg{ transform:rotate(180deg); }

.search-fields{
  display:flex; flex-wrap:wrap;
  gap:var(--space-4);
  background:var(--card);
  border:var(--border-w) solid var(--line);
  border-radius:var(--radius-lg);
  padding:var(--space-4);
}
.search-field{
  display:flex; flex-direction:column; gap:var(--space-1);
  flex:1; min-width:120px;
  font-size:var(--text-xs); color:var(--text-dim); font-weight:700;
}
.search-input, .search-select{
  font:inherit; font-weight:400; color:var(--text);
  background:var(--card-hover);
  border:var(--border-w) solid var(--line);
  border-radius:var(--radius-md);
  padding:var(--space-2) var(--space-3);
}

/* "Nullstill filtre" (revisjon 7) — egen liten lenke i bunnen av den
   utvidede filter-boksen, ikke en del av .search-field-rekka (den
   nullstiller resten av dem, gir ikke mening som "et filter" selv). */
.search-reset{
  flex-basis:100%;
  font-weight:700; color:var(--aksent); font-size:var(--text-xs);
  align-self:flex-start;
}