/* Brand color + layout */
.npwc-wrap{margin:16px 0 10px 0; max-width:520px}
.npwc-row{display:grid; grid-template-columns:170px 1fr; gap:12px; align-items:center; margin:10px 0}
.npwc-row label{font-weight:600}
.npwc-input{width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:2px}

.npwc-price{display:flex; align-items:baseline; gap:10px; margin:12px 0 8px}
.npwc-price-main{font-size:32px; font-weight:800; color:#23302C !important}
.npwc-price-main .npwc-amount{color:#23302C !important}
.npwc-vat{font-size:13px; color:#23302C !important; font-weight:600}

.npwc-top-price{font-weight:700}

/* Width buttons */
.npwc-width{display:flex; gap:8px; flex-wrap:wrap}
.npwc-width-btn{border:1px solid #ddd; background:#fff; padding:10px 12px; cursor:pointer; font-weight:700}
.npwc-width-btn.is-active{background:#f37021; color:#fff; border-color:#f37021}

/* Dropdown */
.npwc-dd{position:relative; width:100%}
.npwc-dd-btn{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid #ddd;
  background:#fff;
  cursor:pointer;
}
.npwc-dd-icon, .npwc-dd-item-icon{width:34px; height:18px; display:inline-block; flex:0 0 auto}
.npwc-dd-icon img{width:34px; height:18px; object-fit:contain; display:block}
.npwc-dd-text{flex:1 1 auto; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:10px}
.npwc-dd-arrow{
  flex:0 0 auto;
  width:0; height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:7px solid #333;
}
.npwc-dd-list{
  position:absolute;
  left:0; right:0;
  top:calc(100% + 2px);
  border:1px solid #ddd;
  background:#fff;
  list-style:none;
  margin:0;
  padding:0;
  max-height:260px;
  overflow:auto;
  display:none;
  z-index:9999;
}
.npwc-dd.is-open .npwc-dd-list{display:block}
.npwc-dd-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  cursor:pointer;
}
.npwc-dd-item:hover{background:#f6f6f6}
.npwc-dd-item-icon{object-fit:contain}

/* Message */
.npwc-msg{padding:10px 12px; background:#e6f6e6; border:1px solid #9bd49b; color:#184f18; font-weight:600}


/* FIX readability */
.npwc-dd-btn{
  border:1px solid #bfbfbf !important;
  background:#ffffff !important;
  color:#23302C !important;
}
.npwc-dd-text{
  color:#23302C !important;
  font-weight:600;
}
.npwc-dd-list{
  border:1px solid #bfbfbf !important;
}
.npwc-dd-item{
  color:#23302C !important;
}
.npwc-dd-item-text{
  color:#23302C !important;
}

/* inputs darker border */
.npwc-input{
  border:1px solid #bfbfbf !important;
}

/* hover clearer */
.npwc-dd-item:hover{
  background:#eeeeee !important;
}

.npwc-extra-cuts{
  margin-top: 0;
}

.npwc-row-cut{
  margin-top: 8px;
}

.npwc-field-wrap{
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
}

.npwc-error{
  color:#b71c1c;
  font-size:12px;
  margin-top:6px;
  font-weight:600;
  background:#fdecea;
  padding:6px 8px;
  border-left:3px solid #d32f2f;
  border-radius:4px;

  /* BELANGRIJK */
  grid-column: 2 / 3;
}

.npwc-input.error{
  border:2px solid #d32f2f !important;
  background:#fff6f6;
}