/* eizellspende.eu – Ergänzungen zu presentation.css / eizellspende.css (Altsystem) für den Neubau */

/* Spam-Schutz: Honeypot-Feld für Menschen unsichtbar */
.form-hp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ---------- Google Maps / YouTube: 2-Klick-Lösung ---------- */
.map-consent,
.video-consent {
    width: 100%;
    background: #f9ebf1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 1rem;
}
.map-consent { aspect-ratio: 9 / 8; max-height: 450px; }
.video-consent { aspect-ratio: 16 / 9; max-height: 315px; }
.map-consent-placeholder,
.video-consent-placeholder { padding: 1.5rem; }
.map-consent iframe,
.video-consent iframe { width: 100%; height: 100%; border: 0; }

/* ---------- Lightbox (Ersatz für Colorbox) ---------- */
.lightbox-dialog {
    border: 0;
    padding: 0;
    max-width: 90vw;
    max-height: 90vh;
    background: #fff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .4);
}
.lightbox-dialog::backdrop { background: rgba(0, 0, 0, .75); }
.lightbox-dialog img { display: block; max-width: 90vw; max-height: calc(90vh - 3rem); }
.lightbox-dialog .lightbox-bar {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    font-size: .875rem;
}
.lightbox-dialog .lightbox-title { flex: 1; }
.lightbox-dialog button { border: 0; background: none; font-size: 1.5rem; line-height: 1; cursor: pointer; }

/* ---------- Formulare: Meldungen ---------- */
.form-message { padding: 1em; margin: 1em 0; border-radius: 3px; }
.form-message.ok { background: #eef6ee; border: 1px solid #9fc79f; }
.form-message.error { background: #fbeaea; border: 1px solid #e0a0a0; }
.field-validation-error { color: #c0392b; font-size: .9em; display: block; }