/* TavernWall v5.1 Features 1-4: feed filters, improved challenges, wall moderation, guestbook */

.feed-filter-card {
    margin-top: 18px;
}

.feed-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.feed-filter-bar a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    border: 1px solid rgba(155,119,72,.75);
    border-radius: 999px;
    background: rgba(0,0,0,.16);
    color: var(--text);
    font-weight: 800;
    text-decoration: none;
}

.feed-filter-bar a:hover,
.feed-filter-bar a.active {
    color: var(--tw-gold, #ffd955);
    border-color: var(--tw-gold, #ffd955);
    background: rgba(255,217,85,.12);
}

.hidden-field {
    display: none !important;
}

.battle-challenge-box {
    margin: 14px 0;
    padding: 14px;
    border: 1px solid rgba(255, 217, 85, .35);
    border-left: 5px solid var(--tw-gold, #ffd955);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(255, 217, 85, .08), transparent 28%),
        rgba(0, 0, 0, .18);
}

.battle-challenge-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 8px;
}

.battle-challenge-head h4 {
    margin: 0 0 4px;
    font-family: MedievalSharp, cursive;
    color: var(--tw-gold, #ffd955);
    font-size: 24px;
}

.challenge-status {
    display: inline-flex;
    padding: 5px 10px;
    border: 1px solid rgba(255,217,85,.45);
    border-radius: 999px;
    background: rgba(255,217,85,.11);
    color: var(--tw-gold, #ffd955);
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.challenge-summary {
    margin-top: 10px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(155,119,72,.55);
    background: rgba(0,0,0,.18);
    line-height: 1.65;
}

.inline-action-form {
    display: inline-flex;
    margin-right: 8px;
}

.battle-challenge-list-card {
    padding: 14px;
    margin: 12px 0;
    border: 1px solid rgba(155,119,72,.7);
    border-left: 5px solid var(--tw-gold, #ffd955);
    border-radius: 16px;
    background: rgba(0,0,0,.14);
}

.challenge-history-row {
    padding: 10px 0;
    border-bottom: 1px solid rgba(155,119,72,.3);
}

.status-completed {
    border-left-color: #6f9d5f;
}

.status-cancelled,
.status-declined {
    border-left-color: #9f3d32;
}

.pinned-post {
    border-left-color: var(--tw-gold, #ffd955) !important;
    box-shadow:
        0 16px 34px rgba(0,0,0,.42),
        0 0 0 1px rgba(255,217,85,.20) !important;
}

.pending-post {
    opacity: .88;
    border-left-color: #cc8f3a !important;
}

.tiny-inline-form {
    display: inline-flex;
    margin: 2px;
}

.tiny-inline-form button {
    padding: 6px 8px;
    font-size: 12px;
}

.guestbook-entry {
    padding: 12px 0;
    border-bottom: 1px solid rgba(155,119,72,.32);
}

.guestbook-entry p {
    margin: 8px 0;
    line-height: 1.55;
}

.guestbook-entry.hidden-entry {
    opacity: .65;
}

.checkbox-row {
    display: flex !important;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(155,119,72,.55);
    border-radius: 14px;
    padding: 10px 12px;
    background: rgba(0,0,0,.12);
}

.checkbox-row input {
    width: auto !important;
}

.tw-panel.active {
    display: grid !important;
}

.tw-panel {
    display: none !important;
}

@media (max-width: 720px) {
    .feed-filter-bar a {
        flex: 1 1 100%;
    }

    .battle-challenge-head {
        display: block;
    }

    .inline-action-form {
        display: block;
        margin: 8px 0;
    }
}