/* LULYGraphics V17 — Contact field cleanup + Order ID pass. */

/* The only visible frame should be the input/select/textarea itself. */
body.contact-page .contact-v14 .wrap-input100,
body.contact-page .contact-v14 .wrap-input100.validate-input{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
}

body.contact-page .contact-v14 .luly-contact-row{
  align-items:start !important;
}

body.contact-page .contact-v14 .luly-label-optional{
  opacity:.52;
  font-weight:500;
}

body.contact-page .contact-v14 .luly-field-helper{
  display:block;
  margin:7px 3px 0;
  color:rgba(255,247,238,.42);
  font-size:.68rem;
  line-height:1.45;
  font-weight:500;
  max-width:98%;
}

/* Order ID is always available; it is information, not a second ordering path. */
body.contact-page .contact-v14 .luly-order-id-field,
body.contact-page .contact-v14 .luly-order-id-field[hidden],
body.contact-page .contact-v14 .luly-order-id-field.is-visible{
  display:block !important;
}

/* Keep row rhythm balanced when helper copy sits under Order ID. */
body.contact-page .contact-v14 .luly-contact-row + .wrap-input100{
  margin-top:2px !important;
}

@media(max-width:767.98px){
  body.contact-page .contact-v14 .luly-field-helper{font-size:.66rem}
}