/* ===================================================================
   ZOHO CRM WEB-TO-LEAD FORM — Pravodha restyle
   ===================================================================
   Shared by the landing page and the marketing pages, so it lives here
   rather than inline in one template.

   Every token carries a literal fallback: landing.css defines
   --primary-dark and friends, marketing.css does not, and this file has
   to look identical on both.
   =================================================================== */

/* ===================================================================
   ZOHO CRM FORM — Pravodha restyle
   Overrides Zoho's default left-label layout so the embedded CRM form
   matches the Pravodha lead form design.
   =================================================================== */
#crmWebToEntityForm.zcwf_lblLeft {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: inherit !important;
}

/* Zoho's own form title is replaced by our .form-title */
#crmWebToEntityForm .zcwf_title {
  display: none !important;
}

/* Stack labels above fields (Pravodha style) instead of Zoho's float layout */
#crmWebToEntityForm.zcwf_lblLeft .zcwf_row {
  margin: 0 0 20px 0 !important;
}

#crmWebToEntityForm.zcwf_lblLeft .zcwf_col_lab {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 0 8px 0 !important;
  font-family: var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--text-dark, #1E1B2E) !important;
}

#crmWebToEntityForm.zcwf_lblLeft .zcwf_col_lab label {
  font-family: var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--text-dark, #1E1B2E) !important;
}

#crmWebToEntityForm.zcwf_lblLeft .zcwf_col_fld {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#crmWebToEntityForm.zcwf_lblLeft .zcwf_col_fld input[type='text'],
#crmWebToEntityForm.zcwf_lblLeft .zcwf_col_fld input[type='password'],
#crmWebToEntityForm.zcwf_lblLeft .zcwf_col_fld textarea {
  width: 100% !important;
  float: none !important;
  padding: 14px 16px !important;
  border: 2px solid rgba(61, 82, 160, 0.15) !important;
  border-radius: 8px !important;
  font-family: var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 15px !important;
  color: var(--text-dark, #1E1B2E) !important;
  background: #fff !important;
  transition: all 0.2s ease !important;
}

#crmWebToEntityForm.zcwf_lblLeft .zcwf_col_fld input[type='text']:focus,
#crmWebToEntityForm.zcwf_lblLeft .zcwf_col_fld textarea:focus {
  outline: none !important;
  border-color: var(--primary-medium, #7091E6) !important;
  box-shadow: 0 0 0 3px rgba(112, 145, 230, 0.12) !important;
}

#crmWebToEntityForm.zcwf_lblLeft .zcwf_col_help {
  display: none !important;
}

/* Submit + reset buttons */
#crmWebToEntityForm .formsubmit.zcwf_button {
  width: 100% !important;
  max-width: 100% !important;
  padding: 16px 24px !important;
  font-family: var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--text-dark, #1E1B2E) !important;
  background: var(--cta, #FBBF24) !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(251, 191, 36, 0.4) !important;
  transition: all 0.3s ease !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#crmWebToEntityForm .formsubmit.zcwf_button:hover {
  background: var(--cta-hover, #F59E0B) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(251, 191, 36, 0.5) !important;
}

#crmWebToEntityForm .formsubmit.zcwf_button:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Consent checkbox row */
#crmWebToEntityForm .zcwf_privacy {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 4px 0 0 0 !important;
}

#crmWebToEntityForm .zcwf_privacy .dIB.vaT {
  flex: none !important;
  display: block !important;
  line-height: 0 !important;
}

#crmWebToEntityForm .zcwf_privacy input[type='checkbox'] {
  width: 18px !important;
  height: 18px !important;
  margin: 2px 0 0 0 !important;
  accent-color: var(--primary-dark, #3D52A0) !important;
  cursor: pointer !important;
}

#crmWebToEntityForm .zcwf_privacy_txt {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  font-family: var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--text-muted, #5a6785) !important;
}

#crmWebToEntityForm .zcwf_privacy_txt a {
  color: var(--primary-dark, #3D52A0) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

#crmWebToEntityForm .zcwf_privacy_txt a:hover {
  color: var(--primary-medium, #7091E6) !important;
}

#crmWebToEntityForm #privacyErr1030444000000639311 {
  flex: 0 0 100% !important;
  margin: -4px 0 0 0 !important;
  padding-left: 28px !important;
  font-family: var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #EF4444 !important;
}

/* Hide Zoho's Reset button — not part of the Pravodha design */
#crmWebToEntityForm input[type='reset'].zcwf_button {
  display: none !important;
}

/* The row holding the buttons shouldn't carry the label column gap */
#crmWebToEntityForm.zcwf_lblLeft .zcwf_row:last-of-type .zcwf_col_lab {
  display: none !important;
}

@media all and (max-width: 600px) {
  #crmWebToEntityForm.zcwf_lblLeft .zcwf_col_lab,
  #crmWebToEntityForm.zcwf_lblLeft .zcwf_col_fld {
    width: 100% !important;
    float: none !important;
  }
}