/* Ferjekalkulator-widget — supplement til Laki-designsystemet (laki-app.css i temaet).
   Kun klasser som ikke finnes i designsystemet: betalingsveier-liste, badges,
   sommer-note, uverifisert-melding. Bruker token-variabler, ingen hex. */

/* <select> stylet som combo-input (native pil beholdes) */
select.combo__input {
  -webkit-appearance: none; appearance: none;
  background: transparent;
  cursor: pointer;
  padding-right: 24px;
}

/* Betalingsveier-liste i resultatpanelet */
.fk-paths {
  display: flex; flex-direction: column;
  border-top: 1px solid var(--color-border);
  padding-top: 14px;
}
.fk-path {
  display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
  padding: 9px 0;
  border-bottom: 1px solid var(--color-border);
}
.fk-path:last-child { border-bottom: 0; }
.fk-path__label { font-size: 14px; color: var(--laki-ink); }
.fk-path__label em { font-style: normal; color: var(--laki-stone-500); font-size: 12px; }
.fk-path__sub { font-size: 11px; color: var(--laki-stone-500); margin-left: 4px; }
.fk-path__val {
  font-family: var(--font-mono); font-size: 14px;
  color: var(--laki-ink); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.fk-badge {
  display: inline-block; margin-left: 6px;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
  color: var(--laki-gold-ink);
}

/* Sommer-note + disclaimer i resultat */
.fk-sommer {
  font-size: 13px; line-height: 1.5; color: var(--laki-stone-600);
  border-left: 2px solid var(--laki-gold);
  padding: 8px 0 8px 14px;
}

/* Uverifisert / multi-leg / spesial */
.fk-uverifisert {
  border: 1px solid var(--color-border);
  border-left: 2px solid var(--laki-gold);
  background: var(--laki-white);
  padding: 16px 18px;
}
.fk-uverifisert p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--laki-stone-600); }
.fk-feil { color: var(--laki-lava); font-size: 14px; }

/* Pristabell på sambandside (utvider designets .pricetable med AutoPASS-kolonne) */
.pricetable td.fk-ap { color: var(--laki-gold-ink); }