/* ============================================================
   Tech page — PLACEHOLDER COLOR ONLY: rgba(255,255,255,0.45)
   Loaded LAST. Forms covered: enquiry popup (#enquiryForm),
   inline lead form (#ilfForm), brochure modal (#brochure-form).

   IMPORTANT IMPLEMENTATION RULE: each vendor-prefixed placeholder
   selector lives in its OWN rule. Never comma-group ::placeholder with
   ::-moz-placeholder / :-ms-input-placeholder — one unrecognized
   selector makes the browser drop the ENTIRE rule (this was why the
   previous attempt didn't apply and placeholders stayed #fff).
   -webkit-text-fill-color is set too because the vendor CSS forces
   -webkit-text-fill-color:#fff !important on the inputs themselves.
   ============================================================ */

/* ---------- 1) Standard ::placeholder (all modern browsers) ---------- */
.tvs #enquiry-modal #enquiryForm .clf-input::placeholder,
.tvs #enquiry-modal #enquiryForm .clf-input:focus::placeholder,
.tvs #enquiry-modal #enquiryForm textarea.clf-input::placeholder,
#ilfForm input::placeholder,
#ilfForm input:focus::placeholder,
#ilfForm textarea::placeholder,
#ilfForm textarea:focus::placeholder,
#brochure-form input::placeholder,
#brochure-form input:focus::placeholder,
#brochure-form textarea::placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
}

/* ---------- 2) WebKit prefix (Chrome/Safari/Edge) — separate rule ---------- */
.tvs #enquiry-modal #enquiryForm .clf-input::-webkit-input-placeholder,
.tvs #enquiry-modal #enquiryForm .clf-input:focus::-webkit-input-placeholder,
.tvs #enquiry-modal #enquiryForm textarea.clf-input::-webkit-input-placeholder,
#ilfForm input::-webkit-input-placeholder,
#ilfForm textarea::-webkit-input-placeholder,
#brochure-form input::-webkit-input-placeholder,
#brochure-form textarea::-webkit-input-placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
}

/* ---------- 3) Mozilla prefix (Firefox) — separate rule ---------- */
.tvs #enquiry-modal #enquiryForm .clf-input::-moz-placeholder,
.tvs #enquiry-modal #enquiryForm textarea.clf-input::-moz-placeholder,
#ilfForm input::-moz-placeholder,
#ilfForm textarea::-moz-placeholder,
#brochure-form input::-moz-placeholder,
#brochure-form textarea::-moz-placeholder {
  color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
}

/* ---------- 4) MS prefix (IE/old Edge) — separate rule ---------- */
.tvs #enquiry-modal #enquiryForm .clf-input:-ms-input-placeholder,
.tvs #enquiry-modal #enquiryForm textarea.clf-input:-ms-input-placeholder,
#ilfForm input:-ms-input-placeholder,
#ilfForm textarea:-ms-input-placeholder,
#brochure-form input:-ms-input-placeholder,
#brochure-form textarea:-ms-input-placeholder {
  color: rgba(255,255,255,0.45) !important;
}

/* ---------- 5) Selects showing their empty "placeholder" option ---------- */
.tvs #enquiry-modal #enquiryForm select.clf-input,
.tvs #enquiry-modal #enquiryForm select.clf-input option[value=""],
#ilfForm select.ilf-inp option[value=""],
#brochure-form #bro-country,
#brochure-form #bro-country option[value=""] {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
}