/* ============================================================================
 * MelóPont — „Mit ad ez a munka?” jelölések (JOB-PERKS-01, 2026.10.12) · előtag: mp-pk-
 *   .mp-pk-form / .mp-pk-set / .mp-pk-opt — feladási és szerkesztő űrlap (jelölő-kapszulák)
 *   .mp-pk-chips / .mp-pk-chip            — címkék a kártyán és az álláshirdetés oldalán
 * Színek csak tokenből (tartalék-színnel). Min. betűméret 14px, a szorzóval nő.
 * ========================================================================== */
.mp-pk-set {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  min-width: 0;
}
.mp-pk-set > legend { padding: 0; margin-bottom: 4px; }
.mp-pk-group { margin-top: 12px; }
.mp-pk-gtitle {
  margin: 0 0 6px;
  font-size: calc(14px * var(--mp-fs, 1));
  font-weight: 700;
  color: var(--mp-text-muted, #5B6676);
}
.mp-pk-opts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mp-pk-opt {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  max-width: 100%;
  padding: 8px 14px;
  border: 1px solid var(--mp-line-1, #D8DEE6);
  border-radius: var(--mp-radius-pill, 999px);
  background: var(--mp-surface-1, #FFFFFF);
  color: var(--mp-text-primary, #191919);
  font-size: calc(15px * var(--mp-fs, 1));
  line-height: 1.3;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.mp-pk-opt input {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin: 0;
  accent-color: var(--role-color, var(--mp-blue, #0A66C2));
}
.mp-pk-opt:has(input:checked) {
  border-color: var(--mp-tint-role-line, var(--mp-blue, #0A66C2));
  background: var(--mp-tint-role, #EAF2FB);
  font-weight: 600;
}
.mp-pk-opt:has(input:focus-visible) {
  outline: 2px solid var(--mp-blue, #0A66C2);
  outline-offset: 2px;
}

/* címkék */
.mp-pk-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.mp-pk-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 3px 10px;
  border: 1px solid var(--mp-line-2, #E3E8EF);
  border-radius: var(--mp-radius-pill, 999px);
  background: var(--mp-surface-2, #F6F8FB);
  color: var(--mp-text-primary, #191919);
  font-size: calc(14px * var(--mp-fs, 1));
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.mp-pk-chip .mp-pk-ic {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--mp-green, #057642);
}
/* PERKS-ONLY-01: a külön színű fizetés-kapszula megszűnt (a fizetés gyakorisága a bér mellett áll) */
.mp-pk-chip--more { color: var(--mp-text-muted, #5B6676); }

/* az álláshirdetés oldalán: nagyobb, csoportonként */
.mp-pk-detail .mp-pk-chips { gap: 8px; }
.mp-pk-detail .mp-pk-chip { padding: 6px 12px; font-size: calc(15px * var(--mp-fs, 1)); }
.mp-pk-detail button.mp-jf-more {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  cursor: pointer;
}
.mp-pk-detail .mp-jf-lead { margin: 4px 0 0; }