/* Lead forms (assets/lead-form.js): the phone field per form-playbook section 12, the inline
   status line and the success panel. Loaded only by /coaching-call and /dealership-inquiry. */

/* One field, not two boxes: the wrapper carries the border, radius, background and focus colour of
   every other input in these forms (dark navy, #3c526e border, 6px radius); the dial code is a
   full-height prefix and a short inset hairline separates it from the number. The site's own
   `.field input, .field select` rules reach the inner controls, so they are reset here with the
   same weight. */
.field .ld-tel{display:flex;align-items:stretch;width:100%;min-height:52px;background:#081a2c;border:1px solid #3c526e;border-radius:6px;overflow:hidden;transition:border-color 160ms ease,background-color 160ms ease}
.field .ld-tel:focus-within{border-color:#4d97ff;background:#0a2036}
.field.has-error .ld-tel,.field .ld-tel:has(input[aria-invalid=true]){border-color:#ff8a8a}
.field .ld-tel select{flex:0 0 auto;width:auto;min-height:50px;margin:0;padding:0 26px 0 14px;-webkit-appearance:none;appearance:none;border:0!important;border-radius:0;box-shadow:none;cursor:pointer;
  font:inherit;font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fff!important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238acaff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center/10px 7px!important;
  transition:color 150ms ease}
.field .ld-tel select:hover,.field .ld-tel select:focus-visible{color:#8acaff!important}
.field .ld-tel select:focus{outline:0}
.field .ld-tel select option{color:#111;background:#fff}
.field .ld-tel input,.field .ld-tel input:focus{flex:1 1 auto;width:auto;min-width:0;min-height:50px;border:0!important;border-radius:0;box-shadow:none;padding-left:14px;color:#fff!important;
  background:transparent linear-gradient(#3c526e,#3c526e) left center/1px 52% no-repeat!important}
@media (prefers-reduced-motion:reduce){.field .ld-tel,.field .ld-tel select{transition:none}}

.ld-status{margin:0;font-size:.95rem;line-height:1.5;color:#cfe0f5}
.ld-status--error{color:#ffb4b4}
.ld-status a{color:inherit;text-decoration:underline}
.ld-legal{margin:0}
.ld-legal a{text-decoration:underline}
.ld-done{margin-top:20px;padding:22px 24px;border:1px solid #405978;border-radius:8px;background:rgba(138,202,255,.08)}
.ld-done:focus{outline:0}
.ld-done p{margin:0 0 8px}
.ld-done p:last-child{margin-bottom:0}
.ld-done-title{font-size:1.15rem;font-weight:700}
