/* Ergänzungen zu Pico CSS */

.site-header {
    padding-top: 1rem;
    padding-bottom: 0;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    color: var(--pico-color);
}

.brand-logo {
    height: 2.5rem;
    width: auto;
}

.site-footer {
    padding-top: 0;
}

.site-footer a + a {
    margin-left: 1rem;
}

.event-facts {
    color: var(--pico-muted-color);
}

.table-scroll {
    overflow-x: auto;
}

/* Honeypot: für Menschen unsichtbar, aber nicht per display:none (das erkennen manche Bots). */
.hp-field {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.price-box {
    padding: var(--pico-spacing);
    border-radius: var(--pico-border-radius);
    background: var(--pico-card-sectioning-background-color);
    margin-bottom: var(--pico-spacing);
}

.price-box strong {
    font-size: 1.25rem;
}

.field-errors {
    display: block;
    color: var(--pico-del-color);
    margin-top: -0.5rem;
    margin-bottom: var(--pico-spacing);
}

.form-errors {
    border-left: 4px solid var(--pico-del-color);
}

.payment-details dt {
    color: var(--pico-muted-color);
    font-size: 0.875rem;
}

.payment-details dd {
    margin: 0 0 0.75rem;
    font-weight: 600;
}

.girocode svg {
    max-width: 220px;
    height: auto;
    background: #fff;
    border-radius: var(--pico-border-radius);
}

altcha-widget {
    display: block;
    margin-bottom: var(--pico-spacing);
}

.message-success {
    border-left: 4px solid var(--pico-ins-color);
}

.message-error {
    border-left: 4px solid var(--pico-del-color);
}

.message-info {
    border-left: 4px solid var(--pico-primary);
}

.danger-zone summary {
    color: var(--pico-del-color);
}

button.danger {
    --pico-background-color: var(--pico-del-color);
    --pico-border-color: var(--pico-del-color);
}