/* =========================================================================
   KindMind Center — Gravity Forms brand styling
   -------------------------------------------------------------------------
   HOW TO APPLY:
   In each form's settings (Form Settings > select the form > Form Settings),
   set "CSS Class Name" to:   kindmind-form
   Gravity Forms turns that into the wrapper class ".kindmind-form_wrapper".
   This file scopes all styling to that class so it never touches other forms.

   Works with the Gravity Forms Orbital theme (default in 2.7+). If a form is
   in legacy mode, switch it to the Orbital theme (Form Settings > Form Layout).
   ========================================================================= */

.gform-theme--framework.kindmind-form_wrapper {
  /* ---- Gravity Forms CSS API tokens ---- */
  --gf-color-primary: #1d9e75;
  --gf-color-primary-rgb: 29, 158, 117;
  --gf-color-primary-contrast: #ffffff;
  --gf-color-primary-darker: #0f6e56;
  --gf-ctrl-bg-color: #ffffff;
  --gf-ctrl-border-color: #e2e8e6;
  --gf-ctrl-border-color-hover: #c2cdc7;
  --gf-ctrl-border-color-focus: #1d9e75;
  --gf-ctrl-radius: 9px;
  --gf-ctrl-label-color-primary: #0a2540;
  --gf-ctrl-label-font-size-primary: 13px;
  --gf-ctrl-color-focus: #1d9e75;
  --gf-radius: 9px;

  /* ---- Card container (matches the static-site form card) ---- */
  max-width: 680px;
  margin-inline: auto;
  background: #ffffff;
  border: 0.5px solid #e2e8e6;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 8px 28px rgba(10, 37, 64, 0.06);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #0a2540;
}
.gform_heading{
    display:none;
}
.gform-theme--foundation .gform_fields {
    row-gap:8px !important;
}
/* Labels */
.gform-theme--framework.kindmind-form_wrapper .gfield_label{
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 7px;

}

.gform-theme--framework.kindmind-form_wrapper legend.gfield_label, 
.kindmind-form_wrapper h2.gsection_title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--green-deep);
    padding-bottom: 9px;
    margin-bottom: 16px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.gform-theme--framework.kindmind-form_wrapper .gfield_required { color: #1d9e75; }

/* Inputs, selects, textareas */
.gform-theme--framework.kindmind-form_wrapper input[type="text"],
.gform-theme--framework.kindmind-form_wrapper input[type="email"],
.gform-theme--framework.kindmind-form_wrapper input[type="tel"],
.gform-theme--framework.kindmind-form_wrapper input[type="number"],
.gform-theme--framework.kindmind-form_wrapper input[type="date"],
.gform-theme--framework.kindmind-form_wrapper select,
.gform-theme--framework.kindmind-form_wrapper textarea {
  border: 1px solid #e2e8e6;
  border-radius: 9px;
  padding: 12px 14px;
  font-size: 14.5px;
  color: #0a2540;
  background: #ffffff;
  transition: border-color .15s, box-shadow .15s;
}
.gform-theme--framework.kindmind-form_wrapper input:hover,
.gform-theme--framework.kindmind-form_wrapper select:hover,
.gform-theme--framework.kindmind-form_wrapper textarea:hover {
  border-color: #c2cdc7;
}
.gform-theme--framework.kindmind-form_wrapper input:focus,
.gform-theme--framework.kindmind-form_wrapper select:focus,
.gform-theme--framework.kindmind-form_wrapper textarea:focus {
  outline: none;
  border-color: #1d9e75;
  box-shadow: 0 0 0 3px rgba(29, 158, 117, 0.14);
}
.gform-theme--framework.kindmind-form_wrapper textarea { min-height: 90px; line-height: 1.55; }

/* Section breaks (gsection) — used as group headers */
.gform-theme--framework.kindmind-form_wrapper .gsection {
  border-bottom: 0.5px solid #e2e8e6;
  margin-bottom: 18px;
  padding-bottom: 6px;
}
.gform-theme--framework.kindmind-form_wrapper .gsection_title {
  color: #0f6e56;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: inherit;
}

/* Checkboxes & radios */
.gform-theme--framework.kindmind-form_wrapper input[type="checkbox"],
.gform-theme--framework.kindmind-form_wrapper input[type="radio"] {
  accent-color: #1d9e75;
  width: 18px;
  height: 18px;
}
.gform-theme--framework.kindmind-form_wrapper .gfield_checkbox label,
.gform-theme--framework.kindmind-form_wrapper .gfield_radio label {
  font-weight: 400;
  color: #0a2540;
  font-size: 13.5px;
}

/* Enhanced multi-select (Type of care) */
.gform-theme--framework.kindmind-form_wrapper .chosen-container,
.gform-theme--framework.kindmind-form_wrapper select[multiple] {
  border-radius: 9px;
}

.gform-theme--framework.kindmind-form_wrapper input::placeholder {
  color: #d1d5db; /* Light gray HEX code */
  opacity: 1;    /* Ensures Firefox does not fade the color */
}
/* Submit button — matches .km-btn-p */
.gform-theme--framework.kindmind-form_wrapper .gform_footer button,
.gform-theme--framework.kindmind-form_wrapper .gform_footer input[type="submit"],
.gform-theme--framework.kindmind-form_wrapper .gform_page_footer button , #gform_submit_button_1 {
  background: #1d9e75;
  color: #ffffff;
  border: none;
  border-radius: 11px;
  padding: 16px 28px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(29, 158, 117, 0.28);
  transition: background .15s, box-shadow .15s;
}
.gform-theme--framework.kindmind-form_wrapper .gform_footer button:hover, gform_submit_button_1:hover, 
.gform-theme--framework.kindmind-form_wrapper .gform_footer input[type="submit"]:hover {
  background: #0f6e56;
  box-shadow: 0 6px 20px rgba(29, 158, 117, 0.34);
}

/* Validation */
.gform-theme--framework.kindmind-form_wrapper .gfield_error input,
.gform-theme--framework.kindmind-form_wrapper .gfield_error textarea,
.gform-theme--framework.kindmind-form_wrapper .gfield_error select {
  border-color: #d9534f !important;
}

/* Crisis / PHI notice — add CSS Class "km-alert" to an HTML field to get this box */
.gform-theme--framework.kindmind-form_wrapper .km-privacy {
        display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 12px;
    color: var(--color-text-secondary);
    margin-top: 16px;
    line-height: 1.5;
}
.gform-theme--framework.kindmind-form_wrapper .km-alert {
  background: #fdf6f0;
  border: 0.5px solid #f0d9c4;
  border-radius: 12px;
  padding: 16px 20px;
  font-size: 13px;
  color: #7a5230;
  line-height: 1.6;
}
.gform-theme--framework.kindmind-form_wrapper .km-alert strong { color: #5e3d22; }

/* Confirmation message */
.gform-theme--framework.kindmind-form_wrapper + .gform_confirmation_message,
.gform_confirmation_wrapper.kindmind-form_confirmation .gform_confirmation_message {
  background: #e1f5ee;
  border-radius: 12px;
  padding: 20px 24px;
  color: #0f6e56;
  font-size: 15px;
  text-align: center;
}

/* Mobile */
@media (max-width: 680px) {
  .gform-theme--framework.kindmind-form_wrapper { padding: 24px; }
}