/* Overrides & Functional CSS */
.wpgb-facet fieldset:last-child {
    margin: 0px !important;
  }
  
  .funnel-form-overlay {
    display: none;
  }
  

/* Bewerbungs Funnel SINGLE PREVIEW */
.preview-notice {
    background-color: #fffde7;
    color: #795548;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 6px;
    border: 1px solid #ffd54f;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
}

.preview-form-messages .preview-success-message {
    display: none;
    background-color: #e8f5e9;
    color: #2e7d32;
    padding: 16px;
    border-radius: 6px;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #a5d6a7;
}

.preview-form .preview-submit-button {
    background-color: #4a4a4a; /* Different color to indicate preview mode */
    position: relative;
}

.preview-form .preview-submit-button:after {
    content: '(Vorschau)';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #777;
    white-space: nowrap;
}

.preview-mode .funnel-progress {
    background-color: #4a4a4a; /* Different color in preview mode */
}

/* Add a subtle watermark to indicate preview mode */
.preview-form {
    position: relative;
}

.preview-form:before {
    content: 'VORSCHAU';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 80px;
    color: rgba(200, 200, 200, 0.2);
    pointer-events: none;
    z-index: 1;
    white-space: nowrap;
}

/* Make sure the preview form doesn't actually submit */
.preview-form button[type="submit"],
.preview-form input[type="submit"] {
    pointer-events: none;
}

/* Ensure all form elements remain visible above the watermark */
.preview-form .form-field-wrapper {
    position: relative;
    z-index: 2;
}

/* Style differences for preview answer buttons */
.preview-answer {
    background-color: #4a4a4a; /* Different color for preview mode */
}

/* Make it clear that file inputs won't actually upload */
.preview-form .file-upload-wrapper:after {
    content: '(Keine echte Dateiübertragung in der Vorschau)';
    display: block;
    font-size: 12px;
    color: #777;
    margin-top: 5px;
    font-style: italic;
}