/* Title Styling */

.form-item-salesforce-fileupload {
  max-width: 600px;
  margin: 0 auto;
}

.form-item-salesforce-fileupload::before {
  content: "Gelieve hier uw aankoopbewijs te uploaden";
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #1f4fa3;
  margin-bottom: 10px;
}

@media (max-width: 1024px) {
  .form-item-salesforce-fileupload {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .form-item-salesforce-fileupload {
    max-width: 100%;
    margin: 0 16px;
  }
}

/* Ajax Wrapper Fix */

#ajax-wrapper {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1024px) {
  #ajax-wrapper {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  #ajax-wrapper {
    max-width: 100%;
    margin-left: 16px;
    margin-right: 16px;
  }
}

/* Upload Wrapper */

.custom-upload-wrapper {
  border: 2px dashed #1f4fa3;
  border-radius: 6px;
  background: #eef2f7;
  padding: 20px;
  cursor: pointer;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}

/* Placeholder */

.custom-upload-placeholder {
  text-align: center;
  color: #1f4fa3;
  font-size: 20px;
  font-weight: 600;
  padding: 40px 0;
}

/* File List */

.custom-file-list {
  margin-top: 10px;
}

.custom-file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px;
  border-bottom: 1px solid #9bb3d9;
}

.custom-file-item:last-child {
  border-bottom: none;
}

.file-info {
  display: flex;
  flex-direction: column;
}

.file-name {
  font-weight: 600;
  color: #1f4fa3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-size {
  font-size: 14px;
  color: #666;
}

.file-remove {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #2f3b4c;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: bold;
}

/* Click feedback */
.custom-upload-wrapper:active {
  background: #e3eaf5;
}

/* Bottom Note */

/*.form-item-salesforce-fileupload::after {
  content: "Note: Please upload gif jpg jpeg png bmp pdf svg webp only. Maximum file size is 2 Mb.";
  display: block;
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
  color: #666;
  margin-bottom: 4%;
}*/

/* Tablet (≤1024px) */

@media (max-width: 1024px) {
  .custom-upload-wrapper {
    max-width: 100%;
    padding: 18px;
  }

  .custom-upload-placeholder {
    font-size: 18px;
    padding: 30px 0;
  }

  .custom-file-item {
    padding: 12px 8px;
  }

  .file-name {
    font-size: 16px;
  }

  .file-size {
    font-size: 13px;
  }

  .file-remove {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }

  .form-item-salesforce-fileupload::before {
    font-size: 20px;
  }
}

/* Mobile (≤767px) */

@media (max-width: 767px) {
  .custom-upload-wrapper {
    max-width: 100%;
    margin: 0;
    padding: 16px;
  }

  .custom-upload-placeholder {
    font-size: 16px;
    padding: 24px 0;
  }

  .custom-file-item {
    padding: 10px 6px;
  }

  .file-info {
    max-width: 75%;
  }

  .file-name {
    font-size: 14px;
    word-break: break-word;
    white-space: normal;
  }

  .file-size {
    font-size: 12px;
  }

  .file-remove {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  .form-item-salesforce-fileupload::before {
    font-size: 18px;
    margin-left: 16px;
  }

  .form-item-salesforce-fileupload::after {
    font-size: 12px;
    padding: 0 16px;
  }
}

/* Section Wrapper Alignment */

.form-item-salesforce-fileupload,
.webform-element--type-textfield,
.webform-element--type-email,
.webform-element--type-select,
.form-section-title {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

/* Section Title */

.form-section-title {
  font-size: 22px;
  font-weight: 600;
  color: #003595;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d6dbe6;
}

@media (max-width: 1024px) {
  .form-section-title {
    font-size: 20px;
    font-weight: 600;
    color: #003595;
    margin-top: 32px;
    margin-bottom: 18px;
    padding-bottom: 6px;
    border-bottom: 1px solid #d6dbe6;
  }
}

@media (max-width: 767px) {
  .form-section-title {
    font-size: 18px;
    font-weight: 600;
    color: #003595;
    margin-top: 24px;
    margin-bottom: 16px;
    padding-bottom: 6px;
    border-bottom: 1px solid #d6dbe6;
  }
}

/* First section spacing fix */
.form-section-title:first-child {
  margin-top: 0;
  max-width: 650px;
}

@media (max-width: 1024px) {
  .form-section-title,
  .webform-element--type-textfield,
  .webform-element--type-email,
  .webform-element--type-select {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .form-section-title,
  .webform-element--type-textfield,
  .webform-element--type-email,
  .webform-element--type-select {
    max-width: 100%;
    margin-left: 16px;
    margin-right: 16px;
  }
}

.custom-upload-error {
  color: #d92d20;
  font-size: 14px;
  margin-top: 10px;
  text-align: left;
  white-space: pre-line;
}

.form-item-salesforce-fileupload .form-managed-file {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
/* New CSS */
#edit-top-info {
    display: flex;
    max-width: 650px;
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    color: #4f6d8c;
    font-size: 14px;
    border: 0.5px solid #003595;
    padding: 8px;
    margin-bottom: 36px;
}
 
div#edit-top-info:before {
    margin-right: 6px;
    transform: scale(0.9);
}
 
div#edit-top-info p {
    font-size: 10px;
}

div#edit-iban-number--description, div#edit-email--description {
    color: #4F6D8C;
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 5px;
    display: flex;
}
 
div#edit-iban-number--description:before, div#edit-email--description:before {
    margin-right: 4px;
    transform: scale(0.7);
}
#edit-vertel-ons-meer-over-u .form-section-title {
    border-bottom: none;
    margin-bottom: 5px;
}
.coh-style-surgical-lead-generation input.form-text, .coh-style-surgical-lead-generation input.form-email, .coh-style-surgical-lead-generation select.form-select {
    margin-bottom: 0 !important;
}
.coh-style-surgical-lead-generation .form-item.form-type-checkbox, .coh-style-surgical-lead-generation .form-item.form-type-textfield, .coh-style-surgical-lead-generation .form-item.form-type-email, .coh-style-surgical-lead-generation .form-item.form-type-select, .coh-style-surgical-lead-generation .webform-type-checkboxes{
    margin-bottom: 36px;
}

.form-item-agree {
    display: block;
    margin-top: 4% !important;
}
#edit-agree {
    float: left;
    margin-top: 4px;
}
.form-item-agree label.option {
    font-weight: 400;
    color: rgb(35, 35, 35);
    line-height: 22.4px;
    font-size: 14px;
    margin-left: 10px;
    width: 90%;
    float: left;
}
.custom-helptext-wrapper {
    display: block;
    text-align: left;
    margin-top: 12px;
    font-size: 12px;
    color: #666;
    margin-bottom: 4%; 
}

.custom-helptext-wrapper ul {
  list-style-type: disc !important;
  padding-left: 20px;
  margin: 0;
}

.custom-helptext-wrapper li {
  list-style-type: disc !important;
  margin-bottom: 6px;
  line-height: 1.0;
}

// Fix for drop-down icon
.js-form-type-select {
  position: relative;
}

.js-form-type-select::after {
  pointer-events: none; /* ✅ KEY FIX */
}