.collection__form--wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:1rem;
}

.collection__form--wrap.block-padding-top {
    padding-top: calc(var(--block_spacing) / 2);
}

.collection__form {
    display: flex;
    flex-direction: column;
    gap:20px;
    width: 100%;
    max-width: 500px;
}

.collection__form--element {
    display: flex;
    flex-direction: column;
}

.collection__form--element .error {    
    border-color: red;
}

.collection__form--element.hidden {
    display: none;
}

.collection__form--element .error-message {
    color:red;
    font-size:0.75rem;
    font-weight:500;
    margin-top:4px;
}

.collection__form--element.service-form .error-message {
    margin-top: -5px;
    margin-bottom: 10px;
}

.collection__form--element.service-form .btn-wrap button {
    width: min-content;
}
.collection__form--element.service-form .required-notification {
    font-size:0.9em;
}

.collection__form .collection__form--element .custom-select {
  height: var(--input_height);
  line-height: calc(var(--input_height) - 4px);
  padding: 0px var(--input_padding);
  outline: none;
  border-radius: var(--border_radius);
  font-size: 1em;
  text-transform: none;
  background: var(--input_bg);
  border: var(--input_border);
}
.collection__form .collection__form--element .custom-select .text,
.collection__form .collection__form--element .custom-select .menu .item {
  text-transform: none;
}


.grecaptcha-badge {
    display: none;
}

.custom-file-upload {
    display: flex;
    align-items: center;
    gap: 1em;
}
.custom-file-upload.gap-0 {
  gap: 0;
}

.custom-file-upload .btn {
    /* Gebruik je bestaande shop button styling */
    cursor: pointer;
    font-size: 0.9em;
}

.file-upload__filename {
    font-size: 0.95em;
    color: #666;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
