/* QuoteConnect — postcode picker on the quote request form */

.qc-pc-field { position: relative; }

.qc-pc-list {
  position: absolute;
  z-index: 30;
  left: 0;
  right: 0;
  top: calc(100% - 18px);
  background: #fff;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(0, 34, 81, 0.16);
  overflow: hidden;
  max-height: 244px;
  overflow-y: auto;
}

.qc-pc-opt {
  display: flex;
  align-items: baseline;
  gap: 10px;
  width: 100%;
  padding: 10px 13px;
  border: 0;
  border-bottom: 1px solid #eef2f8;
  background: none;
  text-align: left;
  cursor: pointer;
  font: 14px/1.2 system-ui, sans-serif;
  color: #14233f;
}
.qc-pc-opt:last-child { border-bottom: 0; }
.qc-pc-opt:hover { background: #f4f7fc; }
.qc-pc-opt b { font-size: 13px; color: #fe4805; letter-spacing: .02em; }
.qc-pc-opt span { color: #51607a; }

.qc-pc-ok,
.qc-pc-bad,
.qc-pc-hint {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  font: 500 12px/1.4 system-ui, sans-serif;
  font-style: normal;
}
.qc-pc-ok { color: #0f7a3d; }
.qc-pc-bad { color: #c0341a; }
.qc-pc-hint { color: #8493ab; }