/**
 * WPX Forum: Farben über CSS-Variablen (Theme-Standard oder UI-Farben).
 */

/* ——— Primär-Buttons: Outline im Ruhezustand, Hover = gefüllt ——— */
.wpxf-appearance-scope .wpxf-btn-primary,
.wpxf-appearance-scope .button-primary,
.wpxf-appearance-scope .button.button-primary,
.wpxf-appearance-scope .wpxf-button:not(.wpxf-button--ghost):not(.wpxf-button--danger),
.wpxf-appearance-scope a.wpxf-forum-tile-btn.wpxf-button,
.wpxf-appearance-scope .wpxf-reply-form button[type="submit"],
.wpxf-appearance-scope .wpxf-reply-form .wpxf-form-action-btn,
.wpxf-appearance-scope .wpxf-toolbar button,
.wpxf-appearance-scope .wpxf-search-inline .wpxf-button,
.wpxf-appearance-scope .wpxf-report-form__actions .button-primary {
    background: #fff !important;
    border: 2px solid var(--wpxf-button-bg, var(--wpxf-primary, #F08060)) !important;
    color: var(--wpxf-button-bg, var(--wpxf-primary, #F08060)) !important;
    border-radius: 8px;
}

.wpxf-appearance-scope .wpxf-btn-primary:hover,
.wpxf-appearance-scope .wpxf-btn-primary:focus,
.wpxf-appearance-scope .wpxf-btn-primary:focus-visible,
.wpxf-appearance-scope .button-primary:hover,
.wpxf-appearance-scope .button-primary:focus,
.wpxf-appearance-scope .button.button-primary:hover,
.wpxf-appearance-scope .button.button-primary:focus,
.wpxf-appearance-scope .wpxf-button:not(.wpxf-button--ghost):not(.wpxf-button--danger):hover,
.wpxf-appearance-scope .wpxf-button:not(.wpxf-button--ghost):not(.wpxf-button--danger):focus,
.wpxf-appearance-scope .wpxf-button:not(.wpxf-button--ghost):not(.wpxf-button--danger):focus-visible,
.wpxf-appearance-scope a.wpxf-forum-tile-btn.wpxf-button:hover,
.wpxf-appearance-scope a.wpxf-forum-tile-btn.wpxf-button:focus,
.wpxf-appearance-scope a.wpxf-forum-tile-btn.wpxf-button:focus-visible,
.wpxf-appearance-scope .wpxf-reply-form button[type="submit"]:hover,
.wpxf-appearance-scope .wpxf-reply-form button[type="submit"]:focus,
.wpxf-appearance-scope .wpxf-reply-form .wpxf-form-action-btn:hover,
.wpxf-appearance-scope .wpxf-reply-form .wpxf-form-action-btn:focus,
.wpxf-appearance-scope .wpxf-toolbar button:hover,
.wpxf-appearance-scope .wpxf-toolbar button:focus,
.wpxf-appearance-scope .wpxf-search-inline .wpxf-button:hover,
.wpxf-appearance-scope .wpxf-search-inline .wpxf-button:focus,
.wpxf-appearance-scope .wpxf-report-form__actions .button-primary:hover,
.wpxf-appearance-scope .wpxf-report-form__actions .button-primary:focus {
    background: var(--wpxf-button-bg-hover, var(--wpxf-primary-hover, var(--wpxf-button-bg, var(--wpxf-primary, #F08060)))) !important;
    border-color: var(--wpxf-button-bg-hover, var(--wpxf-primary-hover, var(--wpxf-button-bg, var(--wpxf-primary, #F08060)))) !important;
    color: var(--wpxf-button-text-hover, var(--wpxf-button-text, #fff)) !important;
}

.wpxf-appearance-scope .wpxf-reply-form a.wpxf-form-action-btn,
.wpxf-appearance-scope .wpxf-reply-form a.wpxf-form-action-btn:visited {
    background: #fff !important;
    border: 2px solid var(--wpxf-button-bg, var(--wpxf-primary, #F08060)) !important;
    color: var(--wpxf-button-bg, var(--wpxf-primary, #F08060)) !important;
}

.wpxf-appearance-scope .wpxf-reply-form a.wpxf-form-action-btn:hover,
.wpxf-appearance-scope .wpxf-reply-form a.wpxf-form-action-btn:focus {
    background: var(--wpxf-button-bg-hover, var(--wpxf-primary-hover, var(--wpxf-button-bg, var(--zusammen-cta, #F08060)))) !important;
    border-color: var(--wpxf-button-bg-hover, var(--wpxf-primary-hover, var(--wpxf-button-bg, var(--zusammen-cta, #F08060)))) !important;
    color: var(--wpxf-button-text-hover, var(--wpxf-button-text, #fff)) !important;
}

/* ——— Sekundär- / Outline-Buttons ——— */
.wpxf-appearance-scope .button:not(.button-primary):not(.button-link):not(.button-link-delete),
.wpxf-appearance-scope .wpxf-button--ghost,
.wpxf-appearance-scope a.wpxf-button.wpxf-button--ghost,
.wpxf-appearance-scope .wpxf-report-form__actions .wpxf-report-cancel.button,
.wpxf-appearance-scope .wpxf-reply-cancel.button,
.wpxf-appearance-scope .wpxf-move-cancel.button,
.wpxf-appearance-scope .wpxf-link-cancel.button,
.wpxf-appearance-scope .wpxf-blacklist-close.button {
    background: #fff !important;
    border: 2px solid var(--wpxf-button-secondary-bg, var(--wpxf-button-bg, var(--wpxf-primary, #F08060))) !important;
    color: var(--wpxf-button-secondary-bg, var(--wpxf-button-bg, var(--wpxf-primary, #F08060))) !important;
    border-radius: 8px;
}

.wpxf-appearance-scope .button:not(.button-primary):not(.button-link):not(.button-link-delete):hover,
.wpxf-appearance-scope .button:not(.button-primary):not(.button-link):not(.button-link-delete):focus,
.wpxf-appearance-scope .wpxf-button--ghost:hover,
.wpxf-appearance-scope .wpxf-button--ghost:focus,
.wpxf-appearance-scope a.wpxf-button.wpxf-button--ghost:hover,
.wpxf-appearance-scope a.wpxf-button.wpxf-button--ghost:focus,
.wpxf-appearance-scope .wpxf-report-form__actions .wpxf-report-cancel.button:hover,
.wpxf-appearance-scope .wpxf-report-form__actions .wpxf-report-cancel.button:focus,
.wpxf-appearance-scope .wpxf-reply-cancel.button:hover,
.wpxf-appearance-scope .wpxf-move-cancel.button:hover,
.wpxf-appearance-scope .wpxf-link-cancel.button:hover,
.wpxf-appearance-scope .wpxf-blacklist-close.button:hover {
    background: var(--wpxf-button-secondary-bg-hover, var(--wpxf-button-bg-hover, var(--wpxf-button-bg, var(--zusammen-cta-hover, #E8544F)))) !important;
    border-color: var(--wpxf-button-secondary-bg-hover, var(--wpxf-button-bg-hover, var(--wpxf-button-bg, var(--zusammen-cta-hover, #E8544F)))) !important;
    color: var(--wpxf-button-secondary-text-hover, var(--wpxf-button-text-hover, var(--wpxf-button-text, #fff))) !important;
}

/* ——— Gefahr / endgültig löschen: gleiches Format, rote Outline ——— */
.wpxf-appearance-scope .wpxf-button--danger,
.wpxf-appearance-scope a.wpxf-button.wpxf-button--danger,
.wpxf-appearance-scope button.wpxf-button.wpxf-button--danger {
    background: #fff !important;
    border: 2px solid #b32d2e !important;
    color: #b32d2e !important;
    border-radius: 8px;
}

.wpxf-appearance-scope .wpxf-button--danger:hover,
.wpxf-appearance-scope .wpxf-button--danger:focus,
.wpxf-appearance-scope .wpxf-button--danger:focus-visible,
.wpxf-appearance-scope a.wpxf-button.wpxf-button--danger:hover,
.wpxf-appearance-scope a.wpxf-button.wpxf-button--danger:focus,
.wpxf-appearance-scope button.wpxf-button.wpxf-button--danger:hover,
.wpxf-appearance-scope button.wpxf-button.wpxf-button--danger:focus {
    background: #b32d2e !important;
    border-color: #8a2424 !important;
    color: #fff !important;
}

/* Link-Buttons */
.wpxf-appearance-scope .button-link {
    color: var(--wpxf-link, var(--zusammen-link, #2A6B6B));
    background: transparent;
    border-color: transparent;
}

.wpxf-appearance-scope .button-link:hover,
.wpxf-appearance-scope .button-link:focus {
    color: var(--wpxf-button-bg-hover, var(--wpxf-primary-hover, var(--wpxf-button-bg, var(--zusammen-cta, #F08060))));
}

/* Menü-Leisten: Hover wie Primär — nur echte Maus (kein sticky :hover beim Touch-Scroll) */
@media (hover: hover) and (pointer: fine) {
    .wpxf-appearance-scope .wpxf-topic-admin-bar__btn:hover,
    .wpxf-appearance-scope .wpxf-post-menu__item:hover {
        background: var(--wpxf-button-bg, var(--wpxf-primary, #F08060));
        color: var(--wpxf-button-text, #fff) !important;
    }
    .wpxf-appearance-scope .wpxf-topic-admin-bar__btn:hover .dashicons,
    .wpxf-appearance-scope .wpxf-post-menu__item:hover .dashicons {
        color: #fff;
    }
}
.wpxf-appearance-scope .wpxf-topic-admin-bar__btn:focus-visible,
.wpxf-appearance-scope .wpxf-post-menu__item:focus-visible {
    background: var(--wpxf-button-bg, var(--wpxf-primary, #F08060));
    color: var(--wpxf-button-text, #fff) !important;
}
.wpxf-appearance-scope .wpxf-topic-admin-bar__btn:focus-visible .dashicons,
.wpxf-appearance-scope .wpxf-post-menu__item:focus-visible .dashicons {
    color: #fff;
}

/* Zurück-Navigation: wie CCM .ccm-back-to-list (gefüllt, weiß) */
.wpxf-appearance-scope .wpxf-topic-back-forum.wpxf-button,
.wpxf-appearance-scope a.wpxf-button.wpxf-topic-back-forum {
    background: var(--wpxf-button-bg, var(--wpxf-primary, #F08060)) !important;
    border: 2px solid var(--wpxf-button-bg, var(--wpxf-primary, #F08060)) !important;
    color: var(--wpxf-button-text, #fff) !important;
    border-radius: 8px !important;
}

.wpxf-appearance-scope .wpxf-topic-back-forum.wpxf-button:hover,
.wpxf-appearance-scope .wpxf-topic-back-forum.wpxf-button:focus,
.wpxf-appearance-scope .wpxf-topic-back-forum.wpxf-button:focus-visible,
.wpxf-appearance-scope a.wpxf-button.wpxf-topic-back-forum:hover,
.wpxf-appearance-scope a.wpxf-button.wpxf-topic-back-forum:focus,
.wpxf-appearance-scope a.wpxf-button.wpxf-topic-back-forum:focus-visible {
    background: var(--wpxf-button-bg-hover, var(--wpxf-primary-hover, var(--wpxf-button-bg, var(--zusammen-cta, #F08060)))) !important;
    border-color: var(--wpxf-button-bg-hover, var(--wpxf-primary-hover, var(--wpxf-button-bg, var(--zusammen-cta, #F08060)))) !important;
    color: var(--wpxf-button-text-hover, var(--wpxf-button-text, #fff)) !important;
}

/* Pagination-Aktiv */
.wpxf-appearance-scope .wpxf-pagination a.current,
.wpxf-appearance-scope .wpxf-pagination a.wpxf-pagination__num.current,
.wpxf-appearance-scope .wpxf-pagination a.wpxf-pagination__num:hover,
.wpxf-appearance-scope .wpxf-pagination a.wpxf-pagination__nav:hover {
    background: var(--wpxf-active-bg, var(--zusammen-active-bg, #D4EDED));
    border-color: var(--wpxf-button-bg, var(--wpxf-primary, #F08060));
    color: var(--wpxf-button-bg, var(--wpxf-primary, #F08060));
}

.wpxf-appearance-scope .wpxf-pagination a.wpxf-pagination__nav {
    color: var(--wpxf-link, var(--zusammen-link, #2A6B6B));
}

.wpxf-appearance-scope .wpxf-editor-btn {
    background: #fff;
    border: 2px solid var(--wpxf-button-bg, var(--wpxf-primary, #F08060));
    color: var(--wpxf-button-bg, var(--wpxf-primary, #F08060));
}

.wpxf-appearance-scope .wpxf-editor-btn:hover,
.wpxf-appearance-scope .wpxf-editor-btn:focus-visible {
    background: var(--wpxf-button-bg-hover, var(--wpxf-primary-hover, var(--wpxf-button-bg, var(--zusammen-cta, #F08060))));
    border-color: var(--wpxf-button-bg-hover, var(--wpxf-primary-hover, var(--wpxf-button-bg, var(--zusammen-cta, #F08060))));
    color: var(--wpxf-button-text-hover, var(--wpxf-button-text, #fff));
}

/* Links & Basis */
.wpxf-appearance-scope a {
    color: var(--wpxf-link, var(--zusammen-link, #2A6B6B));
}

.wpxf-appearance-scope {
    color: var(--wpxf-text, var(--zusammen-text, #4A6A6A));
    background: var(--wpxf-surface, #fff);
}

/* Landing-Liste sitzt auf dunklem Teal — kein weißer Surface-Kasten */
.wpxf-appearance-scope.wpxf-aktive-themen-landing,
.wpxf-aktive-themen-landing {
    background: transparent;
}

.wpxf-appearance-scope .wpxf-post-head {
    background: var(--wpxf-post-head-bg, #F9EFE6);
}

.wpxf-appearance-scope .wpxf-topic-admin-bar,
.wpxf-appearance-scope .wpxf-post-menu {
    background: var(--wpxf-menu-bg, #fcf9e8);
    border-color: var(--wpxf-menu-border, #dba617);
    color: var(--wpxf-menu-text, var(--zusammen-text, #4A6A6A));
}

.wpxf-appearance-scope .wpxf-topic-admin-bar,
.wpxf-appearance-scope .wpxf-topic-admin-bar a,
.wpxf-appearance-scope .wpxf-post-menu,
.wpxf-appearance-scope .wpxf-post-menu a,
.wpxf-appearance-scope .wpxf-post-menu__item {
    color: var(--wpxf-menu-text, var(--zusammen-text, #4A6A6A));
}

.wpxf-appearance-scope .dashicons {
    color: var(--wpxf-icon, #2a6b6b);
}

.wpxf-appearance-scope .wpxf-topic-admin-bar .dashicons,
.wpxf-appearance-scope .wpxf-post-menu .dashicons {
    color: inherit;
}

.wpxf-appearance-scope .wpxf-ico-ghost svg {
    fill: var(--wpxf-icon, #2a6b6b);
    stroke: var(--wpxf-icon, #2a6b6b);
}

/* Kacheln & Listen */
.wpxf-appearance-scope .wpxf-forum-tile--card,
.wpxf-appearance-scope .wpxf-forum-row {
    background: var(--wpxf-surface);
    border-color: var(--wpxf-border);
    color: var(--wpxf-text);
}

.wpxf-appearance-scope .wpxf-forum-tile-body h3 a,
.wpxf-appearance-scope .wpxf-forum-main-text h3 a {
    color: var(--wpxf-text);
}

.wpxf-appearance-scope .wpxf-forum-tile-body h3 a:hover,
.wpxf-appearance-scope .wpxf-forum-main-text h3 a:hover {
    color: var(--wpxf-link);
}

.wpxf-appearance-scope .wpxf-forum-tile-body .wpxf-desc,
.wpxf-appearance-scope .wpxf-forum-tile-count,
.wpxf-appearance-scope .wpxf-forum-meta,
.wpxf-appearance-scope .wpxf-forum-lastpost-line,
.wpxf-appearance-scope .wpxf-forum-lastpost-empty {
    color: var(--wpxf-text-muted);
}

.wpxf-appearance-scope .wpxf-forum-lastpost-label,
.wpxf-appearance-scope .wpxf-forum-lastpost-author {
    color: var(--wpxf-text);
}

.wpxf-appearance-scope .wpxf-forum-lastpost-topic,
.wpxf-appearance-scope .wpxf-forum-lastpost-label .wpxf-topic-icon--ghost {
    color: var(--wpxf-link);
}

.wpxf-appearance-scope .wpxf-forum-tile-hero--placeholder {
    background: linear-gradient(145deg, var(--wpxf-active-bg), var(--wpxf-surface-muted));
    color: var(--wpxf-text-muted);
}

.wpxf-appearance-scope .wpxf-forum-tile-lastpost,
.wpxf-appearance-scope .wpxf-forum-tile-lastpost--ghost,
.wpxf-appearance-scope .wpxf-forum-row-lastpost,
.wpxf-appearance-scope .wpxf-forum-row-lastpost--ghost {
    background: var(--wpxf-notice-warning-bg);
    border-color: var(--wpxf-notice-warning-border);
    border-top-color: var(--wpxf-notice-warning-border);
    border-bottom-color: var(--wpxf-notice-warning-border);
}

.wpxf-appearance-scope .wpxf-category-title {
    border-bottom-color: var(--wpxf-border);
}

.wpxf-appearance-scope .wpxf-forum-tile--ghost,
.wpxf-appearance-scope .wpxf-forum-row--ghost {
    background: var(--wpxf-active-bg);
    border-color: var(--wpxf-active-border);
}