/*
 * Dryg: Maskinkategorier, assets/front.css
 * «Passer til»-lista på produktsiden (kunder og redaktører): type, merke, én linje per modell med hver serie én
 * gang som knapp. Knappene sender samme skjema som før til maskinvelgeren. Temaet (Flatsome) har egne regler for
 * button (versaler, bokstavavstand, marginer, min-høyde); de nøytraliseres her.
 */
.dm-passer {
  margin: 0 0 8px;
}
.dm-passer-type + .dm-passer-type {
  margin-top: 22px;
}
.dm-passer .dm-passer-typenavn {
  margin: 0 0 10px;
  font-size: 1.15em;
}
.dm-passer-merke + .dm-passer-merke {
  margin-top: 16px;
}
.dm-passer .dm-passer-merkenavn {
  margin: 0 0 6px;
  font-size: 1em;
  text-transform: none;
  letter-spacing: normal;
}
.dm-passer .dm-passer-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e5e7eb;
}
.dm-passer .dm-passer-modell {
  margin: 0;
  padding: 7px 0;
  border-bottom: 1px solid #e5e7eb;
  list-style: none;
}
.dm-passer .dm-passer-skjema {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  margin: 0;
}
.dm-passer .dm-passer-modellnavn {
  flex: 0 0 auto;
  min-width: 5.5em;
  font-weight: 600;
  color: #1f2937;
}
.dm-passer .dm-passer-valg {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.dm-passer .dm-passer-serie {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 3px 12px;
  min-height: 30px;
  min-width: 0;
  border: 1px solid #8c8f94;
  border-radius: 999px;
  background: #f9fafb;
  color: #1f2937;
  font-family: inherit;
  font-size: 0.9em;
  font-weight: 500;
  line-height: 1.4;
  text-transform: none;
  letter-spacing: normal;
  text-shadow: none;
  box-shadow: none;
  clip-path: none;
  cursor: pointer;
  vertical-align: middle;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
/* Modell uten egne serier: modellnavnet er selve knappen, litt tydeligere. */
.dm-passer .dm-passer-serie-modell {
  font-weight: 600;
}
.dm-passer .dm-passer-serie:hover,
.dm-passer .dm-passer-serie:focus-visible {
  background: #eaf2fb;
  border-color: #1d5fa0;
  color: #174a7c;
}
.dm-passer .dm-passer-serie:focus-visible {
  outline: 2px solid #1d5fa0;
  outline-offset: 2px;
}
@media (max-width: 549px) {
  .dm-passer .dm-passer-skjema {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .dm-passer .dm-passer-serie {
    min-height: 36px;
  }
}