/* ByteMike Support-Formular – alles unter .bmsf, Farben aus dem Kadence-Theme.
   Bewusst schlicht: Das Formular soll wie der Rest der Seite aussehen, nicht wie ein Widget. */

.bmsf {
    max-width: 640px;
    margin: 0 auto;
}

.bmsf-feld {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1.25rem;
}

.bmsf-feld label {
    font-weight: 600;
}

.bmsf-feld input[type="email"],
.bmsf-feld input[type="text"],
.bmsf-feld select,
.bmsf-feld textarea {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--global-gray-400, #c3c4c7);
    border-radius: 6px;
    background: var(--global-palette9, #fff);
    color: inherit;
    font: inherit;
}

.bmsf-feld textarea {
    resize: vertical;
    min-height: 10rem;
}

.bmsf-hinweis {
    font-size: 0.85rem;
    opacity: 0.8;
}

/* Honeypot: für Menschen unsichtbar, aber nicht display:none – manche Bots meiden das. */
.bmsf-honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.bmsf-turnstile {
    margin: 1rem 0;
}

.bmsf-status:empty {
    display: none;
}

.bmsf-status {
    padding: 0.7rem 0.9rem;
    border-radius: 6px;
    font-size: 0.95rem;
}

.bmsf-status-fehler {
    background: #fdecea;
    border: 1px solid #f2b8b5;
    color: #8c1d18;
}

.bmsf-status-hinweis {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #303f9f;
}

.bmsf-datenschutz {
    font-size: 0.85rem;
    opacity: 0.8;
}

.bmsf-senden {
    padding: 0.65rem 1.4rem;
    border: 0;
    border-radius: 6px;
    background: var(--global-palette1, #00c8ff);
    /* Dunkle Schrift, nicht weiß: Die Akzentfarbe des Themes ist ein helles Cyan
       (#00c8ff). Weiß darauf kommt auf 1,96:1 Kontrast, die dunkelste Palettenfarbe
       auf rund 10:1. */
    color: var(--global-palette9, #06080f);
    font-weight: 600;
    cursor: pointer;
}

.bmsf-senden[disabled] {
    opacity: 0.6;
    cursor: default;
}

.bmsf-erfolg {
    padding: 1.5rem;
    border: 1px solid var(--global-gray-400, #c3c4c7);
    border-radius: 8px;
    text-align: center;
}

.bmsf-ticket {
    font-family: ui-monospace, Menlo, Consolas, monospace;
}

.bmsf-fehler {
    padding: 1rem;
    border: 1px solid #f2b8b5;
    border-radius: 6px;
    background: #fdecea;
    color: #8c1d18;
}

@media (prefers-color-scheme: dark) {
    .bmsf-feld input[type="email"],
    .bmsf-feld input[type="text"],
    .bmsf-feld select,
    .bmsf-feld textarea {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.25);
    }
}