/* ── Leadstore Form React — parent-page base styles ── */

.error-msg {
  display: block;
  color: #ae1d06 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  padding-left: 4px !important;
  margin-top: 4px !important;
  font-family: "Azo Sans", sans-serif !important;
  font-weight: 400 !important;
}

ul.no-list {
  padding: 0 !important;
}

.hs-form-field {
  padding: 2px 0 !important;
  position: relative;
}

.hs-form-radio-display {
  margin-bottom: 2px !important;
}

label {
  cursor: pointer;
}

.hs-form-field select {
  height: 45px;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0a0a0a;
  padding: 4px 13px;
  border-radius: 3px;
}

label > [type="checkbox"],
label > [type="radio"] {
  margin-right: 0.5rem;
}

.hs-richtext.hs-main-font-element p {
  line-height: 1.3 !important;
}

.hs-button:hover {
  cursor: pointer !important;
}

textarea.hs-input {
  height: 80px;
}

/* ── Hide HS native errors (jQuery Validate handles them) ── */
.hs-error-msgs,
.hs-error-msg,
ul[role="alert"] {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ── Hide number-input spinner arrows (NIF field) ── */
.hs-form input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.hs-form input[type="number"]::-webkit-outer-spin-button,
.hs-form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ── Focus states for accessibility ── */
.hs-form input:focus-visible,
.hs-form select:focus-visible,
.hs-form textarea:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 1px;
  border-color: #005fcc;
}

/* ── Field width hints (visual cue for expected input length) ── */
.hs-form .hs_nif input,
.hs-form .hs_cmc_nif input {
  max-width: 12ch;
}

.hs-form .hs_zip input {
  max-width: 10ch;
}

.hs-form .hs_phone input,
.hs-form .hs_mobilephone input {
  max-width: 13ch;
}

@media only screen and (max-width: 1021px) {
  .contact {
    padding: 26px 22px !important;
  }

  .hs-form .hs_nif input,
  .hs-form .hs_cmc_nif input,
  .hs-form .hs_zip input,
  .hs-form .hs_phone input,
  .hs-form .hs_mobilephone input {
    max-width: 100%;
  }
}