/*
 * WebSolGuru theme for Vyapzo web-to-lead forms.
 * Load this stylesheet from the form's Custom CSS URL option.
 */

body.web-to-lead {
  color: #1f2937;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.web-to-lead .form-group {
  margin-bottom: 24px;
}

.web-to-lead .control-label {
  display: block;
  margin-bottom: 8px;
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.web-to-lead input.form-control,
.web-to-lead textarea.form-control {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 56px;
  padding: 14px 16px !important;
  border: 2px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #f9fafb !important;
  color: #1f2937 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.web-to-lead input.form-control:focus,
.web-to-lead textarea.form-control:focus {
  border-color: #3b82f6 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25) !important;
  outline: none !important;
}

.web-to-lead input.form-control::placeholder,
.web-to-lead textarea.form-control::placeholder {
  color: #9ca3af !important;
  opacity: 1;
}

.web-to-lead textarea.form-control {
  min-height: 150px;
  resize: vertical;
}

/* Bootstrap Select renders a button instead of the original select. */
.web-to-lead .bootstrap-select {
  width: 100% !important;
}

.web-to-lead .bootstrap-select > .dropdown-toggle {
  box-sizing: border-box;
  width: 100%;
  min-height: 56px;
  padding: 14px 16px !important;
  border: 2px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #f9fafb !important;
  color: #1f2937 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  box-shadow: none !important;
}

.web-to-lead .bootstrap-select.open > .dropdown-toggle,
.web-to-lead .bootstrap-select > .dropdown-toggle:focus {
  border-color: #3b82f6 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25) !important;
  outline: none !important;
}

.web-to-lead .bootstrap-select .dropdown-menu {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);
}

.web-to-lead .bootstrap-select .dropdown-menu > li > a {
  padding: 10px 16px;
  color: #374151;
}

.web-to-lead .bootstrap-select .dropdown-menu > li > a:hover,
.web-to-lead .bootstrap-select .dropdown-menu > li.selected > a {
  background: #eff6ff;
  color: #1d4ed8;
}

.web-to-lead .submit-btn-wrapper {
  width: 100%;
}

.web-to-lead #form_submit {
  width: 100%;
  min-height: 56px;
  padding: 14px 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #1e4ed8 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  box-shadow: 0 10px 20px rgba(30, 78, 216, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.web-to-lead #form_submit:hover,
.web-to-lead #form_submit:focus {
  filter: brightness(0.94);
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(30, 78, 216, 0.28);
}

/* Homepage consultation form. */
body.web-to-lead[class~="ec2ff1f3766d74c04f3399e370b191f4"] #form_submit {
  background: linear-gradient(90deg, #2563eb 0%, #9333ea 52%, #db2777 100%) !important;
}

/* Callback form. */
body.web-to-lead[class~="f9713e7f91062f74525270281e311219"] #form_submit {
  background: linear-gradient(90deg, #16a34a 0%, #0d9488 100%) !important;
}

/* Contact form. */
body.web-to-lead[class~="9d3c8a418b56d4b0a881a54e4983cc94"] #form_submit {
  background: #1e4ed8 !important;
}

@media (max-width: 640px) {
  .web-to-lead input.form-control,
  .web-to-lead textarea.form-control,
  .web-to-lead .bootstrap-select > .dropdown-toggle {
    font-size: 16px !important;
  }
}