/**
 * RPG Direct Speech - Stylesheet
 * Über CSS-Variablen im Theme leicht anpassbar.
 */

.rpg-directspeech,
.rpg-directspeech-button {
    --rpg-directspeech-color:        inherit;
    --rpg-directspeech-weight:       700;
    --rpg-directspeech-btn-bg:       #f0f0f0;
    --rpg-directspeech-btn-color:    #333;
    --rpg-directspeech-btn-radius:   4px;
}

/* Hervorgehobene wörtliche Rede in Beiträgen */
.rpg-directspeech {
    font-weight: var(--rpg-directspeech-weight);
    color: var(--rpg-directspeech-color);
}

/* Toggle-Button im Showthread */
.rpg-directspeech-button {
    display: inline-block;
    padding: 0.3rem 0.7rem;
    margin-right: 0.4rem;
    font-size: 0.85rem;
    border-radius: var(--rpg-directspeech-btn-radius);
    background-color: var(--rpg-directspeech-btn-bg);
    color: var(--rpg-directspeech-btn-color);
    text-decoration: none;
    cursor: pointer;
}

.rpg-directspeech-button:hover {
    text-decoration: none;
    opacity: 0.85;
}

/* UserCP-Sektion (Optionen-Reiter)
   Wird oberhalb des .rpg-ucp-options-grid als eigenständige Sektion gerendert.
   Die Section-Optik (Padding, Border, Title) kommt aus rpg_ucp_manager.css. */
.rpg-directspeech-ucp__description {
    /* Abstand zum darunter folgenden Select */
    margin: 0 0 0.75rem 0;
}

.rpg-directspeech-ucp__select {
    /* Select nicht full-width — wirkt sonst überdimensioniert in der Sektion.
       Mobile fällt automatisch auf 100% zurück. */
    max-width: 360px;
}