/* HdKD Event-Anmeldung — Frontend (R1, v5.26.0).
   Selbst-enthaltenes, theme-neutrales Formular-Styling. */
.hdkd-anm-form {
    --anm-accent: #1f8f4a;
    --anm-border: #d9d9d9;
    --anm-radius: 8px;
    max-width: 640px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.5;
}
.hdkd-anm-head { margin-bottom: 18px; }
.hdkd-anm-title { margin: 0 0 4px; font-size: 1.35em; line-height: 1.2; }
.hdkd-anm-date { margin: 0 0 6px; font-weight: 600; color: #444; }
.hdkd-anm-free {
    margin: 0 0 6px; display: inline-block; padding: 3px 10px;
    border-radius: 999px; background: rgba(31, 143, 74, .12);
    color: #14502c; font-size: .9em; font-weight: 600;
}
.hdkd-anm-intro { margin: 8px 0 0; color: #555; }

.hdkd-anm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; }
.hdkd-anm-full { grid-column: 1 / -1; }
.hdkd-anm-half { grid-column: span 1; }
.hdkd-anm-grid label {
    display: flex; flex-direction: column; gap: 4px;
    font-size: .85em; font-weight: 600; color: #333;
}
.hdkd-anm-grid input,
.hdkd-anm-grid textarea {
    font: inherit; font-weight: 400; padding: 9px 11px;
    border: 1px solid var(--anm-border); border-radius: var(--anm-radius);
    background: #fff; color: #1a1a1a; width: 100%; box-sizing: border-box;
}
.hdkd-anm-grid input:focus,
.hdkd-anm-grid textarea:focus {
    outline: none; border-color: var(--anm-accent);
    box-shadow: 0 0 0 3px rgba(31, 143, 74, .15);
}
.hdkd-anm-invalid {
    border-color: #d63638 !important;
    box-shadow: 0 0 0 3px rgba(214, 54, 56, .12) !important;
}

/* Telefon: Vorwahl-Dropdown + Nummernfeld (v5.27.0) */
.hdkd-anm-grid select {
    font: inherit; padding: 9px 8px;
    border: 1px solid var(--anm-border); border-radius: var(--anm-radius);
    background: #fff; color: #1a1a1a; box-sizing: border-box;
}
.hdkd-anm-tel { display: flex; gap: 8px; }
.hdkd-anm-tel select { flex: 0 0 auto; width: 150px; }
.hdkd-anm-tel input { flex: 1; min-width: 0; }

/* Honeypot: fuer Menschen unsichtbar, aber im DOM (Bots fuellen es aus). */
.hdkd-anm-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px; height: 1px; overflow: hidden;
}

.hdkd-anm-ds { margin: 14px 0 0; font-size: .9em; color: #555; }
.hdkd-anm-ds a { color: var(--anm-accent); }

.hdkd-anm-actions { margin-top: 16px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.hdkd-anm-submit {
    font: inherit; font-weight: 600; cursor: pointer;
    padding: 11px 22px; border: 0; border-radius: var(--anm-radius);
    background: var(--anm-accent); color: #fff;
    transition: background .15s ease, transform .05s ease;
}
.hdkd-anm-submit:hover { background: #1a7a3f; }
.hdkd-anm-submit:active { transform: translateY(1px); }
.hdkd-anm-submit:disabled { opacity: .6; cursor: default; }

.hdkd-anm-msg { font-size: .9em; }
.hdkd-anm-err { color: #d63638; font-weight: 600; }
.hdkd-anm-done {
    margin: 8px 0 0; padding: 14px 16px; border-radius: var(--anm-radius);
    background: rgba(31, 143, 74, .1); color: #14502c; font-weight: 600;
}
.hdkd-anm-note {
    margin: 0; padding: 14px 16px; border-radius: var(--anm-radius);
    background: #f5f5f5; color: #555;
}

@media (max-width: 480px) {
    .hdkd-anm-grid { grid-template-columns: 1fr; }
}