/* Forum : structure UnivActif conservée à l'identique, palette Webtoons uniquement. */
.blackclover-forum-page {
    --red: #00dc8c;
    --ink: #f8f2e7;
    --muted: #a9b9af;
    --line: rgba(0, 220, 140, .24);
    --panel: #061b16;
    --background: #020d0b;
    --forum-read-blue: #69c68a;
    --forum-read-blue-strong: #8bd1a7;
    --forum-read-blue-soft: rgba(36, 107, 70, .22);
    background:
        radial-gradient(circle at 88% 4%, rgba(0, 220, 140, .1), transparent 24rem),
        radial-gradient(circle at 8% 22%, rgba(36, 107, 70, .2), transparent 28rem),
        linear-gradient(180deg, #010806, #02120f 46%, #020b09);
    color: var(--ink);
    color-scheme: dark;
}

/* Annule les changements de gabarit : mêmes largeurs, espacements et rayons qu'UnivActif. */
.blackclover-forum-page::after { display: none; }
.blackclover-forum-page .workspace {
    width: min(var(--boxed-width), max(0px, calc(100% - 40px)));
    margin: 30px auto 80px;
    padding: 0;
}

.blackclover-forum-page .page-heading {
    min-height: 245px;
    margin-bottom: 28px;
    border: 0;
    border-radius: 8px;
    padding: clamp(26px, 4vw, 44px);
    background:
        linear-gradient(105deg, rgba(2, 20, 15, .96), rgba(10, 58, 38, .86) 58%, rgba(100, 75, 22, .56)),
        url("/assets/images/webtoon-hero.png") center / cover;
    color: #fff;
    box-shadow: none;
}

.blackclover-forum-page .page-heading::before,
.blackclover-forum-page .page-heading::after,
.bc-forum-index-page .forum-jumbotron::before { display: none; }

.blackclover-forum-page .page-heading h1,
.blackclover-forum-page .page-heading h2,
.blackclover-forum-page .page-heading .breadcrumb-nav a,
.blackclover-forum-page .page-heading .breadcrumb-nav span { color: #fff; }
.blackclover-forum-page .page-heading p:not(.eyebrow) { color: rgba(255, 255, 255, .86); }
.blackclover-forum-page .page-heading .breadcrumb-nav a::after { color: rgba(255, 255, 255, .55); }

.bc-forum-index-page .forum-jumbotron {
    min-height: 0;
    border: 0;
    border-radius: 8px;
    background:
        linear-gradient(105deg, rgba(2, 20, 15, .96), rgba(10, 58, 38, .86) 58%, rgba(100, 75, 22, .56)),
        url("/assets/images/webtoon-hero.png") center / cover;
    box-shadow: none;
}

.bc-forum-index-page .forum-jumbotron .eyebrow { color: #fff; }
.bc-forum-index-page .forum-jumbotron h2 { color: #fff; font-size: clamp(28px, 4vw, 44px); text-shadow: none; }
.bc-forum-index-page .forum-jumbotron p:not(.eyebrow) { color: rgba(255, 255, 255, .86); }
.bc-forum-index-page .forum-jumbotron-metrics div {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(2, 17, 13, .58);
    box-shadow: none;
}
.bc-forum-index-page .forum-jumbotron-metrics strong { color: #fff; }
.bc-forum-index-page .forum-jumbotron-metrics span { color: rgba(255, 255, 255, .78); }

.blackclover-forum-page .surface-panel,
.blackclover-forum-page .quick-reply-panel,
.blackclover-forum-page .login-required-panel,
.blackclover-forum-page .online-directory-card,
.blackclover-forum-page .online-compact-list article {
    border-color: var(--line);
    background: var(--panel);
    color: var(--ink);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.blackclover-forum-page .forum-category {
    border-color: var(--line);
    border-radius: 8px;
    background: var(--panel);
    box-shadow: none;
}

.blackclover-forum-page .forum-category-header,
.blackclover-forum-page .forum-information-header {
    border-color: var(--line);
    background: linear-gradient(135deg, #0d5135, #05261c);
    color: #fff;
}

.blackclover-forum-page .forum-category-header h2,
.blackclover-forum-page .forum-information-header h2,
.blackclover-forum-page .forum-information h3,
.blackclover-forum-page .section-title h2,
.blackclover-forum-page .topic-section-title h3,
.blackclover-forum-page .quick-reply-head h2,
.blackclover-forum-page .login-required-panel h2 { color: #fff; }
.blackclover-forum-page .forum-category-header p,
.blackclover-forum-page .forum-information-header p { color: rgba(255, 255, 255, .82); }
.blackclover-forum-page .forum-category-header > span,
.blackclover-forum-page .forum-information-header > span { background: rgba(0, 220, 140, .16); color: #89f3bd; }

.blackclover-forum-page .forum-row,
.blackclover-forum-page .forum-information-row,
.blackclover-forum-page .topic-card,
.blackclover-forum-page .topic-list-heading,
.blackclover-forum-page .topic-section-title,
.blackclover-forum-page .quick-reply-head { border-color: var(--line); }
.blackclover-forum-page .forum-row,
.blackclover-forum-page .topic-card { background: var(--panel); }
.blackclover-forum-page .forum-row:hover,
.blackclover-forum-page .topic-card:hover { background: rgba(0, 220, 140, .055); box-shadow: none; }

.blackclover-forum-page .forum-row-title > a,
.blackclover-forum-page .forum-row-last > div > a,
.blackclover-forum-page .topic-title-line a,
.blackclover-forum-page .topic-last-post-link,
.blackclover-forum-page .profile-inline-link { color: #89f3bd; }
.blackclover-forum-page .forum-row-main > p,
.blackclover-forum-page .forum-row-counts,
.blackclover-forum-page .forum-row-last small,
.blackclover-forum-page .forum-last-post-date,
.blackclover-forum-page .topic-starter,
.blackclover-forum-page .topic-meta span,
.blackclover-forum-page .topic-last-post small,
.blackclover-forum-page .forum-information-row p,
.blackclover-forum-page .topic-thread-pagination,
.blackclover-forum-page .forum-pagination-summary { color: var(--muted); }
.blackclover-forum-page .forum-row-counts strong,
.blackclover-forum-page .topic-meta strong { color: var(--ink); }

.blackclover-forum-page .topic-status-icon,
.blackclover-forum-page .last-post-avatar,
.blackclover-forum-page .online-member-avatar,
.blackclover-forum-page .online-directory-avatar,
.blackclover-forum-page .presence-anonymous-avatar {
    border-color: rgba(0, 220, 140, .32);
    background: linear-gradient(135deg, #246b46, #8b6926);
    color: #fff;
}
.blackclover-forum-page .topic-status-read { background: var(--forum-read-blue-soft); color: var(--forum-read-blue); }
.blackclover-forum-page .topic-status-unread,
.blackclover-forum-page .topic-tag { background: rgba(0, 220, 140, .16); color: #89f3bd; }
.blackclover-forum-page .topic-status-lock-badge { border-color: #061b16; background: #00dc8c; color: #171208; }
.blackclover-forum-page .topic-list-heading,
.blackclover-forum-page .topic-section-title { background: rgba(255, 255, 255, .035); color: var(--muted); }
.blackclover-forum-page .topic-list-heading + .topic-list,
.blackclover-forum-page .topic-section-title + .topic-list { border-color: var(--line); background: var(--panel); }

.blackclover-forum-page .topic-thread-toolbar {
    border-color: var(--line);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .025), transparent),
        var(--panel);
    color: var(--ink);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.blackclover-forum-page .read-indicator { border-color: var(--line); background: rgba(255, 255, 255, .045); color: var(--muted); }
.blackclover-forum-page .read-indicator-read { background: rgba(36, 107, 70, .22); color: #8bd1a7; }
.blackclover-forum-page .read-indicator-unread { background: rgba(0, 220, 140, .16); color: #89f3bd; }
.blackclover-forum-page .read-indicator-locked { background: rgba(255, 255, 255, .075); color: #d4ddd7; }

.blackclover-forum-page .primary-action,
.blackclover-forum-page .thread-button-primary,
.blackclover-forum-page .forum-pagination-link.is-current {
    border-color: #00dc8c;
    background: #00dc8c;
    color: #171208;
    box-shadow: none;
}
.blackclover-forum-page .secondary-action,
.blackclover-forum-page .secondary-page-action,
.blackclover-forum-page .thread-button,
.blackclover-forum-page .presence-detail-action,
.blackclover-forum-page .forum-pagination-link {
    border-color: var(--line);
    background: rgba(255, 255, 255, .055);
    color: var(--ink);
}
.blackclover-forum-page .secondary-action:hover,
.blackclover-forum-page .secondary-page-action:hover,
.blackclover-forum-page .thread-button:hover,
.blackclover-forum-page .presence-detail-action:hover,
.blackclover-forum-page .forum-pagination-link:hover { border-color: #00dc8c; background: rgba(0, 220, 140, .12); color: #89f3bd; }

.blackclover-forum-page .thread-button.thread-button-primary {
    border-color: #00dc8c;
    background: linear-gradient(180deg, #89f3bd, #00dc8c);
    color: #171208;
}

.blackclover-forum-page .thread-button.thread-button-primary:hover,
.blackclover-forum-page .thread-button.thread-button-primary:focus-visible {
    border-color: #89f3bd;
    background: linear-gradient(180deg, #f8d98f, #ddb14f);
    color: #171208;
}

.blackclover-forum-page .topic-toolbar-moderation > form > button,
.blackclover-forum-page .topic-toolbar-moderation > .post-action-popover > summary {
    border-color: var(--line);
    background: rgba(255, 255, 255, .055);
    color: var(--muted);
}

.blackclover-forum-page .topic-toolbar-moderation > form > button:hover,
.blackclover-forum-page .topic-toolbar-moderation > form > button:focus-visible,
.blackclover-forum-page .topic-toolbar-moderation > form > button.is-active,
.blackclover-forum-page .topic-toolbar-moderation > .post-action-popover > summary:hover,
.blackclover-forum-page .topic-toolbar-moderation > .post-action-popover > summary:focus-visible {
    border-color: #00dc8c;
    background: rgba(0, 220, 140, .14);
    color: #89f3bd;
}

.blackclover-app.module-page.blackclover-forum-page .thread-shell {
    gap: 14px;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.blackclover-app.module-page.blackclover-forum-page .thread-post {
    border-color: var(--line);
    border-left-color: var(--role-member);
    background: var(--panel);
    color: var(--ink);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.blackclover-app.module-page.blackclover-forum-page .thread-post.role-founder { border-left-color: var(--role-founder); }
.blackclover-app.module-page.blackclover-forum-page .thread-post.role-admin { border-left-color: var(--role-admin); }
.blackclover-app.module-page.blackclover-forum-page .thread-post.role-moderator { border-left-color: var(--role-moderator); }
.blackclover-app.module-page.blackclover-forum-page .thread-post-main {
    padding: 24px 26px 28px;
}
.blackclover-app.module-page.blackclover-forum-page .thread-post-head {
    border-color: var(--line);
    background: transparent;
}
.blackclover-app.module-page.blackclover-forum-page .thread-author-panel {
    border-color: var(--line);
    background: rgba(1, 12, 9, .38);
}
.blackclover-forum-page .thread-post-head h1,
.blackclover-forum-page .thread-post-head h2 { color: #fff; }
.blackclover-forum-page .thread-post-head p,
.blackclover-forum-page .thread-author-meta dt,
.blackclover-forum-page .thread-author-role { color: var(--muted); }
.blackclover-app.module-page.blackclover-forum-page .thread-author-role {
    border: 1px solid rgba(169, 185, 175, .38);
    background: rgba(169, 185, 175, .1);
    color: #dce8e0;
    font-weight: 900;
}
.blackclover-app.module-page.blackclover-forum-page .thread-author-role.role-founder {
    border-color: rgba(0, 220, 140, .58);
    background: rgba(0, 220, 140, .16);
    color: #f7d77f;
}
.blackclover-app.module-page.blackclover-forum-page .thread-author-role.role-admin {
    border-color: rgba(255, 102, 0, .55);
    background: rgba(255, 102, 0, .15);
    color: #ffb274;
}
.blackclover-app.module-page.blackclover-forum-page .thread-author-role.role-moderator {
    border-color: rgba(123, 185, 43, .55);
    background: rgba(123, 185, 43, .15);
    color: #bce681;
}
.blackclover-forum-page .thread-post-head a,
.blackclover-forum-page .thread-post-body a,
.blackclover-forum-page .thread-author-name,
.blackclover-forum-page .thread-post-author-link { color: #89f3bd; }
.blackclover-forum-page .thread-post-body { color: #e7eee9; }
.blackclover-forum-page .thread-post-body blockquote { border-left-color: #00dc8c; background: rgba(36, 107, 70, .16); color: #c7d4cc; }
.blackclover-forum-page .thread-post-body blockquote cite,
.blackclover-forum-page .bbcode-heading { color: #89f3bd; }
.blackclover-forum-page .thread-post-body code { background: rgba(0, 0, 0, .28); color: #f7dfa8; }
.blackclover-forum-page .thread-author-meta div { border-color: var(--line); background: rgba(1, 12, 9, .54); }
.blackclover-forum-page .thread-author-meta dd { color: var(--ink); }

.blackclover-forum-page .thread-post-tools a,
.blackclover-forum-page .thread-post-tools button,
.blackclover-forum-page .thread-post-tools summary,
.blackclover-forum-page .thread-post-tools .thread-post-report-link,
.blackclover-forum-page .thread-post-tools .thread-post-reaction-count {
    border-color: var(--line);
    background: rgba(255, 255, 255, .045);
    color: var(--muted);
}
.blackclover-forum-page .thread-post-tools a:hover,
.blackclover-forum-page .thread-post-tools button:hover,
.blackclover-forum-page .thread-post-tools summary:hover,
.blackclover-forum-page .thread-post-tools .thread-post-reaction-button.is-active { border-color: #00dc8c; background: rgba(0, 220, 140, .14); color: #89f3bd; }

.blackclover-forum-page .forum-topic-form,
.blackclover-forum-page .quick-reply-panel,
.blackclover-forum-page .moderation-history { border-color: var(--line); background: var(--panel); }
.blackclover-forum-page .forum-topic-form > label,
.blackclover-forum-page .quick-reply-form > label,
.blackclover-forum-page .standalone-moderation-menu label,
.blackclover-forum-page .topic-bulk-toolbar label { color: var(--ink); }
.blackclover-forum-page input,
.blackclover-forum-page select,
.blackclover-forum-page textarea,
.blackclover-forum-page .bbcode-editor-input { border-color: var(--line); background: #031610; color: var(--ink); color-scheme: dark; }
.blackclover-forum-page input:focus,
.blackclover-forum-page select:focus,
.blackclover-forum-page textarea:focus,
.blackclover-forum-page .bbcode-editor-input:focus { border-color: #00dc8c; outline: 3px solid rgba(0, 220, 140, .12); }
.blackclover-forum-page .bbcode-editor,
.blackclover-forum-page .bbcode-editor-preview,
.blackclover-forum-page .topic-bulk-toolbar,
.blackclover-forum-page .standalone-moderation-menu { border-color: var(--line); background: #071f18; color: var(--ink); }
.blackclover-forum-page .post-action-popover > .standalone-moderation-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 40;
    display: grid;
    gap: 12px;
    width: min(320px, calc(100vw - 32px));
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 14px;
    background: #071f18;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .42);
}
.blackclover-forum-page .standalone-moderation-menu > form {
    position: static;
    display: grid;
    gap: 10px;
    width: 100%;
    min-width: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.blackclover-forum-page .standalone-moderation-menu select {
    width: 100%;
    min-height: 42px;
    border-color: var(--line);
    background: #031610;
    color: var(--ink);
}
.blackclover-forum-page .standalone-moderation-menu .primary-action {
    width: 100%;
    place-self: stretch;
}
.blackclover-forum-page .bbcode-editor-toolbar,
.blackclover-forum-page .bbcode-editor-preview-head { border-color: var(--line); background: rgba(5, 38, 28, .92); }
.blackclover-forum-page .topic-bulk-toolbar .primary-action:disabled { border-color: var(--line); background: rgba(255, 255, 255, .065); color: #7f9187; }
.blackclover-forum-page .forum-form-error,
.blackclover-forum-page .forum-alert-danger { border-color: rgba(0, 220, 140, .38); background: rgba(93, 49, 16, .3); color: #ffe0a2; }

.blackclover-forum-page .online-members a,
.blackclover-forum-page .online-role-legend { border-color: var(--line); background: rgba(255, 255, 255, .035); }
.blackclover-forum-page .forum-information-row > i { color: #89f3bd; }

@media (max-width: 640px) {
    .blackclover-forum-page .workspace { width: min(max(0px, calc(100% - 20px)), 100%); margin-top: 18px; }
    .blackclover-app.module-page.blackclover-forum-page .thread-post-main { padding: 18px; }
    .blackclover-forum-page .page-heading,
    .bc-forum-index-page .forum-jumbotron { padding: 20px; }
    .blackclover-forum-page .topic-thread-toolbar { align-items: stretch; flex-direction: column; }
    .blackclover-forum-page .topic-thread-actions { align-items: stretch; }
    .blackclover-forum-page .topic-thread-actions > a,
    .blackclover-forum-page .topic-thread-actions > form > .thread-button { width: 100%; }
    .blackclover-forum-page .topic-thread-pagination { text-align: left; }
    .blackclover-forum-page .post-action-popover > .standalone-moderation-menu {
        right: auto;
        left: 0;
        width: min(320px, calc(100vw - 40px));
    }
}