/* Backup styling in case a per-page Elementor widget override wins over the
   form's own theme settings - guarantees the card look applies everywhere */
#wpforms-4168 {
  padding: 28px !important;
  background: #ffffff !important;
  border: 1px solid #e6e2da !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
}

/* Phone country-code selector - shared across every WPForms form on the
   site that has a plain phone field (not just the enquiry form). Widths
   use min-width:0 + box-sizing:border-box throughout so the row can never
   force horizontal overflow, regardless of how narrow its parent column is
   on a given page/device. */
.subh-phone-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.subh-phone-row select.subh-phone-code {
  display: block !important;
  flex: 0 0 100px !important;
  width: 100px !important;
  min-width: 68px !important;
  max-width: 100px !important;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-radius: 3px !important;
  padding: 0 4px !important;
  margin: 0 !important;
  font-size: 13px !important;
  background: #ffffff !important;
  color: rgba(0, 0, 0, 0.7) !important;
  height: 43px !important;
  box-sizing: border-box !important;
}

.subh-phone-row input.subh-phone-number {
  display: block !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-radius: 3px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  font-size: 14px !important;
  background: #ffffff !important;
  color: rgba(0, 0, 0, 0.7) !important;
  height: 43px !important;
  box-sizing: border-box !important;
}

.subh-phone-row input.subh-phone-number:focus,
.subh-phone-row select.subh-phone-code:focus {
  outline: none !important;
  border-color: #066aab !important;
}

.subh-phone-error {
  color: #d63637;
  font-size: 13px;
  margin-top: 6px;
}

@media (max-width: 480px) {
  .subh-phone-row select.subh-phone-code {
    flex-basis: 78px !important;
    width: 78px !important;
    min-width: 60px !important;
    max-width: 78px !important;
    font-size: 12px !important;
    padding: 0 2px !important;
  }
  .subh-phone-row input.subh-phone-number {
    padding: 0 8px !important;
  }
}