/* Everest Forms Custom Styling */

/* Container and form styling */
.everest-forms {
  font-family: var(--hgea-font-montserrat);
  font-size: var(--hgea-font-size-normal);
  color: var(--hgea-color-black);
  max-width: 100%;
  margin: 0 auto;
}

.evf-container {
  background-color: #ffffff;
  padding: 0px;
}

/* Form field containers */
.evf-field-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Field labels */
.evf-field-label {
  font-family: var(--hgea-font-montserrat) !important;
}

.evf-field-label .evf-label {
  font-family: var(--hgea-font-montserrat);
  font-size: var(--hgea-font-size-normal);
  font-weight: var(--hgea-font-weight-bold);
}

/* Required field asterisk */
.evf-field-label .required {
  color: #d32f2f;
  font-weight: var(--hgea-font-weight-bold);
  margin-left: 4px;
}

/* Input fields */
.everest-forms input[type="text"],
.everest-forms input[type="email"],
.everest-forms input[type="tel"],
.everest-forms select,
.everest-forms .input-text,
.everest-forms .flatpickr-field {
  font-family: var(--hgea-font-montserrat);
  font-size: var(--hgea-font-size-normal);
  font-weight: var(--hgea-font-weight-normal);
  padding: 12px 15px;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  background-color: #ffffff;
  color: var(--hgea-color-black);
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  line-height: 1.4;
}

/* Input focus states */
.everest-forms input[type="text"]:focus,
.everest-forms input[type="email"]:focus,
.everest-forms input[type="tel"]:focus,
.everest-forms select:focus,
.everest-forms .input-text:focus,
.everest-forms .flatpickr-field:focus {
  outline: none;
  border-color: var(--hgea-color-dark-green);
}

/* Placeholder styling */
.everest-forms input::placeholder {
  color: #999999;
  font-family: var(--hgea-font-montserrat);
  font-size: var(--hgea-font-size-normal);
  opacity: 0.7;
}

/* Checkbox and radio styling */
.everest-forms input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
  accent-color: var(--hgea-color-dark-green);
}

.everest-forms .everest-forms-field-label-inline {
  font-family: var(--hgea-font-montserrat);
  font-size: var(--hgea-font-size-normal);
  font-weight: var(--hgea-font-weight-normal);
  color: var(--hgea-color-black);
  display: inline-block;
  line-height: 1.4;
  cursor: pointer;
}

/* Checkbox list styling */
.everest-forms ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.everest-forms ul li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

/* Sub-labels for address fields */
.everest-forms-field-sublabel {
  font-family: var(--hgea-font-montserrat);
  font-size: var(--hgea-font-size-small) !important;
}

/* Field descriptions */
.evf-field-description {
  font-family: var(--hgea-font-montserrat);
  font-size: var(--hgea-font-size-small) !important;
}

/* Privacy policy checkbox */
.evf-privacy-policy-consent-message {
  font-family: var(--hgea-font-montserrat);
  font-size: var(--hgea-font-size-small) !important;
}

/* Submit button */
.everest-forms-submit-button {
  font-family: var(--hgea-font-montserrat);
  font-size: var(--hgea-font-size-normal) !important;
  font-weight: 600 !important;
  background-color: white !important;
  color: var(--hgea-color-dark-green) !important;
  border: 1px solid var(--hgea-color-new-yellow) !important;
  padding: 15px 30px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  min-width: 200px;
  box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 9px 0px !important;
}

/* Submit container */
.evf-submit-container {
  text-align: left;
  padding: 15px !important;
}

/* Error states */
.everest-forms .evf-error input,
.everest-forms .evf-error select {
  border-color: #d32f2f;
  box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
}

.eblast-preference-container,
.hgea-member-update-intro,
.eblast-form-wrapper {
  max-width: 700px;
  margin: 0px auto;
  font-family: var(--hgea-font-montserrat);
}

.hgea-member-update-intro .everest-forms .evf-container, 
.eblast-form-wrapper .everest-forms .evf-container {
  margin-bottom: 0px !important;
}

.current-status-box {
  background: var(--hgea-color-bg-light-green);
  border: 1px solid var(--hgea-color-light-green);
  padding: 1.5rem;
  margin-bottom: 2rem;
  border-radius: 4px;
}

.current-status-box h3 {
  margin: 0 0 1rem 0;
  font-family: var(--hgea-font-league-spartan);
  color: var(--hgea-color-dark-green);
}

.current-status-box p {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
}

.current-status-box .status-text {
  font-weight: bold;
  color: var(--hgea-color-mid-green);
}

.eblast-form-wrapper {
  background: #fff;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-top: 1rem;
}

.eblast-form-wrapper h3 {
  margin: 0 0 0.5rem 0;
  font-family: var(--hgea-font-league-spartan);
}

.eblast-form-wrapper p {
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
  color: #555;
} 

.hgea-member-update-intro {
  border: 1px solid #e1e5e9;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 25px;
}

.hgea-member-update-intro h3,
.current-status-box h3,
.eblast-form-wrapper h3 {
  margin: 0;
  color: var(--hgea-color-dark-green);
}

.eblast-form-wrapper .evf-container {
  margin-bottom: 0px;
}

/* Readonly field styling - make it very clear this cannot be edited */
.hgea-readonly-field input,
.member-id-readonly input,
input.hgea-readonly-field,
input.member-id-readonly {
  background-color: #f5f5f5 !important;
  color: #666 !important;
  border: 2px solid #ddd !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
  font-weight: bold !important;
}

/* Additional styling for readonly inputs */
.hgea-readonly-field input:focus,
.member-id-readonly input:focus,
input.hgea-readonly-field:focus,
input.member-id-readonly:focus {
  box-shadow: none !important;
  border-color: #ddd !important;
  outline: none !important;
}

/* Style the member ID field container */
.hgea-readonly-field,
.member-id-readonly {
  position: relative;
}


.hgea-form-section {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
}


/* General form styling improvements */
.hgea-member-update-form .everest-forms {
  max-width: 800px;
}

.hgea-member-update-form .evf-field {
  margin-bottom: 20px;
}

.hgea-member-update-form input[type="text"],
.hgea-member-update-form input[type="email"],
.hgea-member-update-form select,
.hgea-member-update-form textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.hgea-member-update-form input[type="text"]:focus,
.hgea-member-update-form input[type="email"]:focus,
.hgea-member-update-form select:focus,
.hgea-member-update-form textarea:focus {
  border-color: #0073aa;
  box-shadow: 0 0 5px rgba(0, 115, 170, 0.3);
  outline: none;
}

/* Submit button styling */
.hgea-member-update-form .yellow-bordered-button {
  background-color: #ffd700;
  border: 2px solid #e6c200;
  color: #000;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.hgea-member-update-form .yellow-bordered-button:hover {
  background-color: #e6c200;
  transform: translateY(-1px);
}

/* Honeypot field (hidden) */
.evf-honeypot-container {
  display: none !important;
}

/* Responsive design */
@media (max-width: 768px) {

  .evf-field-container {
    gap: 10px;
  }

  .evf-frontend-row {
    flex-direction: column;
    gap: 10px;
  }

  .everest-forms-field-row {
    flex-direction: column;
    gap: 10px;
  }

  .everest-forms input[type="text"],
  .everest-forms input[type="email"],
  .everest-forms input[type="tel"],
  .everest-forms select,
  .everest-forms .input-text {
    padding: 12px;
    font-size: var(--hgea-font-size-normal);
  }

  .everest-forms-submit-button {
    width: 100%;
    min-width: unset;
  }

  /* Submit container */
  .evf-submit-container {
    text-align: left;
    padding-top: 15px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

}

@media (max-width: 480px) {

  .evf-field-label,
  .evf-field-label .evf-label {
    font-size: 15px;
  }

  .everest-forms input[type="text"],
  .everest-forms input[type="email"],
  .everest-forms input[type="tel"],
  .everest-forms select,
  .everest-forms .input-text {
    font-size: 15px;
    padding: 10px;
  }
}