/* nl-field-icons base */
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], textarea, input:not([type]) {
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 22px 22px;
  padding-left: 54px !important;
}

/* Name (generic/last/full) */
input[placeholder*="Last Name" i],
input[placeholder*="Full Name" i],
input[name*="last" i],
input[name*="fullname" i],
input[name*="name" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23999' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/></svg>") !important;
}

/* Address */
input[placeholder*="Address" i],
input[name*="address" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23999' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/></svg>") !important;
}

/* Phone */
input[placeholder*="Phone" i],
input[name*="phone" i],
input[type="tel"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23999' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/></svg>") !important;
}


/* First name */
input[placeholder*="First Name" i],
input[name*="first" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23999' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/></svg>") !important;
}

/* City */
input[placeholder*="City" i],
input[name*="city" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23999' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/></svg>") !important;
}

/* Email */
input[placeholder*="Email" i],
input[type="email"],
input[name*="email" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23999' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/></svg>") !important;
}

/* Customer note / Notes */
input[placeholder*="note" i],
textarea[placeholder*="note" i],
textarea[name*="note" i],
input[name*="note" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23999' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/></svg>") !important;
}

/* Country */
input[placeholder*="Country" i],
select[placeholder*="Country" i],
input[name*="country" i],
select[name*="country" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23999' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/></svg>") !important;
}

/* Zip / Postal Code */
input[placeholder*="Zip" i],
input[placeholder*="Postal" i],
input[name*="zip" i],
input[name*="postal" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23999' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/></svg>") !important;
}


/* === NL PATCH v3: icons with gray square (#cdcdcd), centered, brand orange, incl. Company & fixed Phone === */
.express-cod-checkout-form input[type="text"],
.express-cod-checkout-form input[type="tel"],
.express-cod-checkout-form input[type="email"],
.express-cod-checkout-form input[type="number"],
.express-cod-checkout-form textarea {
  background-repeat: no-repeat !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
  padding-left: 54px !important;
}
.express-cod-checkout-form input[placeholder*="First Name" i],
.express-cod-checkout-form input[placeholder*="Last Name"  i],
.express-cod-checkout-form input[name*="first" i],
.express-cod-checkout-form input[name*="last"  i],
.express-cod-checkout-form input[name*="name"  i] {
  background-image: url(\"data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523ff7a00%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%0A%20%20%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%273%27%20ry%3D%273%27%20fill%3D%27none%27/%3E%0A%20%20%3Cpath%20d%3D%27M3%207l9%206%209-6%27/%3E%0A%3C/svg%3E\"), url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' rx='4' ry='4' fill='%23f0f0f0'/>\") !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
}
.express-cod-checkout-form input[placeholder*="Phone" i],
.express-cod-checkout-form input[placeholder*="Number Phone" i],
.express-cod-checkout-form input[name*="phone" i],
.express-cod-checkout-form input[type="tel"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ff6a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.5v3a2 2 0 0 1-2.2 2 19.5 19.5 0 0 1-8.3-3.1 19.2 19.2 0 0 1-6.9-6.9A19.5 19.5 0 0 1 1.5 4.2 2 2 0 0 1 3.5 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L7.9 9a16 16 0 0 0 7.1 7.1l1.05-.82a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6A2 2 0 0 1 22 16.5z'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><rect x='0' y='0' width='32' height='32' rx='4' ry='4' fill='%23f0f0f0'/></svg>") !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
}
.express-cod-checkout-form input[placeholder*="Email" i],
.express-cod-checkout-form input[placeholder*="Email Adress" i],
.express-cod-checkout-form input[name*="email" i],
.express-cod-checkout-form input[type="email"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ff6a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/><polyline points='22,6 12,13 2,6'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><rect x='0' y='0' width='32' height='32' rx='4' ry='4' fill='%23f0f0f0'/></svg>") !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
}
.express-cod-checkout-form input[placeholder*="Address" i],
.express-cod-checkout-form input[placeholder*="Adress"  i],
.express-cod-checkout-form input[name*="address" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ff6a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 7-9 12-9 12S3 17 3 10a9 9 0 1 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><rect x='0' y='0' width='32' height='32' rx='4' ry='4' fill='%23f0f0f0'/></svg>") !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
}
.express-cod-checkout-form input[placeholder*="City" i],
.express-cod-checkout-form input[name*="city" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ff6a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 22V10l6-3 6 3v12'/><path d='M9 22V12h6'/><path d='M13 22V4l3 2 5 3v13'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><rect x='0' y='0' width='32' height='32' rx='4' ry='4' fill='%23f0f0f0'/></svg>") !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
}
.express-cod-checkout-form input[placeholder*="Country" i],
.express-cod-checkout-form select[placeholder*="Country" i],
.express-cod-checkout-form input[name*="country" i],
.express-cod-checkout-form select[name*="country" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ff6a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M2 12h20'/><path d='M12 2a15.3 15.3 0 0 1 0 20'/><path d='M12 2a15.3 15.3 0 0 0 0 20'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><rect x='0' y='0' width='32' height='32' rx='4' ry='4' fill='%23f0f0f0'/></svg>") !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
}
.express-cod-checkout-form input[placeholder*="Zip" i],
.express-cod-checkout-form input[placeholder*="Postal" i],
.express-cod-checkout-form input[placeholder*="Zip code" i],
.express-cod-checkout-form input[name*="zip" i],
.express-cod-checkout-form input[name*="postal" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ff6a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 10h18'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><rect x='0' y='0' width='32' height='32' rx='4' ry='4' fill='%23f0f0f0'/></svg>") !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
}
.express-cod-checkout-form textarea[placeholder*="note" i],
.express-cod-checkout-form input[placeholder*="note" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ff6a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 3h18v14H8l-5 5V3z'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><rect x='0' y='0' width='32' height='32' rx='4' ry='4' fill='%23f0f0f0'/></svg>") !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
}
.express-cod-checkout-form input[placeholder*="Company" i],
.express-cod-checkout-form input[placeholder*="Company name" i],
.express-cod-checkout-form input[name*="company" i] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ff6a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 7h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2z'/><path d='M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2'/><path d='M2 12h20'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><rect x='0' y='0' width='32' height='32' rx='4' ry='4' fill='%23f0f0f0'/></svg>") !important;
  background-position: 17px center, 12px center !important;
  background-size: 22px 22px, 32px 32px !important;
}
/* === END NL PATCH v3 === */