/* ================================================
   Schnellantwort — showthread_quickreply
   fading-to-dust.de
   ================================================ */

.qr-toggle-cb { display: none; }

.qr-wrap {
    border: 0.5px solid #c9a8b2;
    background: rgba(245, 238, 240, 0.3);
    margin-bottom: 1rem;
}

.qr-thead {
    display: flex;
    align-items: stretch;
    gap: 14px;
    padding: 18px 24px;
    background: rgba(245, 238, 240, 0.8);
    cursor: pointer;
    user-select: none;
}

.qr-vline {
    width: 2px;
    background: linear-gradient(180deg, #ffdde0, #806c9a);
    border-radius: 2px;
    flex-shrink: 0;
    min-height: 28px;
    align-self: stretch;
}

.qr-title {
    font-family: 'DMSerifDisplay-Regular', 'DM Serif Display', Georgia, serif;
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
    color: #3d1f2e;
    align-self: center;
}

.qr-toggle-hint {
    margin-left: auto;
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #c9a8b2;
    align-self: center;
    font-family: 'Jost', sans-serif;
}

.qr-toggle-hint::after { content: '▼'; }
.qr-toggle-cb:checked ~ form .qr-toggle-hint::after { content: '▼'; }
.qr-toggle-cb:not(:checked) ~ form .qr-toggle-hint::after { content: '▲'; }

/* Body — standardmäßig offen */
.qr-body-wrap {
    overflow: hidden;
    max-height: 600px;
    transition: max-height 0.35s ease;
}

.qr-toggle-cb:checked ~ form .qr-body-wrap {
    max-height: 0;
}

.qr-body {
    padding: 24px;
}

.qr-textarea {
    width: 100% !important;
    background: rgba(245, 238, 240, 0.6);
    border: 0.5px solid #c9a8b2;
    resize: vertical;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    color: #3b3b3b;
    padding: 12px;
    min-height: 120px;
    outline: none;
    transition: border-color 0.2s;
    display: block;
    box-sizing: border-box;
}

.qr-textarea:focus { border-color: #806c9a; }

/* Footer */
.qr-footer {
    background: linear-gradient(190deg, rgba(255,221,224,0.5) 5%, rgba(128,108,154,0.45) 70%);
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 24px;
}

.qr-footer-spacer { flex: 1; }

.qr-opt-check {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Jost', sans-serif;
    font-size: 9px;
    color: #fce8ef;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.qr-btn {
    background: transparent;
    border: none;
    border-bottom: 2px solid #c9a8b2;
    border-radius: 0;
    padding: 8px 22px;
    font-size: 8px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #9b7080;
    font-family: 'Jost', sans-serif;
    cursor: pointer;
    transition: color 0.2s, border-bottom-color 0.2s;
}

.qr-btn:hover {
    color: #3d1f2e;
    border-bottom-color: #806c9a;
    background: transparent;
    border-radius: 0;
}

.qr-btn-primary {
    border-bottom-color: #806c9a;
    color: #3d1f2e;
}

.qr-btn-primary:hover {
    color: #806c9a;
}