/* Novuqi – press.html. Enbart layout-kompletteringar ovanpå det befintliga
   designsystemet (tokens.css/components.css) – inga nya färger, typsnitt
   eller radier här, bara sammansättning av redan definierade tokens. */

.press-card { max-width: 640px; }

/* Utan denna vinner .field { display:flex } (components.css) över webbläsarens
   inbyggda [hidden]{display:none} vid LIKA CSS-specificitet, eftersom
   författarstilar vinner över user-agent-stilar – ett dolt .field-element
   syns då ändå. Samma fix finns redan i calculator.css (som press.html inte
   laddar), flyttad hit så den gäller här också. */
[hidden] { display: none !important; }

/* Vald redaktion – visas i fältets stället för sökrutan, med en tydlig
   "Ändra"-knapp. Samma ram/radie/padding som .input så bytet mellan
   sök-läge och vald-läge inte hoppar i layouten. */
.press-redaktion-vald {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: 0.875rem 1rem;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: #fff;
  font-size: var(--font-size-body-lg);
}
.press-redaktion-vald span { font-weight: var(--weight-medium); }

/* Kategori-etikett bredvid varje träff i redaktionslistan – visar
   "varifrån" redaktionen kommer utan att bryta combobox-option-radens
   höjd/layout. */
.combobox-option-redaktion { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); width: 100%; }
.combobox-option-kategori { font-size: var(--font-size-small); color: var(--text-secondary); white-space: nowrap; }

/* Specialalternativet "Min redaktion finns inte i listan" – samma rad-stil
   som övriga alternativ, men kursiverad text markerar att det är en
   handling snarare än en träff i listan. */
.combobox-option-special { font-style: italic; color: var(--color-forest); }

/* Icke-interaktiv informationsrad i tomläget ("Ingen träff. ..."). */
.combobox-hint {
  padding: var(--space-2) var(--space-3);
  font-size: var(--font-size-small);
  color: var(--text-secondary);
}

@media (max-width: 480px) {
  .press-redaktion-vald { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
}