/*
 Theme Name: GH360 Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child for Get Hooked 360
 Author: Get Hooked 360
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.14
*/

/* =Theme customization starts here
------------------------------------------------------- */

.custom-equal-height.et_pb_equal_columns > .et_pb_column {
  margin-top: auto;
  margin-bottom: auto;
}

/* Step connector line - neutral gray for default */
.gf_step:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 32%;
  transform: translateX(50%);
  width: 81%;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.1); /* neutral gray for inactive/future steps */
  z-index: 1;
}

/* Active and completed connector lines - solid green */
.gf_step.gf_step_active:after,
.gf_step.gf_step_completed:after,
.gf_step.gf_step_previous:after {
  background-color: #00AB53 !important;
}

/* Remove connector after last step */
.gf_step_last:after {
  display: none;
}

/* Active and completed step number styling */
.gf_step.gf_step_active .gf_step_number,
.gf_step.gf_step_completed .gf_step_number,
.gf_step.gf_step_previous .gf_step_number {
  background-color: #00AB53 !important;
  color: #fff !important;
}

/* Pending/future step number styling */
.gf_step.gf_step_pending .gf_step_number {
  background-color: rgba(76, 175, 80, 0.3); /* faded green */
  color: #fff;
  border: none;
}

/* OPTIONAL: Gravity Forms primary variable overrides – uncomment only if needed globally */



.gform_previous_button {
  display: none !important;
}

.platform-icon-container {
  display: inline-flex;
  gap: 8px;
  padding-left: 12px;
  padding-top: 10px;
  padding-bottom: 12px;
}

.platform-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  vertical-align: middle;
}

@media (max-width: 980px) {
  .reverse-on-mobile {
    display: flex;
    flex-direction: column-reverse;
  }
}

#gform_wrapper_3[data-form-index="0"].gform-theme {
  --gf-color-primary: #00AB53 !important;
  --gf-color-primary-rgb: 0, 171, 83 !important;
  --gf-color-primary-darker: #007b40 !important;
  --gf-color-primary-lighter: #33bf78 !important;
}

/* Fix completed step color for Anxiety Form (ID 1) */
#gform_wrapper_1[data-form-index="0"].gform-theme {
  --gf-field-pg-steps-number-bg-color-complete: #00AB53 !important;
  --gf-field-pg-steps-number-color-complete: #ffffff !important;
  --gf-field-pg-steps-number-border-color-complete: #00AB53 !important;

  /* Optional: unify primary colors for step progress bars or other elements */
  --gf-color-primary: #00AB53 !important;
  --gf-color-primary-rgb: 0, 171, 83 !important;
  --gf-color-primary-darker: #007b40 !important;
  --gf-color-primary-lighter: #33bf78 !important;
}