@charset "UTF-8"; /*----------------------------------------------------*/ :root { --rob: "Roboto", sans-serif; --great: "Great Vibes", cursive; --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC); --bbpc_brand_color: var(--bbpc_brand_color_opt, #4c4cf1); --h_title: #1d2746; --p_color: #6b707f; --bs-white: #fff; --black_25: #f9f9f9; --black_50: #f2f2f2; --black_75: #eeeeee; --black_90: #e0e6f0; --black_100: #d6d9dc; --black_150: #c8ccd0; --black_200: #bbc0c4; --black_300: #9fa6ad; --black_350: #9199a1; --black_400: #848d95; --black_500: #6a737c; --black_600: #535a60; --black_700: #3c4146; --black_750: #2f3337; --black_800: #242729; --black_900: #0c0d0e; --bbpc_color: #078669; --baseColor2: #4a6ee0; --bs_white: #fff; } /*font Variables*/ /**=== Functions ===**/ .col-md-offset-right-1, .col-lg-offset-right-1 { margin-right: 8.33333333%; } @media screen and (min-width: 768px) { .column-md-1 { flex: 0 0 auto; width: 8.33333333%; } .column-md-2 { flex: 0 0 auto; width: 16.66666667%; } .column-md-3 { flex: 0 0 auto; width: 25%; } .column-md-4 { flex: 0 0 auto; width: 33.33333333%; } .column-md-5 { flex: 0 0 auto; width: 41.66666667%; } .column-md-6 { flex: 0 0 auto; width: 50%; } .column-md-7 { flex: 0 0 auto; width: 58.33333333%; } .column-md-8 { flex: 0 0 auto; width: 66.66666667%; } .column-md-9 { flex: 0 0 auto; width: 75%; } .column-md-10 { flex: 0 0 auto; width: 83.33333333%; } .column-md-11 { flex: 0 0 auto; width: 91.66666667%; } .column-md-12 { flex: 0 0 auto; width: 100%; } } @media (max-width: 767px) { [class^=column-md-] { width: 100%; flex: 0 0 100%; } } .bg-faded-sun { background: radial-gradient(ellipse farthest-side at 76% 77%, rgba(245, 228, 212, 0.25) 4%, rgba(255, 255, 255, 0) calc(4% + 1px)), radial-gradient(circle at 76% 40%, #fef6ec 4%, rgba(255, 255, 255, 0) 4.18%), linear-gradient(135deg, #ff0000 0%, #000036 100%), radial-gradient(ellipse at 28% 0%, #ffcfac 0%, rgba(98, 149, 144, 0.5) 100%), linear-gradient(180deg, #cd6e8a 0%, #f5eab0 69%, #d6c8a2 70%, #a2758d 100%) !important; background-blend-mode: normal, normal, screen, overlay, normal; } .bg-faded-moon { background: radial-gradient(ellipse farthest-side at 76% 77%, rgba(245, 228, 212, 0.25) 4%, rgba(255, 255, 255, 0) calc(4% + 1px)), radial-gradient(circle at 76% 40%, #fef6ec 4%, rgba(255, 255, 255, 0) 4.18%), linear-gradient(135deg, #000000 0%, #000036 100%), radial-gradient(ellipse at 28% 0%, #ffcfac 0%, rgba(98, 149, 144, 0.5) 100%), linear-gradient(180deg, #cd6e8a 0%, #f5eab0 69%, #d6c8a2 70%, #a2758d 100%) !important; background-blend-mode: normal, normal, screen, overlay, normal; } .bg-happy-journey { background: linear-gradient(45deg, #C7F5FE 10%, #C7F5FE 40%, #FCC8F8 40%, #FCC8F8 60%, #EAB4F8 60%, #EAB4F8 65%, #F3F798 65%, #F3F798 90%) !important; } .bg-creative-idea { background: linear-gradient(45deg, #F3F798 10%, #F3F798 40%, #EAB4F8 40%, #EAB4F8 60%, #FCC8F8 60%, #FCC8F8 65%, #C7F5FE 65%, #C7F5FE 90%) !important; } .bg-apparent-circle { background: linear-gradient(238.72deg, #EBFF00 0%, #8F00FF 100%), linear-gradient(64.82deg, #AD00FF 0%, #FF0000 100%), linear-gradient(65.03deg, #00FFFF 0%, #FF0000 99.79%), radial-gradient(67.08% 100% at 50% 100%, #FF00C7 0%, #50005E 100%), radial-gradient(100% 140% at 100% 0%, #5ED500 0%, #2200AA 100%) !important; background-blend-mode: color-dodge, difference, lighten, color-dodge, normal; } .bg-soft-weather { background: radial-gradient(80.99% 100% at 50% 0%, #00FF0A 0%, #36008E 100%), radial-gradient(50% 123.47% at 50% 50%, #EFE7C8 0%, #36008E 100%), linear-gradient(301.28deg, #FF006B 0%, #48DD9E 100%), linear-gradient(294.84deg, #5A60E4 0%, #D30000 100%), linear-gradient(52.29deg, #000000 0%, #00FF85 100%), radial-gradient(100% 138.69% at 100% 0%, #0007A5 0%, #FF7A00 100%), radial-gradient(70.41% 100% at 50% 0%, #D5B300 0%, #2200AA 100%) !important; background-blend-mode: screen, screen, lighten, overlay, lighten, difference, normal; } .bg-romantic-sun { background: linear-gradient(180deg, #FFB7B7 0%, #727272 100%), radial-gradient(60.91% 100% at 50% 0%, #FFD1D1 0%, #260000 100%), linear-gradient(238.72deg, #FFDDDD 0%, #720066 100%), linear-gradient(127.43deg, #00FFFF 0%, #FF4444 100%), radial-gradient(100.22% 100% at 70.57% 0%, #FF0000 0%, #00FFE0 100%), linear-gradient(127.43deg, #B7D500 0%, #3300FF 100%) !important; background-blend-mode: screen, overlay, hard-light, color-burn, color-dodge, normal; } .bg-teal-eclipse { background: linear-gradient(238.72deg, #EBFF00 0%, #7700D5 100%), linear-gradient(64.82deg, #AD00FF 0%, #FF0000 100%), linear-gradient(65.03deg, #00FFFF 0%, #FF0000 99.79%), radial-gradient(67.08% 100% at 50% 0%, #FF00C7 0%, #1400FF 100%), radial-gradient(100% 140% at 100% 0%, #5ED500 0%, #2200AA 100%) !important; background-blend-mode: color-dodge, difference, lighten, color-dodge, normal; } /*---------------------------------------------------- */ .forum-single-content .content img, .forum-single-content .comment-content img { max-width: 100%; height: auto; border: 1px solid #eaeeef; } .forum-single-content p { word-break: break-word; } .forum-post-top { display: flex; justify-content: start; margin-bottom: 14px; } .forum-post-top .bbp-author-wrap { display: flex; align-items: center; gap: 12px; margin-right: auto; } .forum-post-top .bbp-author-wrap > .bbp-author-link img { border-radius: 50%; max-width: 38px; height: auto; margin-top: -2px; } @media (max-width: 550px) { .forum-post-top .bbp-author-wrap > .bbp-author-link { display: none; } } .forum-post-top .topic-author { display: flex; align-items: center; gap: 6px; } .forum-post-top .topic-author a { text-decoration: none; } .forum-post-top .forum-post-content .content.editor-content p { font-size: 16px; } .forum-post-top .forum-post-author { margin-right: auto; } .forum-post-top .forum-post-author .bbp-author-link { font-size: 14px; font-weight: 500; color: var(--black_700); line-height: 1.4; } .forum-post-top .forum-post-author .bbp-author-link:hover { color: var(--bbpc_brand_color); } .forum-post-top .forum-post-author .bbp-author-name { font-size: 15px; font-weight: 500; color: var(--black_700); line-height: 1.4; } .forum-post-top .forum-post-author .forum-author-meta { display: flex; align-items: center; } .forum-post-top .forum-post-author .forum-author-meta a:hover { color: var(--bbpc_brand_color); } .forum-post-top .forum-post-author .forum-author-meta .author-badge > svg, .forum-post-top .forum-post-author .forum-author-meta .author-badge > img { margin-top: -5px; margin-right: 5px; } .forum-post-top .forum-post-author .forum-author-meta .author-badge .forumax-role-icon { margin-right: 5px; } .forum-post-top .forum-post-author .forum-author-meta .author-badge i { margin-right: 5px; color: #838793; } .forum-post-top .forum-post-author .forum-author-meta .author-badge:first-child { margin-right: 20px; margin-top: -2px; } .forum-post-top .forum-post-author .forum-author-meta.meta { font-size: 14px; font-weight: 400; color: var(--black_400); } @media (max-width: 480px) { .forum-post-top .forum-post-author .forum-author-meta.meta .dot { display: none; } } @media (max-width: 480px) { .forum-post-top .forum-post-author .forum-author-meta.meta .replies-count { display: none; } } .forum-post-top .reply-admin-links { width: auto; display: flex; align-items: center; gap: 8px; margin-left: auto; flex-shrink: 0; flex-wrap: nowrap; justify-content: flex-end; } .forum-post-top .reply-admin-links .private-reply-badge { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 1; color: #8a5a00; background: #fff4cf; border: 1px solid #ffe7ab; white-space: nowrap; } .forum-post-top .reply-admin-links .reply-admin-menu-wrap { display: inline-flex; align-items: center; height: 30px; min-width: 34px; } .forum-post-top .reply-admin-links .bbp-admin-links-dropdown { display: inline-flex; align-items: center; margin: 0; } .forum-post-top .reply-admin-links .bbp-admin-links-dropdown .frmx-nice-select { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 30px; padding: 0 6px; line-height: 1; } .forum-post-top .reply-admin-links .bbp-admin-links-dropdown .frmx-nice-select .current::before { line-height: 1; display: block; } .author-badge.badge { font-weight: 500; padding: 2px 10px; display: inline-flex; align-items: center; gap: 4px; border-radius: 20px; height: auto !important; font-size: 13px; letter-spacing: 0; text-transform: capitalize; color: var(--black_500); border: none !important; } .author-badge.badge.moderator { background: rgba(8, 102, 255, 0.1); color: #6b7280; } .author-badge.badge.keymaster { background: var(--black_100); color: var(--black_750); } .author-badge.badge.participant { background: rgba(37, 99, 235, 0.1); color: #1d4ed8; } .author-badge.badge.member { background: rgba(71, 85, 105, 0.1); color: #334155; } .author-badge.badge > img, .author-badge.badge > svg { margin-right: 0; width: 14px; height: 14px; } .author-badge.badge .forumax-role-icon { width: 18px; height: 18px; min-width: 18px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: rgba(71, 85, 105, 0.16); color: #fff; } .author-badge.badge .forumax-role-icon svg { width: 11px; height: 11px; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; fill: none; } .author-badge.badge.keymaster .forumax-role-icon { background: #111827; color: #fff; } .author-badge.badge.moderator .forumax-role-icon { background: #2563eb; color: #fff; } .author-badge.badge.participant .forumax-role-icon { background: #2563eb; color: #fff; } .author-badge.badge.member .forumax-role-icon { background: #475569; color: #fff; } .author-badge.badge.spectator .forumax-role-icon { background: #0891b2; color: #fff; } .author-badge.badge.blocked .forumax-role-icon { background: #dc2626; color: #fff; } .action-button-container { display: flex; justify-content: flex-end; align-items: center; gap: 8px; } @media (max-width: 425px) { .action-button-container { flex-direction: column; gap: 10px; } } .action-button-container.action-btns { justify-content: flex-start; margin-top: 12px; justify-content: space-between; } .action-button-container.action-btns ul { padding-left: 0; } .action-button-container.action-btns .action_btn { height: 30px; font-size: 14px; line-height: 30px; padding: 0 15px; font-weight: 400; } .action-button-container.action-btns .bbp-admin-links { margin-bottom: 0; flex-wrap: wrap; display: flex; gap: 12px; padding: 0; margin: 0; } .action-button-container.action-btns .bbp-admin-links li { list-style: none; padding-right: 14px; margin-bottom: 0; } .action-button-container.action-btns .bbp-admin-links li:hover a::before { width: 100%; } .action-button-container.action-btns .bbp-admin-links li a { position: relative; color: var(--bbpc_brand_color); font-size: 14px; font-weight: 500; text-decoration: none; border-color: var(--black_50); } .action-button-container .ask-btn { box-shadow: none; font-size: 16px; font-weight: 500; padding: 8px 28px; margin-top: 2px; } .action-button-container .ask-btn:hover { background: #16c9f0; } .action-button-container .reply-btn { margin-right: 10px; } .action-button-container .too-btn { background: #fff; border: 1px solid #d0d8dc; color: var(--secondary_color); } .action-button-container .too-btn:hover { background: #fff; border: 1px solid var(--secondary_color); color: var(--secondary_color); } .q-title { display: flex; padding: 0 15px 30px 2px; align-items: center; gap: 20px; } .q-title h1 { font-size: 34px; line-height: 1.3; flex: 1; margin: 0; } .q-title .badge { margin-left: 10px; line-height: 1.4; margin-top: 5px; } .q-title .solved-topic-bar { display: inline-block; margin-left: 10px; } .q-title .solved-topic-bar .accepted-ans-mark { color: #0d600d; display: inline-flex; align-items: center; font-size: 14px; font-weight: 400; background: rgba(62, 204, 62, 0.18); border-radius: 20px; padding: 5px 12px; margin: 0; gap: 5px; } .q-title .solved-topic-bar .icon_check_alt2:before { margin-right: 3px; } .badge { font-size: 11px; background: rgba(175, 184, 193, 0.2); color: var(--black_800); padding: 3px 8px; border-radius: 3px; margin-right: 5px; display: inline-block; vertical-align: middle; font-weight: 500; letter-spacing: 0.2px; text-decoration: none !important; box-sizing: content-box; line-height: unset; } .badge.badge-14 { font-size: 14px; padding: 5px 15px; } .forum-post-content p { word-break: break-word; } .forum-post-content .forum-post-btm { display: flex; justify-content: space-between; border-bottom: 1px solid var(--black_50); padding-bottom: 20px; padding-top: 30px; } .forum-post-content .forum-post-btm .taxonomy { font-size: 14px; display: flex; align-items: center; } .forum-post-content .forum-post-btm .taxonomy i, .forum-post-content .forum-post-btm .taxonomy img { margin-right: 10px; } .forum-post-content .forum-post-btm .taxonomy img { max-width: 20px; max-height: 20px; margin-right: 10px !important; } .forum-post-content .topic-content-layout { display: flex; align-items: flex-start; gap: 0; } .forum-post-content .topic-vote-column { flex: 0 0 48px; display: flex; justify-content: center; } .forum-post-content .topic-vote-column .bbp-voting { position: static !important; display: flex !important; flex-direction: column; align-items: center; gap: 6px; padding: 0; margin: 6px 0 0; border: none; background: transparent; } .forum-post-content .topic-content-body { flex: 1; min-width: 0; } @media (max-width: 576px) { .forum-post-content .topic-content-layout { flex-direction: column; gap: 12px; } .forum-post-content .topic-vote-column { flex: 0 0 auto; justify-content: flex-start; } .forum-post-content .topic-vote-column .bbp-voting { flex-direction: row; } } .dot { width: 3px; height: 3px; background-color: var(--black_400); border-radius: 50%; margin: 0 6px; } .question-icon { color: var(--secondary_color); font-weight: 600; font-size: 22px; margin-left: -2px; line-height: normal; } @media (max-width: 576px) { .question-icon { display: none !important; } } .bbp-admin-links-dropdown { position: relative; } .bbp-admin-links-dropdown .frmx-nice-select, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu { background: transparent; border: 1px solid var(--black_75, #e5e7eb); cursor: pointer; width: auto; padding: 0; height: auto; line-height: 1; border-radius: 6px; transition: all 0.2s ease; } .bbp-admin-links-dropdown .frmx-nice-select:hover, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu:hover { background: rgba(var(--bbpc_brand_color_rgb, 67, 97, 238), 0.05); /* Brand color slight tint */ border-color: rgba(var(--bbpc_brand_color_rgb, 67, 97, 238), 0.3); /* Brand color border highlight */ } .bbp-admin-links-dropdown .frmx-nice-select::after, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu::after { display: none; } .bbp-admin-links-dropdown .frmx-nice-select .current, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .current { font-size: 0; display: flex; align-items: center; justify-content: center; width: 30px; height: 26px; } .bbp-admin-links-dropdown .frmx-nice-select .current::before, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .current::before { content: "⋮"; font-size: 20px; color: var(--black_500, #6b7280); vertical-align: middle; line-height: 1; transition: color 0.2s ease; } .bbp-admin-links-dropdown .frmx-nice-select:hover .current::before, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu:hover .current::before { color: var(--bbpc_brand_color, #4f46e5); } .bbp-admin-links-dropdown .frmx-nice-select .list, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list { right: 0; left: auto; min-width: 180px; padding: 6px; margin-top: 6px; border-radius: 10px; border: 1px solid var(--black_75, #e5e7eb); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06); overflow: visible; } .bbp-admin-links-dropdown .frmx-nice-select .list .option, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option { display: flex; align-items: center; gap: 10px; padding: 8px 12px; min-height: auto; line-height: 1.4; font-size: 13.5px; font-weight: 450; color: var(--black_700, #374151); border-radius: 6px; transition: background 0.12s ease, color 0.12s ease; cursor: pointer; } .bbp-admin-links-dropdown .frmx-nice-select .list .option:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option.focus, .bbp-admin-links-dropdown .frmx-nice-select .list .option.selected.focus, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option:hover, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.focus, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.selected.focus { background: var(--black_25, #f7f8fa) !important; color: var(--black_900, #111827) !important; } .bbp-admin-links-dropdown .frmx-nice-select .list .option:first-child, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option:first-child { display: none; } .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash], .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam], .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash], .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam] { color: #dc2626; } .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash] .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam] .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash] .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam] .frmx-dropdown-icon svg { stroke: #dc2626; } .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash]:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash].focus, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam]:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam].focus, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash]:hover, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash].focus, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam]:hover, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam].focus { background: #fef2f2 !important; color: #b91c1c !important; } .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=trash].focus .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=spam].focus .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=trash].focus .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=spam].focus .frmx-dropdown-icon svg { stroke: #b91c1c; } .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve], .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve] { color: #b45309; } .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve] .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve] .frmx-dropdown-icon svg { stroke: #b45309; } .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve]:hover, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve].focus, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve]:hover, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve].focus { background: #fffbeb !important; color: #92400e !important; } .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option[data-action=approve].focus .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve]:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option[data-action=approve].focus .frmx-dropdown-icon svg { stroke: #92400e; } .bbp-admin-links-dropdown .frmx-nice-select .list .option.frmx-dropdown-separator, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.frmx-dropdown-separator { padding: 3px 8px; min-height: 0; cursor: default; pointer-events: none; } .bbp-admin-links-dropdown .frmx-nice-select .list .option.frmx-dropdown-separator hr, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.frmx-dropdown-separator hr { border: none; border-top: 1px solid var(--black_75, #e5e7eb); margin: 0; } .bbp-admin-links-dropdown .frmx-nice-select .list .option.frmx-dropdown-separator:hover, .bbp-admin-links-dropdown .bbp-admin-dropdown-menu .list .option.frmx-dropdown-separator:hover { background: transparent !important; } .bbp-admin-links-dropdown .frmx-dropdown-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 18px; height: 18px; } .bbp-admin-links-dropdown .frmx-dropdown-icon svg { width: 15px; height: 15px; stroke: var(--black_400, #9ca3af); transition: stroke 0.12s ease; } .bbp-admin-links-dropdown .frmx-dropdown-label { flex: 1; white-space: nowrap; } .bbp-admin-links-dropdown .frmx-nice-select .list .option:hover .frmx-dropdown-icon svg, .bbp-admin-links-dropdown .frmx-nice-select .list .option.focus .frmx-dropdown-icon svg { stroke: var(--black_700, #374151); } /* ─── Inline Edit Styles ─── */ .frmx-is-editing .q-title { padding-bottom: 0; } .frmx-inline-edit-title { width: 100%; } .frmx-inline-edit-title .frmx-edit-title-input { width: 100%; font-size: 28px; font-weight: 700; line-height: 1.35; color: var(--black_900); background: var(--bs-white); border: 2px solid var(--bbpc_brand_color, #4f46e5); border-radius: 10px; padding: 12px 16px; outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .frmx-inline-edit-title .frmx-edit-title-input:focus { border-color: var(--bbpc_brand_color, #4f46e5); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); } .frmx-inline-edit-content .frmx-edit-content-textarea { width: 100%; min-height: 200px; font-size: 15px; line-height: 1.75; color: var(--black_700); background: var(--bs-white); border-radius: 10px; padding: 14px 16px; resize: vertical; font-family: inherit; outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .frmx-inline-edit-content .frmx-edit-content-textarea:focus { border-color: var(--bbpc_brand_color, #4f46e5); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12); } /* ─── Reply Inline Edit Header Bar ─── */ .frmx-edit-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; margin-bottom: 10px; background: var(--bbpc_brand_color_light, rgba(79, 70, 229, 0.06)); border: 1px solid var(--bbpc_brand_color_border, rgba(79, 70, 229, 0.15)); border-radius: 8px; flex-wrap: wrap; } .frmx-edit-header .frmx-edit-header-label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--bbpc_brand_color, #4f46e5); white-space: nowrap; } .frmx-edit-header .frmx-edit-header-label svg { flex-shrink: 0; } .frmx-edit-header .frmx-edit-header-shortcut { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--black_500, #6b7280); font-weight: 400; flex-wrap: wrap; line-height: 1.6; } .frmx-edit-header .frmx-edit-header-shortcut kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; padding: 1px 6px; font-size: 11px; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "SF Mono", Menlo, Consolas, monospace; color: var(--black_700, #374151); background: var(--bs-white, #fff); border: 1px solid var(--black_150, #d4d4d4); border-bottom-width: 2px; border-radius: 4px; line-height: 1.2; } .frmx-edit-header .frmx-edit-header-shortcut kbd + kbd { margin-left: 2px; } .frmx-edit-header .frmx-edit-header-shortcut .frmx-edit-shortcut-sep { color: var(--black_200, #d1d5db); margin: 0 4px; } @media (max-width: 640px) { .frmx-edit-header { gap: 8px; } .frmx-edit-header .frmx-edit-header-shortcut { display: none; } } /* ─── Inline Edit Action Buttons ─── */ .frmx-inline-edit-actions { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--black_50, #f0f0f0); flex-wrap: wrap; } .frmx-inline-edit-actions .frmx-edit-actions-left { display: inline-flex; align-items: center; gap: 10px; flex: 1; min-width: 0; font-size: 12px; line-height: 1.4; } .frmx-inline-edit-actions .frmx-edit-actions-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } .frmx-inline-edit-actions .frmx-edit-unsaved-hint { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #b45309; font-weight: 500; } .frmx-inline-edit-actions .frmx-edit-unsaved-hint:not(:empty) { animation: frmxNoticeSlide 0.3s ease; } .frmx-inline-edit-actions .frmx-edit-unsaved-hint:not(:empty)::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #d97706; flex-shrink: 0; } .frmx-inline-edit-actions .frmx-edit-char-count { font-size: 12px; color: var(--black_400, #9ca3af); font-variant-numeric: tabular-nums; } .frmx-inline-edit-actions .frmx-edit-save { display: inline-flex; align-items: center; gap: 6px; padding: 8px 22px; font-size: 13px; font-weight: 600; color: var(--bs-white); background: var(--bbpc_brand_color, #4f46e5); border: none; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; line-height: 1.4; } .frmx-inline-edit-actions .frmx-edit-save svg { flex-shrink: 0; } .frmx-inline-edit-actions .frmx-edit-save:hover { opacity: 0.92; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(79, 70, 229, 0.25); } .frmx-inline-edit-actions .frmx-edit-save:active { transform: translateY(0); box-shadow: 0 1px 3px rgba(79, 70, 229, 0.2); } .frmx-inline-edit-actions .frmx-edit-save:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.35); } .frmx-inline-edit-actions .frmx-edit-save:disabled { opacity: 0.7; cursor: not-allowed; transform: none; box-shadow: none; } .frmx-inline-edit-actions .frmx-edit-cancel { padding: 8px 18px; font-size: 13px; font-weight: 500; color: var(--black_600); background: var(--bs-white); border: 1px solid var(--black_150); border-radius: 8px; cursor: pointer; transition: all 0.2s ease; line-height: 1.4; } .frmx-inline-edit-actions .frmx-edit-cancel:hover { background: var(--black_25); border-color: var(--black_200); color: var(--black_900); } .frmx-inline-edit-actions .frmx-edit-cancel:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.18); border-color: var(--bbpc_brand_color, #4f46e5); } .frmx-inline-edit-actions .frmx-edit-cancel:disabled { opacity: 0.6; cursor: not-allowed; } .frmx-inline-edit-actions { /* Inline discard-changes confirmation */ } .frmx-inline-edit-actions .frmx-edit-discard-prompt { display: none; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 10px 14px; background: #fffbeb; border: 1px solid #fcd34d; border-radius: 8px; animation: frmxNoticeSlide 0.2s ease; flex-wrap: wrap; } .frmx-inline-edit-actions.frmx-show-discard .frmx-edit-actions-left, .frmx-inline-edit-actions.frmx-show-discard .frmx-edit-actions-right { display: none; } .frmx-inline-edit-actions.frmx-show-discard .frmx-edit-discard-prompt { display: flex; } .frmx-inline-edit-actions .frmx-edit-discard-text { font-size: 13px; font-weight: 500; color: #92400e; } .frmx-inline-edit-actions .frmx-edit-discard-actions { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; } .frmx-inline-edit-actions .frmx-edit-discard-actions button { padding: 6px 14px; font-size: 12px; font-weight: 600; border-radius: 6px; cursor: pointer; transition: all 0.15s ease; line-height: 1.4; } .frmx-inline-edit-actions .frmx-edit-discard-actions .frmx-edit-discard-keep { color: var(--black_700, #374151); background: var(--bs-white, #fff); border: 1px solid #fcd34d; } .frmx-inline-edit-actions .frmx-edit-discard-actions .frmx-edit-discard-keep:hover { background: #fef3c7; } .frmx-inline-edit-actions .frmx-edit-discard-actions .frmx-edit-discard-confirm { color: var(--bs-white, #fff); background: #dc2626; border: 1px solid #dc2626; } .frmx-inline-edit-actions .frmx-edit-discard-actions .frmx-edit-discard-confirm:hover { background: #b91c1c; border-color: #b91c1c; } /* ─── Loading Spinner Overlay ─── */ .frmx-edit-loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; z-index: 5; background: rgba(255, 255, 255, 0.6); border-radius: 8px; backdrop-filter: blur(2px); animation: frmxNoticeSlide 0.2s ease; } .frmx-edit-loading span { font-size: 13px; color: var(--black_500); font-weight: 500; } .frmx-edit-loading-spinner { width: 24px; height: 24px; border: 3px solid var(--black_100, #e5e5e5); border-top-color: var(--bbpc_brand_color, #4f46e5); border-radius: 50%; animation: frmxSpin 0.6s linear infinite; } /* ─── Save Button Spinner ─── */ .frmx-btn-spinner { animation: frmxSpin 0.8s linear infinite; flex-shrink: 0; } @keyframes frmxSpin { to { transform: rotate(360deg); } } /* ─── TinyMCE Editor Wrapper Inside Inline Edit ─── */ .frmx-inline-edit-content { /* Outer wrapper — borderless container, brand focus ring */ } .frmx-inline-edit-content .wp-editor-wrap { border: 1.5px solid var(--black_100) !important; border-radius: 10px !important; overflow: hidden !important; transition: border-color 0.2s ease, box-shadow 0.2s ease; background: var(--bs-white); } .frmx-inline-edit-content .wp-editor-wrap:focus-within { border-color: var(--bbpc_brand_color) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--bbpc_brand_color) 10%, transparent) !important; } .frmx-inline-edit-content { /* ------ Visual / Code tab row ------ */ } .frmx-inline-edit-content .wp-editor-tabs { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; background: var(--black_25) !important; border-bottom: 1px solid var(--black_75) !important; margin: 0 !important; width: auto !important; float: none !important; } .frmx-inline-edit-content .wp-switch-editor { border: none !important; border-bottom: 2px solid transparent !important; background: transparent !important; color: var(--black_400) !important; font-size: 13px !important; font-weight: 600 !important; padding: 10px 14px !important; margin: 0 !important; border-radius: 0 !important; transition: color 0.15s ease, border-color 0.15s ease; cursor: pointer; float: none !important; height: auto !important; box-shadow: none !important; top: 0 !important; } .frmx-inline-edit-content .wp-switch-editor:hover { color: var(--black_700) !important; } .frmx-inline-edit-content .wp-switch-editor.switch-tmce[aria-pressed=true], .frmx-inline-edit-content .wp-switch-editor.switch-tmce:focus, .frmx-inline-edit-content .wp-switch-editor.switch-html[aria-pressed=true], .frmx-inline-edit-content .wp-switch-editor.switch-html:focus { color: var(--bbpc_brand_color) !important; border-bottom-color: var(--bbpc_brand_color) !important; background: transparent !important; } .frmx-inline-edit-content { /* ------ Toolbar container ------ */ } .frmx-inline-edit-content .wp-editor-container { border: none !important; box-shadow: none !important; clear: none !important; } .frmx-inline-edit-content .wp-editor-container:hover { border: none !important; box-shadow: none !important; } .frmx-inline-edit-content { /* ------ Quicktags (Code view toolbar) — hidden by default, only shown in HTML/Code mode ------ */ } .frmx-inline-edit-content .quicktags-toolbar { display: none !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; border: none !important; } .frmx-inline-edit-content .wp-editor-wrap.html-active .quicktags-toolbar { display: flex !important; height: auto !important; flex-wrap: wrap !important; gap: 4px !important; background: var(--black_25) !important; border-top: none !important; border-bottom: 1px solid var(--black_75) !important; border-left: none !important; border-right: none !important; padding: 8px 14px !important; width: 100% !important; box-sizing: border-box !important; } .frmx-inline-edit-content .wp-editor-wrap.html-active .quicktags-toolbar .ed_button { all: unset; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; color: var(--black_500) !important; height: 32px !important; min-width: 32px !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; border-radius: 6px !important; cursor: pointer; text-align: center; transition: background 0.15s ease, color 0.15s ease; padding: 0 6px !important; box-shadow: none !important; } .frmx-inline-edit-content .wp-editor-wrap.html-active .quicktags-toolbar .ed_button:hover { background: var(--black_75) !important; color: var(--black_800) !important; } .frmx-inline-edit-content { /* ------ TinyMCE Visual editor toolbar ------ */ } .frmx-inline-edit-content .mce-tinymce { border: none !important; box-shadow: none !important; } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp, .frmx-inline-edit-content .mce-toolbar-grp { background: var(--black_25) !important; background-color: var(--black_25) !important; border-bottom: 1px solid var(--black_75) !important; border-top: none !important; border-left: none !important; border-right: none !important; padding: 6px 10px !important; } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group, .frmx-inline-edit-content .mce-toolbar-grp .mce-toolbar .mce-btn-group { padding: 0 2px; border: none !important; background: transparent !important; box-shadow: none !important; margin: 0 !important; } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group::after, .frmx-inline-edit-content .mce-toolbar-grp .mce-toolbar .mce-btn-group::after { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 18px; background: var(--black_150); margin: 0 4px; } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after, .frmx-inline-edit-content .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after { display: none; } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn, .frmx-inline-edit-content .mce-toolbar-grp .mce-toolbar .mce-btn { background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 5px !important; transition: background 0.15s ease; margin: 0 !important; } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn button, .frmx-inline-edit-content .mce-toolbar-grp .mce-toolbar .mce-btn button { padding: 5px 7px !important; color: var(--black_500); } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover, .frmx-inline-edit-content .mce-toolbar-grp .mce-toolbar .mce-btn:hover { background: var(--black_75) !important; } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover button, .frmx-inline-edit-content .mce-toolbar-grp .mce-toolbar .mce-btn:hover button { color: var(--black_800); } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active, .frmx-inline-edit-content .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active { background: color-mix(in srgb, var(--bbpc_brand_color) 10%, transparent) !important; } .frmx-inline-edit-content .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button, .frmx-inline-edit-content .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button { color: var(--bbpc_brand_color); } .frmx-inline-edit-content { /* ------ iframe / content area ------ */ } .frmx-inline-edit-content .mce-edit-area { border: none !important; } .frmx-inline-edit-content .mce-edit-area iframe { min-height: 160px !important; background: var(--bs-white) !important; } .frmx-inline-edit-content .frmx-edit-content-textarea { width: 100% !important; } .frmx-inline-edit-content .frmx-edit-content-textarea.wp-editor-area { border: none !important; outline: none !important; padding: 14px 16px !important; min-height: 160px !important; font-size: 14px; line-height: 1.6; resize: vertical; background: var(--bs-white) !important; color: var(--black_800); } .frmx-inline-edit-content .frmx-edit-content-textarea.wp-editor-area::-moz-placeholder { color: var(--black_400); font-weight: 400; } .frmx-inline-edit-content .frmx-edit-content-textarea.wp-editor-area::placeholder { color: var(--black_400); font-weight: 400; } /* ─── Inline Edit Notice Messages ─── */ .frmx-inline-edit-notice { padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; margin-bottom: 16px; animation: frmxNoticeSlide 0.3s ease; } .frmx-inline-edit-notice.frmx-notice-success { background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; } .frmx-inline-edit-notice.frmx-notice-error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; } /* ─── Reply Inline Edit Specific Styles ─── */ .forum-comment.frmx-is-editing > .frmx-reply-card { border-color: var(--bbpc_brand_color, #4f46e5); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.08); transition: border-color 0.25s ease, box-shadow 0.25s ease; } .forum-comment.frmx-is-editing > .comment-content, .forum-comment.frmx-is-editing .comment-content { overflow: visible; } .forum-comment.frmx-is-editing .frmx-reply-inline-edit { margin-top: 0; width: 100%; } @keyframes frmxNoticeSlide { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } .forum-comment .action-button-container.action-btns .bbp-topic-reply-link { height: 26px; font-size: 12px; line-height: 26px; } .forum-comment .bbp-author-link { padding-top: 2px; } .bbp-topic-reply-link { background-color: transparent !important; } .answer-action .action-content .ans-title { margin-bottom: 5px; } #favorite-toggle .favorite-toggle { font-size: 14px; padding: 2px 20px; font-weight: 400; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out; background: var(--bs-white); border: 1px solid var(--black_50); color: var(--black_900); text-decoration: none; word-break: normal; } #favorite-toggle .favorite-toggle:hover { background: rgba(60, 64, 67, 0.04); } span#favorite-toggle { margin-top: 2px; } .best-answer { background: #f1fdf3; padding: 30px 25px !important; margin-top: 60px; border-radius: 6px; } .best-answer .accepted-ans-mark { color: #0abe76; font-size: 14px; text-align: right; } .best-answer .accepted-ans-mark i { padding-right: 5px; } .best-answer .best-ans-content { margin-top: 30px; } .best-answer .best-ans-content .question-icon { margin-top: 10px; margin-right: 20px; } .best-answer .best-ans-content p { font-size: 15px; } .best-answer .best-ans-content p:last-child { margin-bottom: 0; } .best-answer.type-reply { position: relative; } .best-answer.type-reply .forum-post-top { justify-content: start; } .best-answer.type-reply .forum-post-top .meta { margin-left: 5px; } .best-answer.type-reply .comment-content { border-bottom: 0; padding-bottom: 0; } body.bbpress .all-answers, body.bbpress .bbp-topic-merge { background: transparent !important; border-radius: 0; box-shadow: none; margin-bottom: 30px; padding: 0; position: relative; transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; border: none; } body.bbpress .all-answers ul, body.bbpress .bbp-topic-merge ul { list-style: none; padding-left: 0; } body.bbpress .all-answers .title, body.bbpress .bbp-topic-merge .title { margin-bottom: 0; } body.bbpress .all-answers .frmx-all-replies-header, body.bbpress .bbp-topic-merge .frmx-all-replies-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; border-radius: 12px; padding: 15px 1px; margin-bottom: 25px; margin-top: 50px; /* Left section: reply count + participant avatars */ } body.bbpress .all-answers .frmx-all-replies-header .frmx-header-left, body.bbpress .bbp-topic-merge .frmx-all-replies-header .frmx-header-left { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; flex-wrap: wrap; } body.bbpress .all-answers .frmx-all-replies-header .replies-title, body.bbpress .bbp-topic-merge .frmx-all-replies-header .replies-title { font-size: 22px; font-weight: 600; color: var(--black_900); margin: 0; display: flex; align-items: center; gap: 8px; white-space: nowrap; } body.bbpress .all-answers .frmx-all-replies-header .replies-title .frmx-reply-count-icon, body.bbpress .bbp-topic-merge .frmx-all-replies-header .replies-title .frmx-reply-count-icon { display: inline-flex; color: var(--black_500); } body.bbpress .all-answers .frmx-all-replies-header .frmx-header-right, body.bbpress .bbp-topic-merge .frmx-all-replies-header .frmx-header-right { display: flex; align-items: center; gap: 12px; } body.bbpress .all-answers .filter-bar, body.bbpress .bbp-topic-merge .filter-bar { background: #f7f8f9; border: 1px solid #eaeeef; padding: 10px 30px; justify-content: space-between; border-radius: 4px; } body.bbpress .all-answers .filter-bar .custom-select, body.bbpress .bbp-topic-merge .filter-bar .custom-select { box-shadow: none; } body.bbpress .all-answers .filter-bar .custom-select:focus, body.bbpress .bbp-topic-merge .filter-bar .custom-select:focus { outline: none; box-shadow: 0 0 0 0.2rem transparent; border: none; } body.bbpress .all-answers .filter-bar .custom-select::after, body.bbpress .bbp-topic-merge .filter-bar .custom-select::after { border-bottom: 1px solid #6b707f; border-right: 1px solid #6b707f; height: 6px; width: 6px; right: 5px; } body.bbpress .all-answers .filter-bar p, body.bbpress .bbp-topic-merge .filter-bar p { margin-top: 8px; margin-bottom: 0; font-size: 14px; color: #6b707f; } body.bbpress .all-answers .filter-bar .frmx-nice-select, body.bbpress .bbp-topic-merge .filter-bar .frmx-nice-select { background: #f7f8f9; height: 100%; border: 0; padding: 0 25px 0 0; } body.bbpress .all-answers .filter-bar .frmx-nice-select .list, body.bbpress .bbp-topic-merge .filter-bar .frmx-nice-select .list { width: 100px; } body.bbpress .all-answers .filter-bar .frmx-nice-select::-ms-expand, body.bbpress .bbp-topic-merge .filter-bar .frmx-nice-select::-ms-expand { display: none; } body.bbpress .all-answers .forum-comment, body.bbpress .bbp-topic-merge .forum-comment { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; padding-bottom: 0 !important; border-bottom: none; } body.bbpress .all-answers .forum-comment .frmx-reply-avatar, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-avatar { flex-shrink: 0; } body.bbpress .all-answers .forum-comment .frmx-reply-avatar img, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-avatar img { width: 36px; height: 36px; border-radius: 50%; vertical-align: top; } body.bbpress .all-answers .forum-comment .frmx-reply-avatar, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-avatar { /* Thread vertical line */ position: relative; } body.bbpress .all-answers .forum-comment, body.bbpress .bbp-topic-merge .forum-comment { /* Hide thread line on last child in flat list */ } body.bbpress .all-answers .forum-comment:last-child .frmx-reply-avatar::after, body.bbpress .bbp-topic-merge .forum-comment:last-child .frmx-reply-avatar::after { display: none; } body.bbpress .all-answers .forum-comment .frmx-reply-card, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card { flex: 1; min-width: 0; background: var(--bs-white); border: 1px solid var(--black_50); border-radius: 10px; padding: 18px 20px; } body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-attachments-errors, body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-attachments, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-attachments-errors, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-attachments { width: 100%; } body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-attachments-errors h6, body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-attachments h6, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-attachments-errors h6, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-attachments h6 { font-size: 16px; } body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-attachments-errors .d4p-bbp-att-wrapper, body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-attachments .d4p-bbp-att-wrapper, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-attachments-errors .d4p-bbp-att-wrapper, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-attachments .d4p-bbp-att-wrapper { font-size: 16px; } body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-attachments-errors .with-icons, body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-attachments .with-icons, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-attachments-errors .with-icons, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-attachments .with-icons { padding: 5px 0 0 0; } body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-author-wrap, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-author-wrap { margin: 0; /* Reset inherited flex margin */ } body.bbpress .all-answers .forum-comment .frmx-reply-card .comment-content p, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .comment-content p { font-size: 16px; } body.bbpress .all-answers .forum-comment .frmx-reply-card .forum-post-author, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .forum-post-author { display: flex; align-items: center; gap: 10px; margin: 0; } body.bbpress .all-answers .forum-comment .frmx-reply-card .forum-post-author .topic-author, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .forum-post-author .topic-author { margin: 0 !important; } body.bbpress .all-answers .forum-comment .frmx-reply-card .forum-post-author .topic-author .bbp-author-name, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .forum-post-author .topic-author .bbp-author-name { font-size: 14px; font-weight: 600; color: var(--black_900); } body.bbpress .all-answers .forum-comment .frmx-reply-card .forum-post-author .meta, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .forum-post-author .meta { font-size: 13px; color: var(--black_500); } body.bbpress .all-answers .forum-comment .frmx-reply-card .forum-post-author .meta a, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .forum-post-author .meta a { color: inherit; } @media (max-width: 576px) { body.bbpress .all-answers .forum-comment, body.bbpress .bbp-topic-merge .forum-comment { flex-direction: row; align-items: flex-start; gap: 12px; } body.bbpress .all-answers .forum-comment .frmx-reply-avatar, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-avatar { width: 34px; min-width: 34px; display: flex; flex-direction: column; align-items: center; gap: 8px; padding-top: 2px; } body.bbpress .all-answers .forum-comment .frmx-reply-avatar img, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-avatar img { width: 30px; height: 30px; } body.bbpress .all-answers .forum-comment .frmx-reply-card, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card { flex: 1 1 auto; width: auto; padding: 14px 15px; border-radius: 12px; } body.bbpress .all-answers .forum-comment .frmx-reply-card .forum-post-top, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .forum-post-top { flex-wrap: nowrap; align-items: flex-start; gap: 8px; } body.bbpress .all-answers .forum-comment .frmx-reply-card .bbp-author-wrap, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .bbp-author-wrap { flex: 1 1 auto; width: auto; min-width: 0; } body.bbpress .all-answers .forum-comment .frmx-reply-card .forum-post-author, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .forum-post-author { flex-direction: column; align-items: flex-start; gap: 4px; } body.bbpress .all-answers .forum-comment .frmx-reply-card .forum-post-author .topic-author, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .forum-post-author .topic-author { flex-wrap: wrap; gap: 6px; } body.bbpress .all-answers .forum-comment .frmx-reply-card .forum-post-author .meta, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .forum-post-author .meta { line-height: 1.5; } body.bbpress .all-answers .forum-comment .frmx-reply-card .reply-admin-links, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .reply-admin-links { width: auto; display: flex; align-items: center; gap: 8px; justify-content: flex-end; margin-left: auto; flex-shrink: 0; } body.bbpress .all-answers .forum-comment .frmx-reply-card .reply-admin-links .private-reply-badge, body.bbpress .bbp-topic-merge .forum-comment .frmx-reply-card .reply-admin-links .private-reply-badge { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0; color: #8a5a00; background: #fff4cf; border: 1px solid #ffe7ab; white-space: nowrap; } } body.bbpress .all-answers .forum-comment.bbp-private-reply .frmx-reply-card, body.bbpress .bbp-topic-merge .forum-comment.bbp-private-reply .frmx-reply-card { background: rgb(255, 255, 241) !important; padding: 25px; } @media (max-width: 736px) { body.bbpress .all-answers .forum-comment.bbp-private-reply .frmx-reply-card, body.bbpress .bbp-topic-merge .forum-comment.bbp-private-reply .frmx-reply-card { padding: 15px; } } body.bbpress .all-answers .forum-comment.bbp-private-reply .bbp-admin-links, body.bbpress .bbp-topic-merge .forum-comment.bbp-private-reply .bbp-admin-links { background: var(--black_25); } body.bbpress .all-answers .forum-comment.bbp-private-reply .bbp-admin-links li:hover, body.bbpress .bbp-topic-merge .forum-comment.bbp-private-reply .bbp-admin-links li:hover { background: var(--black_50); } body.bbpress .all-answers .forum-comment.bbp-private-reply .comment-content, body.bbpress .bbp-topic-merge .forum-comment.bbp-private-reply .comment-content { border: none; padding: 0; } body.bbpress .all-answers .forum-comment.status-trash .frmx-reply-card, body.bbpress .bbp-topic-merge .forum-comment.status-trash .frmx-reply-card { background: rgba(255, 0, 0, 0.1215686275); } body.bbpress .all-answers .forum-comment .comment-content, body.bbpress .bbp-topic-merge .forum-comment .comment-content { margin-left: 0; padding-bottom: 0; margin-top: 10px; } @media (max-width: 576px) { body.bbpress .all-answers .forum-comment .comment-content, body.bbpress .bbp-topic-merge .forum-comment .comment-content { margin-left: 0; } } body.bbpress .all-answers .forum-comment .comment-content .alert, body.bbpress .bbp-topic-merge .forum-comment .comment-content .alert { padding: 2px 10px; font-size: 14px; background: var(--black_25); border-color: var(--black_25); color: var(--black_900); } body.bbpress .all-answers .forum-comment .comment-content ul, body.bbpress .all-answers .forum-comment .comment-content ol, body.bbpress .bbp-topic-merge .forum-comment .comment-content ul, body.bbpress .bbp-topic-merge .forum-comment .comment-content ol { line-height: 2; } body.bbpress .all-answers .forum-comment .comment-content p:last-child, body.bbpress .bbp-topic-merge .forum-comment .comment-content p:last-child { margin-bottom: 0; } body.bbpress .all-answers .forum-comment .comment-content .action-btns, body.bbpress .bbp-topic-merge .forum-comment .comment-content .action-btns { margin-top: 20px; display: none; opacity: 0; transition: all 5s ease-in; } body.bbpress .all-answers .forum-comment:hover .comment-content .action-btns, body.bbpress .bbp-topic-merge .forum-comment:hover .comment-content .action-btns { display: block; opacity: 1; } body.bbpress .all-answers .pagination-wrapper, body.bbpress .bbp-topic-merge .pagination-wrapper { background: transparent; box-shadow: none; padding: 0; flex-direction: row; gap: 12px; } body.bbpress .all-answers .pagination-wrapper.paged, body.bbpress .bbp-topic-merge .pagination-wrapper.paged { margin-top: 15px; } body.bbpress .all-answers .pagination-wrapper + .pagination-wrapper, body.bbpress .bbp-topic-merge .pagination-wrapper + .pagination-wrapper { margin-top: 25px; } body.bbpress .all-answers .pagination-wrapper .bbp-pagination, body.bbpress .bbp-topic-merge .pagination-wrapper .bbp-pagination { justify-content: flex-end; } body.bbpress .all-answers .pagination-wrapper .view-post-of, body.bbpress .bbp-topic-merge .pagination-wrapper .view-post-of { text-align: left; margin-left: 55px; } @media (max-width: 576px) { body.bbpress .all-answers .pagination-wrapper, body.bbpress .bbp-topic-merge .pagination-wrapper { flex-direction: column; align-items: flex-start; } body.bbpress .all-answers .pagination-wrapper .bbp-pagination, body.bbpress .bbp-topic-merge .pagination-wrapper .bbp-pagination { width: 100%; justify-content: flex-start; } } .replies-sorting .custom-select { font-size: 14px; box-shadow: none; padding: 0 80px 0 20px; height: 100%; background-color: var(--bs-white); border-radius: 5px; border: solid 1px var(--black_50); color: var(--black_600); } select#sort-replies:focus { border-color: #999; outline: none; box-shadow: 0 0 3px #999; } .topic_comments + .pagination-wrapper { margin-top: 30px; } ul.bbp-topic-revision-log { margin-top: 15px; margin-bottom: 15px; display: flex; flex-direction: column; gap: 10px; padding-left: 30px !important; } .bbp-topic-revision-log, .bbp-topic-revision-log-item, .bbp-reply-revision-log .bbp-reply-revision-log-item { font-size: 12px; color: var(--black_400); font-style: italic; } .bbp-topic-revision-log img, .bbp-topic-revision-log-item img, .bbp-reply-revision-log .bbp-reply-revision-log-item img { display: none; } .bbp-topic-revision-log-item, .bbp-reply-revision-log-item { margin-bottom: 0; } .topic-info { text-align: left; position: relative; padding: 22px 10px 22px 26px; margin: 0 0 7%; background: #fff; border-radius: 3px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } .topic-info p { position: relative; margin: 0 0 10px; padding-left: 90px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; line-height: 1.5; } .topic-info p a { padding-left: 5px; } .topic-info p strong.mini-title { position: absolute; top: 2px; left: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; } .topic-info p img { width: 15px; height: 15px; position: relative; float: left; margin: 0 2px 0 0; padding: 0; top: 1px; border-radius: 3px; } .topic-info .delete-ticket { color: #e85e3c; margin-top: 15px; } .single-topic .main-post { word-break: break-all; position: relative; background: var(--bs-white) !important; border-radius: 16px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); margin-bottom: 24px; padding: 24px 28px 28px; transition: all 0.3s ease-in-out; border: 1px solid var(--black_50); } .single-topic .main-post:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .single-topic .main-post .forum-post-top { padding-bottom: 16px; border-bottom: 1px solid var(--black_50); margin-bottom: 20px; align-items: center; } .single-topic .main-post .forum-post-top .bbp-author-wrap { gap: 12px; } .single-topic .main-post .forum-post-top .bbp-author-wrap > .bbp-author-link img { width: 48px; max-width: 48px; height: 48px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: 2px solid var(--black_50); } .single-topic .main-post .forum-post-top .forum-post-author .topic-author { gap: 10px; } .single-topic .main-post .forum-post-top .forum-post-author .topic-author .bbp-author-name { font-size: 15px; font-weight: 600; color: var(--black_900); } .single-topic .main-post .forum-post-top .forum-post-author .forum-author-meta.meta { margin-top: 4px; font-size: 13px; color: var(--black_400); } .single-topic .main-post .forum-post-top #subscription-toggle a { font-size: 14px; font-weight: 500; padding: 10px 24px; color: var(--bs-white); border-radius: 8px; background: var(--black_800); display: inline-flex; align-items: center; gap: 6px; text-decoration: none; transition: all 0.2s ease; border: none; } .single-topic .main-post .forum-post-top #subscription-toggle a:hover { background: var(--black_900); transform: translateY(-1px); } .single-topic .main-post .forum-post-top #subscription-toggle a.is-subscribed { background: var(--black_50); color: var(--black_700); } .single-topic .main-post .forum-post-top #subscription-toggle a.is-subscribed:hover { background: var(--black_100); } .single-topic .main-post .forum-post-top .bbp-admin-links-dropdown { display: flex; align-items: center; } .single-topic .main-post .forum-post-top .bbp-admin-links-dropdown .frmx-nice-select { padding: 8px 8px; border-radius: 8px; transition: background 0.2s ease; line-height: 1; } .single-topic .main-post .forum-post-top .bbp-admin-links-dropdown .frmx-nice-select:hover { background: var(--black_50); } .single-topic .main-post .forum-post-top .bbp-admin-links-dropdown .frmx-nice-select .current::before { color: var(--black_600); font-size: 22px; } .single-topic .main-post .q-title { padding: 0 0 20px 0; gap: 10px; border-bottom: none; } .single-topic .main-post .q-title h1 { font-size: 26px; font-weight: 700; line-height: 1.35; color: var(--black_900); margin: 0; } .single-topic .main-post .q-title .solved-topic-bar .accepted-ans-mark { background: #e6f7ed; color: #0a8043; } .single-topic .main-post .forum-post-content { /* Hide Share this Topic - show only Share button inline */ } .single-topic .main-post .forum-post-content .frmx-share-topic .share-text, .single-topic .main-post .forum-post-content .frmx-share-topic span:not(.share-icon) { display: none; } .single-topic .main-post .forum-post-content .content.editor-content { font-size: 15px; line-height: 1.75; color: var(--black_700); } .single-topic .main-post .forum-post-content .content.editor-content p { margin-bottom: 16px; } .single-topic .main-post .forum-post-content .content.editor-content p:last-child { margin-bottom: 0; } .single-topic .main-post .forum-post-content .content.editor-content p strong { color: var(--black_900); font-weight: 600; } .single-topic .main-post .forum-post-content { /* Reaction Buttons Section - All in one horizontal row */ } .single-topic .main-post .forum-post-content .forumax-reactions-container { margin-top: 25px; padding-top: 0; border-top: none; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; /* All reaction wrappers inline */ } .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reactions-wrapper, .single-topic .main-post .forum-post-content .forumax-reactions-container .frmx-same-question-wrapper, .single-topic .main-post .forum-post-content .forumax-reactions-container .frmx-share-wrapper { display: inline-flex; align-items: center; gap: 10px; } .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reactions-wrapper { flex-wrap: nowrap; } .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reaction-option { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 50px; border: 1px solid var(--black_100); background: var(--bs-white); font-size: 14px; font-weight: 500; color: var(--black_700); cursor: pointer; transition: all 0.2s ease; } .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reaction-option:hover { background: var(--black_25); border-color: var(--black_150); } .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reaction-option { /* Agree button with blue fill when active */ } .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reaction-option.active, .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reaction-option.reacted { background: #e3f2fd; border-color: #2196f3; color: #1976d2; } .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reaction-option.active svg path, .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reaction-option.reacted svg path { fill: currentColor; } .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reaction-option svg { width: 16px; height: 16px; } .single-topic .main-post .forum-post-content .forumax-reactions-container .forumax-reaction-option .reaction-count { font-weight: 600; margin-left: 0; min-width: auto; } .single-topic .main-post .forum-post-content .forumax-reactions-container { /* Share button styling */ } .single-topic .main-post .forum-post-content .forumax-reactions-container .frmx-share-topic-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 50px; border: none; background: transparent; font-size: 14px; font-weight: 500; color: var(--black_600); cursor: pointer; transition: all 0.2s ease; } .single-topic .main-post .forum-post-content .forumax-reactions-container .frmx-share-topic-btn:hover { background: var(--black_25); } .single-topic .main-post .forum-post-content .forumax-reactions-container .frmx-share-topic-btn svg { width: 16px; height: 16px; } .single-topic .main-post .forum-post-content .forum-post-btm { flex-wrap: wrap; gap: 12px; padding: 20px 0 18px; border-bottom: none; align-items: center; } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-tags strong { display: none; } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-tags .tags-label { font-size: 15px; font-weight: 600; color: var(--black_700); } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-tags .tags { font-size: 15px; line-height: 1.7; color: var(--black_500); } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-tags .tags a { display: inline; padding: 0; background: transparent; border: 0; border-radius: 0; font-size: inherit; font-weight: 400; color: var(--black_600); text-decoration: none; transition: color 0.2s ease; } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-tags .tags a:hover { background: transparent; border-color: transparent; color: var(--black_800); } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-cat { margin-left: auto; padding: 6px 14px; background: #fff0e6; border: 1px solid #ffc9a8; border-radius: 50px; display: flex; align-items: center; gap: 8px; } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-cat img { width: 16px; height: 16px; border-radius: 4px; margin-right: 0 !important; } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-cat a { font-size: 13px; font-weight: 600; color: #e65100; text-decoration: none; } .single-topic .main-post .forum-post-content .forum-post-btm .taxonomy.forum-post-cat a:hover { text-decoration: underline; } .single-topic .main-post .forum-post-content .forum-post-btm { /* Three dot menu */ } .single-topic .main-post .forum-post-content .forum-post-btm .frmx-more-options { margin-left: 8px; } .single-topic .main-post .forum-post-content .forum-post-btm .frmx-more-options button { background: transparent; border: none; padding: 8px; cursor: pointer; color: var(--black_400); font-size: 18px; } .single-topic .main-post .forum-post-content .forum-post-btm .frmx-more-options button:hover { color: var(--black_600); } .single-topic .main-post .forum-post-content .action-button-container.action-btns { margin-top: 30px; padding-top: 15px; border-top: 1px solid var(--black_50); flex-wrap: wrap; /* Reaction wrap (same-question + emoji reactions) — inline */ } .single-topic .main-post .forum-post-content .action-button-container.action-btns > .frmx-reaction-topic-wrap { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; } .single-topic .main-post .forum-post-content .action-button-container.action-btns { /* Voting inside action buttons — horizontal inline */ } .single-topic .main-post .forum-post-content .action-button-container.action-btns > .bbp-voting { position: static !important; display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; padding: 0; margin: 0; border: none; background: transparent; } .single-topic .main-post .forum-post-content .action-button-container.action-btns > .bbp-voting .bbp-voting-label { display: none !important; } .single-topic .main-post .forum-post-content .action-button-container.action-btns > .bbp-voting a.vote { font-size: 0; line-height: 0; padding: 4px; } .single-topic .main-post .forum-post-content .action-button-container.action-btns > .bbp-voting a.vote::before { font-size: 18px; line-height: 1; } .single-topic .main-post .forum-post-content .action-button-container.action-btns > .bbp-voting .score { font-size: 14px; font-weight: 600; min-width: 22px; text-align: center; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .taxonomy.forum-post-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; flex: 1; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .taxonomy.forum-post-tags .tags-label { font-size: 15px; font-weight: 600; color: var(--black_700); } .single-topic .main-post .forum-post-content .action-button-container.action-btns .taxonomy.forum-post-tags .tags { font-size: 13px; line-height: 1.7; color: var(--black_500); } .single-topic .main-post .forum-post-content .action-button-container.action-btns .taxonomy.forum-post-tags .tags a { display: inline; padding: 0; background: transparent; border: 0; border-radius: 0; font-size: inherit; font-weight: 400; color: var(--black_600); text-decoration: none; transition: color 0.2s ease; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .taxonomy.forum-post-tags .tags a:hover { background: transparent; border-color: transparent; color: var(--black_800); } .single-topic .main-post .forum-post-content .action-button-container.action-btns .frmx-action-btns-right { display: flex; align-items: center; gap: 12px; margin-left: auto; } .single-topic .main-post .forum-post-content .action-button-container.action-btns.has-topic-tags { justify-content: space-between; } .single-topic .main-post .forum-post-content .action-button-container.action-btns.has-topic-tags .taxonomy.forum-post-tags { flex: 1 1 auto; } .single-topic .main-post .forum-post-content .action-button-container.action-btns.has-topic-tags .frmx-action-btns-right { margin-left: auto; } .single-topic .main-post .forum-post-content .action-button-container.action-btns.no-topic-tags { justify-content: flex-start; } .single-topic .main-post .forum-post-content .action-button-container.action-btns.no-topic-tags .frmx-action-btns-right { margin-left: 0; } .single-topic .main-post .forum-post-content .action-button-container.action-btns #favorite-toggle .favorite-toggle { padding: 6px 14px; font-size: 14px; font-weight: 500; border-radius: 50px; border: 1px solid var(--black_100); background: var(--bs-white); color: var(--black_700); transition: all 0.2s ease; } .single-topic .main-post .forum-post-content .action-button-container.action-btns #favorite-toggle .favorite-toggle:hover { background: var(--black_25); border-color: var(--black_150); } .single-topic .main-post .forum-post-content .action-button-container.action-btns #favorite-toggle .favorite-toggle.is-favorite { background: #fff8e1; border-color: #ffc107; color: #b28704; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links { gap: 4px; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li { padding-right: 0; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li a { align-items: center; gap: 6px; padding: 6px 12px; font-size: 14px; font-weight: 400; color: var(--black_600); background: transparent; border: none; border-radius: 4px; text-decoration: none; transition: all 0.2s ease; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li a:hover { background: var(--black_25); color: var(--bbpc_brand_color); } .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li a::before { display: none; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li { /* Mark as solved button special styling */ } .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li:has(a.bbpc-resolve-topic-button) a, .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li a.bbpc-resolve-topic-button { color: #0a8043; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li:has(a.bbpc-resolve-topic-button) a::before, .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li a.bbpc-resolve-topic-button::before { content: "✓"; display: inline-block; margin-right: 4px; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li:has(a.bbpc-resolve-topic-button) a:hover, .single-topic .main-post .forum-post-content .action-button-container.action-btns .bbp-admin-links li a.bbpc-resolve-topic-button:hover { background: #e6f7ed; } @media (max-width: 576px) { .single-topic .main-post { padding: 25px 18px; border-radius: 16px; } .single-topic .main-post .forum-post-top { flex-wrap: wrap; align-items: flex-start; gap: 12px; } .single-topic .main-post .forum-post-top .bbp-author-wrap { width: 100%; margin-right: 0; min-width: 0; align-items: flex-start; } .single-topic .main-post .forum-post-top .forum-post-author { min-width: 0; } .single-topic .main-post .forum-post-top .forum-post-author .topic-author { flex-wrap: wrap; } .single-topic .main-post .forum-post-top .forum-post-author .forum-author-meta.meta { flex-wrap: wrap; gap: 6px; } .single-topic .main-post .forum-post-top .action-button-container { width: 100%; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; } .single-topic .main-post .forum-post-top #subscription-toggle a { padding: 9px 14px; font-size: 13px; } .single-topic .main-post .q-title h1 { font-size: 22px; } .single-topic .main-post .forum-post-content .action-button-container.action-btns { flex-wrap: wrap; gap: 12px; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .taxonomy.forum-post-tags { flex: 0 0 100%; } .single-topic .main-post .forum-post-content .action-button-container.action-btns .frmx-action-btns-right { margin-left: 0; flex-wrap: wrap; } } .accepted-ans-mark { color: #3b9b3b; border-radius: 20px; padding: 3px 10px; background-color: var(--black_75); } #best-answer { position: absolute; right: -4px; top: 0; } #best-answer.solved-topic-bar .badge { padding: 8px 10px; background: #05ad6a; font-size: 12px; color: #fff; display: flex; align-items: center; gap: 5px; } .bbp-attachments-form .d4p-attachment-addfile { font-size: 14px; margin: 10px 0; display: block; } @media screen and (min-width: 561px) { .bbp-voting { padding-right: 0; position: absolute; } } .subscription-login-btn { cursor: pointer; } .bbp-no-topic .frmx-inline-login-prompt { margin: 0 auto; padding: 42px 36px 24px 36px; } /* Inline login prompt (replaces modal in no-reply / no-topic / subscription contexts) */ .frmx-inline-login-prompt { background: var(--bs-white); border: 1px solid var(--black_100, #e5e7eb); border-radius: 12px; padding: 24px 28px 28px; margin: 16px 0; box-sizing: border-box; max-width: 480px; } .frmx-inline-login-prompt .frmx-inline-login-title { font-size: 20px; font-weight: 600; margin: 0 0 6px; color: var(--black_900); } .frmx-inline-login-prompt .frmx-inline-login-subtitle { font-size: 14px; margin: 0 0 18px; line-height: 1.5; color: var(--black_600); } .frmx-inline-login-prompt.frmx-inline-login-prompt--compact { padding: 18px 20px 20px; max-width: 360px; } .frmx-inline-login-prompt.frmx-inline-login-prompt--compact .frmx-inline-login-title { font-size: 17px; } .frmx-inline-login-prompt.frmx-inline-login-prompt--compact .frmx-inline-login-subtitle { font-size: 13px; margin-bottom: 14px; } /* Shared embedded login form styles (used by the inline login prompt) */ .frmx-subscription-login-form .bbp-login-form { margin: 0; padding: 0; } .frmx-subscription-login-form .bbp-login-form fieldset.bbp-form { border: none; padding: 0; margin: 0; } .frmx-subscription-login-form .bbp-login-form fieldset.bbp-form legend { display: none !important; } .frmx-subscription-login-form .bbp-login-form .bbp-username, .frmx-subscription-login-form .bbp-login-form .bbp-password { margin-bottom: 15px; } .frmx-subscription-login-form .bbp-login-form .bbp-username label, .frmx-subscription-login-form .bbp-login-form .bbp-password label { display: block; font-size: 14px; font-weight: 500; color: var(--black_700); margin-bottom: 6px; } .frmx-subscription-login-form .bbp-login-form .bbp-username input, .frmx-subscription-login-form .bbp-login-form .bbp-password input { width: 100%; height: 44px; padding: 8px 14px; border: 1px solid var(--black_100); border-radius: 8px; font-size: 14px; background: var(--bs-white); color: var(--black_800); transition: border-color 0.2s ease; box-sizing: border-box; } .frmx-subscription-login-form .bbp-login-form .bbp-username input:focus, .frmx-subscription-login-form .bbp-login-form .bbp-password input:focus { border-color: var(--bbpc_brand_color); outline: none; box-shadow: 0 0 0 3px rgba(8, 102, 255, 0.1); } .frmx-subscription-login-form .bbp-login-form .bbp-remember-me input[type=checkbox] { margin-right: 4px; } .frmx-subscription-login-form .bbp-login-form .bbp-remember-me label { color: var(--black_600); cursor: pointer; } .frmx-subscription-login-form .bbp-login-form .bbp-submit-wrapper { float: none !important; margin-top: 0; clear: both; } .frmx-subscription-login-form .bbp-login-form .bbp-submit-wrapper .user-submit { width: 100%; padding: 12px 20px; font-size: 15px; font-weight: 600; background: var(--bbpc_brand_color); color: #fff; border: none; border-radius: 8px; cursor: pointer; transition: background 0.2s ease; } .frmx-subscription-login-form .bbp-login-form .bbp-submit-wrapper .user-submit:hover { opacity: 0.9; } @media screen and (max-width: 480px) { .frmx-inline-login-prompt { padding: 20px 18px 22px; } } .entry-meta > *::after { content: none; } .entry-meta > span { margin-right: 12px; } ul.list-unstyled.d-flex.bbp-admin-links { display: flex; list-style: none !important; } ul.list-unstyled.d-flex.bbp-admin-links li a { text-decoration: none; } .bbpress-admin-settings-container { position: relative; padding-left: 0; padding-top: 3px; list-style: none; } .bbpress-admin-settings-container li a { text-decoration: none; } .bbpress-admin-settings-container li:not(:first-child) a { margin-left: 8px; } .bbp-reply-form, .bbp-topic-split { background: var(--bs-white) !important; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); margin-bottom: 24px; padding: 18px 25px 25px; position: relative; transition: box-shadow 0.25s ease; border: none !important; } @media (max-width: 576px) { .bbp-reply-form, .bbp-topic-split { padding: 16px; border-radius: 12px; } } .bbp-reply-form fieldset.bbp-form, .bbp-topic-split fieldset.bbp-form { border: none; padding: 0; margin: 0; } /* ============================================================ Reply Form — polished, compact UI/UX ============================================================ */ .bbp-reply-form { /* ----- Header / Legend ----- */ } .bbp-reply-form > form > fieldset.bbp-form > legend { display: block !important; width: 100%; padding: 0 0 14px; margin: 0 0 16px; border-bottom: 1px solid var(--black_75); } .bbp-reply-form > form > fieldset.bbp-form > legend .frmx-reply-title { display: flex; align-items: center; gap: 10px; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.4; color: var(--black_900); margin-bottom: 4px; } .bbp-reply-form > form > fieldset.bbp-form > legend .frmx-reply-title a.frmx-back-btn { display: flex; align-items: center; justify-content: center; color: var(--bbpc_brand_color); transition: color 0.2s ease; text-decoration: none; } .bbp-reply-form > form > fieldset.bbp-form > legend .frmx-reply-title a.frmx-back-btn:hover { color: color-mix(in srgb, var(--bbpc_brand_color) 80%, black); } .bbp-reply-form > form > fieldset.bbp-form > legend .frmx-reply-subtitle { font-size: 12.5px; color: var(--black_500); padding-left: 30px; /* align with text, bypassing back arrow */ } .bbp-reply-form { /* ----- Vertical rhythm for body ----- */ } .bbp-reply-form > form > fieldset.bbp-form > div { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 8px; /* Full-width items sit on their own row */ } .bbp-reply-form > form > fieldset.bbp-form > div > .bbp-the-content-wrapper, .bbp-reply-form > form > fieldset.bbp-form > div > .bbp-template-notice, .bbp-reply-form > form > fieldset.bbp-form > div > .upload-attachments-form, .bbp-reply-form > form > fieldset.bbp-form > div > .bbp-submit-wrapper, .bbp-reply-form > form > fieldset.bbp-form > div > p:has(> #bbp_topic_tags), .bbp-reply-form > form > fieldset.bbp-form > div > .bbp-form-topic-tags, .bbp-reply-form > form > fieldset.bbp-form > div > fieldset.bbp-form { width: 100%; } .bbp-reply-form > form > fieldset.bbp-form > div { /* Non-checkbox p elements also full width */ } .bbp-reply-form > form > fieldset.bbp-form > div > p:not(:has(> input[type=checkbox])) { width: 100%; margin: 0 !important; } .bbp-reply-form > form > fieldset.bbp-form > div { /* Checkbox p: width auto, flows alongside siblings in the same flex row */ } .bbp-reply-form > form > fieldset.bbp-form > div > p:has(> input[type=checkbox]) { width: auto; margin: 0 !important; flex-shrink: 0; } .bbp-reply-form > form > fieldset.bbp-form > div { /* 2-column Grid for Attachments and Options */ } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid { width: 100%; display: grid; grid-template-columns: 1fr 420px; gap: 20px; margin-top: 10px; } @media (max-width: 768px) { .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid { grid-template-columns: 1fr; } } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-reply-options legend, .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-reply-attachments legend { display: block !important; float: none !important; font-size: 11.5px !important; font-family: "Inter", sans-serif; font-weight: 700 !important; color: var(--black_500) !important; letter-spacing: 0.8px; text-transform: uppercase; margin: 0 0 10px 0 !important; border: none !important; padding: 0 !important; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .upload-attachments-form legend { display: none !important; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .upload-attachments-form { /* hide inner legend, we provide our own */ } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner { background: var(--bs-white); border-radius: 8px; display: flex; flex-direction: column; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.03); overflow: hidden; /* ─── Individual Option Row ─── */ } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-row { display: flex; align-items: center; gap: 12px; padding: 14px 16px; transition: background 0.15s ease; cursor: pointer; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-row:hover { background: var(--black_25, #f9fafb); } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-row + .frmx-option-row { border-top: 1px solid var(--black_50, #f0f0f0); } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner { /* ─── Icon Badge ─── */ } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-icon { width: 32px; height: 32px; min-width: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-icon svg { width: 16px; height: 16px; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-icon--notify { background: linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(139, 92, 246, 0.12)); color: var(--bbpc_brand_color, #4f46e5); } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-icon--private { background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(251, 191, 36, 0.15)); color: #b45309; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner { /* ─── Label Block (Title + Description) ─── */ } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-label { flex: 1; display: flex; flex-direction: column; gap: 1px; cursor: pointer; min-width: 0; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-title { display: block; font-size: 13.5px; font-weight: 600; color: var(--black_800, #1f2937); line-height: 1.3; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-option-desc { display: block; font-size: 11.5px; font-weight: 400; color: var(--black_400, #9ca3af); line-height: 1.4; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner { /* ─── Toggle Switch ─── */ } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-toggle { position: relative; display: inline-flex; align-items: center; cursor: pointer; flex-shrink: 0; width: 40px; height: 22px; margin: 0 !important; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-toggle input[type=checkbox] { -moz-appearance: none; appearance: none; -webkit-appearance: none; width: 0; height: 0; opacity: 0; position: absolute; pointer-events: none; margin: 0 !important; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-toggle .frmx-toggle-slider { position: absolute; inset: 0; background: var(--black_150, #d4d4d4); border-radius: 22px; transition: background 0.25s ease, box-shadow 0.25s ease; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-toggle .frmx-toggle-slider::before { content: ""; position: absolute; width: 16px; height: 16px; left: 3px; top: 3px; background: #fff; border-radius: 50%; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-toggle input[type=checkbox]:checked + .frmx-toggle-slider { background: var(--bbpc_brand_color, #4f46e5); } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-toggle input[type=checkbox]:checked + .frmx-toggle-slider::before { transform: translateX(18px); } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner .frmx-toggle input[type=checkbox]:focus-visible + .frmx-toggle-slider { box-shadow: 0 0 0 3px color-mix(in srgb, var(--bbpc_brand_color, #4f46e5) 20%, transparent); } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner { /* ─── Legacy

fallback for hook-injected options ─── */ } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner p:has(> input[type=checkbox]) { display: flex; align-items: center; width: 100%; padding: 12px 16px; margin: 0 !important; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner p:has(> input[type=checkbox]) + p:has(> input[type=checkbox]), .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner p:has(> input[type=checkbox]) + .frmx-option-row { border-top: 1px solid var(--black_50, #f0f0f0); } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner p:has(> input[type=checkbox]) label { flex: 1; font-size: 13.5px; font-weight: 500; color: var(--black_800); cursor: pointer; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner p:has(> input[type=checkbox]) input[type=checkbox] { -moz-appearance: none; appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 1.5px solid var(--black_200); border-radius: 4px; background-color: transparent; margin: 0 12px 0 0; cursor: pointer; position: relative; flex-shrink: 0; } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner p:has(> input[type=checkbox]) input[type=checkbox]:checked { background-color: var(--bbpc_brand_color); border-color: var(--bbpc_brand_color); } .bbp-reply-form > form > fieldset.bbp-form > div > .frmx-reply-bottom-grid .frmx-options-inner p:has(> input[type=checkbox]) input[type=checkbox]:checked::after { content: ""; position: absolute; display: block; width: 4px; height: 8px; border: solid #fff; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); top: 2px; left: 6px; } .bbp-reply-form { /* ----- Tags field (chip-based input) ----- */ } .bbp-reply-form .frmx-tags-field { width: 100% !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; background: var(--bs-white) !important; border: 1px solid var(--black_100) !important; border-radius: 8px !important; padding: 8px 14px !important; min-height: 44px !important; transition: border-color 0.2s ease, box-shadow 0.2s ease; cursor: text; margin: 0 !important; } .bbp-reply-form .frmx-tags-field:focus-within { border-color: var(--bbpc_brand_color) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--bbpc_brand_color) 12%, transparent) !important; } .bbp-reply-form .frmx-tags-field .frmx-tags-icon { display: flex; align-items: center; color: var(--black_400); flex-shrink: 0; line-height: 0; } .bbp-reply-form .frmx-tags-field .frmx-tags-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; } .bbp-reply-form .frmx-tags-field .frmx-tag-chip { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: color-mix(in srgb, var(--bbpc_brand_color) 10%, transparent) !important; color: var(--bbpc_brand_color) !important; border-radius: 20px !important; padding: 5px 6px 5px 12px !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.3 !important; white-space: nowrap !important; border: none !important; box-shadow: none !important; margin: 0 !important; animation: frmxChipIn 0.15s ease; } .bbp-reply-form .frmx-tags-field .frmx-tag-chip .frmx-tag-text { color: inherit; } .bbp-reply-form .frmx-tags-field .frmx-tag-chip .frmx-tag-remove { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: color-mix(in srgb, var(--bbpc_brand_color) 15%, transparent) !important; border: none !important; color: var(--bbpc_brand_color) !important; cursor: pointer; padding: 3px !important; border-radius: 50% !important; transition: background 0.15s ease, color 0.15s ease; line-height: 0; width: 20px !important; height: 20px !important; box-shadow: none !important; margin: 0 !important; } .bbp-reply-form .frmx-tags-field .frmx-tag-chip .frmx-tag-remove svg { width: 12px !important; height: 12px !important; display: block; } .bbp-reply-form .frmx-tags-field .frmx-tag-chip .frmx-tag-remove:hover { background: color-mix(in srgb, var(--bbpc_brand_color) 25%, transparent) !important; } .bbp-reply-form .frmx-tags-field .frmx-tags-input { flex: 1 1 80px !important; min-width: 80px !important; border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; font-size: 13.5px !important; height: auto !important; min-height: auto !important; color: var(--black_800) !important; width: auto !important; } .bbp-reply-form .frmx-tags-field .frmx-tags-input::-moz-placeholder { color: var(--black_400); font-weight: 400; } .bbp-reply-form .frmx-tags-field .frmx-tags-input::placeholder { color: var(--black_400); font-weight: 400; } @keyframes frmxChipIn { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } } .bbp-reply-form { /* ----- Legacy tags selectors (hidden, kept for specificity overrides) ----- */ } .bbp-reply-form .bbp-form-topic-tags, .bbp-reply-form p:has(> #bbp_topic_tags) { display: none !important; } .bbp-reply-form label[for=bbp_topic_tags] { display: none !important; } .bbp-reply-form #bbp_topic_tags { /* hidden input — no visual styles needed */ } .bbp-reply-form { /* ----- Checkboxes: lightweight, side-by-side within the flex row ----- */ } .bbp-reply-form p:has(> input[type=checkbox]) { display: inline-flex; align-items: center; gap: 7px; margin: 0 !important; padding: 5px 0; background: transparent; border: none; border-radius: 0; width: auto; } .bbp-reply-form p:has(> input[type=checkbox]):hover { background: transparent; } .bbp-reply-form p:has(> input[type=checkbox]) input[type=checkbox] { width: 15px; height: 15px; accent-color: var(--bbpc_brand_color); cursor: pointer; margin: 0; flex: 0 0 auto; } .bbp-reply-form p:has(> input[type=checkbox]) label { font-size: 13px !important; font-weight: 400 !important; color: var(--black_600) !important; margin: 0 !important; cursor: pointer; line-height: 1.4; } .bbp-reply-form { /* Visual divider between adjacent checkbox options */ } .bbp-reply-form > form > fieldset.bbp-form > div > p:has(> input[type=checkbox]) + p:has(> input[type=checkbox]) { padding-left: 14px; border-left: 1px solid var(--black_100); } .bbp-reply-form { /* ----- Upload Attachments section ----- */ } .bbp-reply-form .upload-attachments-form { margin: 0 !important; padding: 0 !important; background: transparent; border: none !important; border-radius: 0; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui { display: flex; flex-direction: column; gap: 8px; width: 100%; /* File list — stacked cards */ } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list { display: flex; flex-direction: column; gap: 6px; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item { display: flex; align-items: center; background: var(--bs-white); border: 1px solid var(--black_75); border-radius: 8px; padding: 9px 12px; gap: 10px; transition: border-color 0.15s ease, box-shadow 0.15s ease; animation: frmxAttachIn 0.18s ease both; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item:hover { border-color: var(--black_150); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item { /* Coloured file-type badge */ } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item .frmx-file-icon-wrapper { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 34px; height: 34px; background: color-mix(in srgb, var(--bbpc_brand_color) 10%, transparent); border-radius: 6px; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item .frmx-file-icon-wrapper svg { color: var(--bbpc_brand_color); } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item { /* Name + size stacked */ } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item .frmx-file-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item .frmx-file-name { font-size: 13px; color: var(--black_800); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item .frmx-file-size { font-size: 11px; color: var(--black_400); font-weight: 400; line-height: 1; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item { /* Remove button */ } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item .frmx-remove-file { flex-shrink: 0; display: flex !important; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; color: var(--black_400) !important; background: transparent !important; border: none !important; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; padding: 0 !important; margin-left: auto; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachments-list .frmx-attachment-item .frmx-remove-file:hover { background: color-mix(in srgb, #dc3545 10%, transparent) !important; color: #dc3545 !important; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui { /* "Add more files" drop-zone button */ } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-add-file-btn { width: 100%; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 11px 16px; background: transparent; border: 1.5px dashed var(--black_150); border-radius: 8px; color: var(--black_500); font-size: 13px; font-weight: 500; cursor: pointer; transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease; line-height: 1; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-add-file-btn .frmx-add-icon { display: flex; align-items: center; flex-shrink: 0; opacity: 0.7; transition: opacity 0.2s ease, transform 0.2s ease; } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-add-file-btn:hover { border-color: var(--bbpc_brand_color); color: var(--bbpc_brand_color); background: color-mix(in srgb, var(--bbpc_brand_color) 4%, transparent); } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-add-file-btn:hover .frmx-add-icon { opacity: 1; transform: scale(1.1); } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-add-file-btn.frmx-drag-over { border-color: var(--bbpc_brand_color); background: color-mix(in srgb, var(--bbpc_brand_color) 6%, transparent); color: var(--bbpc_brand_color); } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui { /* Limit note — small, muted */ } .bbp-reply-form .upload-attachments-form .frmx-attachments-ui .frmx-attachment-limit-note { font-size: 11px; color: var(--black_350, #adb5bd); line-height: 1.4; display: flex; align-items: center; gap: 4px; } @keyframes frmxAttachIn { from { opacity: 0; transform: translateY(-4px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } .bbp-reply-form { /* ----- Submit wrapper ----- */ } .bbp-reply-form .bbp-submit-wrapper { float: none !important; clear: both; margin: 4px 0 0 !important; padding-top: 12px; border-top: 1px solid var(--black_75); display: flex !important; align-items: center; justify-content: flex-end; gap: 14px; flex-flow: row wrap !important; /* Cancel reply link – clean text style matching reference */ } .bbp-reply-form .bbp-submit-wrapper #bbp-cancel-reply-to-link { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 500; color: var(--black_500, #7a808c); text-decoration: none !important; padding: 10px 16px; border-radius: 8px; transition: color 0.15s ease, background 0.15s ease; cursor: pointer; } .bbp-reply-form .bbp-submit-wrapper #bbp-cancel-reply-to-link:hover { color: var(--black_800); background: var(--black_50, #f5f5f5); } .bbp-reply-form .bbp-submit-wrapper #bbp-cancel-reply-to-link:active { background: var(--black_75, #ebebeb); } .bbp-reply-form .bbp-submit-wrapper a:not(#bbp-cancel-reply-to-link) { color: var(--black_600); text-decoration: none; font-size: 13px; font-weight: 500; } .bbp-reply-form .bbp-submit-wrapper a:not(#bbp-cancel-reply-to-link):hover { color: var(--bbpc_brand_color); } .bbp-reply-form .bbp-submit-wrapper .frmx-cancel-divider { display: none; /* Not needed – Cancel sits next to Post Reply */ } .bbp-reply-form .bbp-submit-wrapper .submit, .bbp-reply-form .bbp-submit-wrapper .fill-brand { margin: 0 !important; padding: 11px 28px !important; font-size: 14.5px !important; font-weight: 700 !important; letter-spacing: 0.2px; border: none !important; border-radius: 8px !important; background: var(--bbpc_brand_color) !important; color: #fff !important; cursor: pointer; box-shadow: 0 4px 16px rgba(76, 76, 241, 0.28); transition: transform 0.12s ease, box-shadow 0.18s ease, background 0.15s ease; width: auto !important; line-height: 1.4; } .bbp-reply-form .bbp-submit-wrapper .submit:hover, .bbp-reply-form .bbp-submit-wrapper .fill-brand:hover { background: color-mix(in srgb, var(--bbpc_brand_color) 88%, #000) !important; box-shadow: 0 7px 22px rgba(76, 76, 241, 0.34); transform: translateY(-1px); } .bbp-reply-form .bbp-submit-wrapper .submit:active, .bbp-reply-form .bbp-submit-wrapper .fill-brand:active { transform: translateY(0); box-shadow: 0 3px 10px rgba(76, 76, 241, 0.22); } .bbp-reply-form .bbp-submit-wrapper .submit:focus-visible, .bbp-reply-form .bbp-submit-wrapper .fill-brand:focus-visible { outline: 3px solid rgba(76, 76, 241, 0.38); outline-offset: 2px; } @media (max-width: 576px) { .bbp-reply-form .bbp-submit-wrapper { justify-content: stretch; flex-direction: column; align-items: stretch; } .bbp-reply-form .bbp-submit-wrapper a { text-align: center; margin-right: 0; } .bbp-reply-form .bbp-submit-wrapper .submit, .bbp-reply-form .bbp-submit-wrapper .fill-brand { width: 100% !important; text-align: center; } } .bbp-form { padding: 0; margin: 0; border: none; } .bbp-form legend { font-family: "Roboto", sans-serif; color: var(--black_900); font-size: 20px; font-weight: 500; line-height: 1.4; display: inline !important; } .bbp-form .bbp-attachments-form label, .bbp-form .bbp_topic_tags { font-weight: 500; font-family: "Roboto", sans-serif; color: var(--black_800); font-size: 14px; margin-bottom: 2px; } .bbp-form label { font-size: 14px; font-weight: 500; color: #425466; font-family: "Roboto", sans-serif; } .bbp-form { font-size: 14px; font-weight: 400; border: none !important; } .bbpc_attachments input[type=file]::file-selector-button, .bbpc_attachments input[type=file]::-webkit-file-upload-button { background-color: #e9ecef; color: black; border: none; padding: 12px; cursor: pointer; font-weight: 500; font-family: roboto, sans-serif; } .bbpress-reply-head .bbpress-reply-head-abovetitle { color: var(--black_800); font-size: 20px; font-weight: 500; line-height: 1.4; } /* Legacy tags label – no longer visible in reply form */ label[for=bbp_topic_tags] { font-weight: 500; color: var(--black_800); font-size: 14px; } /* Legacy tags input — now hidden in reply form, kept for topic form */ #new-post #bbp_topic_tags[type=hidden] { display: none; } .bbp-the-content-wrapper { margin-top: 30px; margin-bottom: 25px; } .bbp-reply-form .bbp-the-content-wrapper { margin-top: 0 !important; margin-bottom: 0 !important; } .bbp-reply-author img { max-width: 40px; height: auto; margin-top: -5px; border-radius: 50%; } .bbp-reply-author .bbp-voting { left: 34px; } .bbp-reply-content .bbp-head-area { flex-direction: column; align-items: flex-start; flex-wrap: wrap; padding-bottom: 5px; } .reply-result > .type-reply { display: flex; flex-direction: row; align-items: flex-start; gap: 20px; padding: 15px 0; } .reply-result > .type-reply.forum-comment .forum-post-top { width: 100%; justify-content: space-between; } .reply-result > .type-reply .forum-post-top { justify-content: start; } .reply-result > .type-reply .comment-content { border-bottom: 0; padding-bottom: 0; } .bbp-reply-content { flex-grow: 1; } .reply-author-displayname a { text-decoration: none; } .reply-author-displayname a .bbp-author-name { font-size: 15px; font-weight: 500; color: var(--black_700); line-height: 1.4; text-decoration: none !important; list-style: none; } .bbp-meta a { font-size: 14px; color: var(--black_400); font-weight: 500; } .bbp-admin-links-dropdown select:focus, .bbp-admin-links-dropdown select:focus-visible { border: 1px solid #999 !important; outline: none; } .replies-sorting .replies-sort-select { font-size: 14px; border: solid 1px var(--black_50); box-shadow: none; background-color: var(--bs-white); border-radius: 5px; color: var(--black_600); } .forum-layout a { text-decoration: none !important; } .post-header .category-menu .all-users a img { width: 20px; margin-right: 10px; display: inline-block; border-radius: 50%; } .post-header .category-menu .tagList a span { border-radius: 4px; width: 12px; height: 12px; background: var(--bbpc_brand_color); display: inline-block; margin-right: 10px; vertical-align: -3px; } .action_btn { font-size: 16px; font-weight: 400; color: #fff; box-shadow: 0 20px 30px 0 rgba(8, 102, 255, 0.24); border-radius: 4px; background: var(--bbpc_brand_color); display: inline-block; padding: 14px 28px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out; text-decoration: none !important; } .dropdown-menu .all-users { padding-left: 22px !important; } .dropdown-menu .all-users .userlist { padding-left: 0px; } #bbpress-forums { font-size: 14px; line-height: 1.7; } #bbpress-forums .bbp-single-user-details { background: var(--bs-white); border-radius: 10px; padding: 30px 20px; margin-bottom: 70px; margin-left: 1rem; margin-right: 1rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } #bbpress-forums .bbp-single-user-details #bbp-user-navigation ul { padding-left: 0; margin-bottom: 0; } #bbpress-forums .bbp-single-user-details #bbp-user-navigation li { margin-top: 4px; list-style: none; } #bbpress-forums .bbp-single-user-details #bbp-user-navigation li.current a { color: #fff; background-color: #0766FF; } #bbpress-forums .bbp-single-user-details #bbp-user-navigation a { padding: 10px 15px; border: none; font-size: 14px; color: var(--black_800); background: rgba(208, 215, 222, 0.32); border-radius: 3px; display: block; text-decoration: none; font-family: "Roboto", sans-serif; } #bbpress-forums .bbp-user-body { background: var(--bs-white); margin-bottom: 120px; border-radius: 10px; } #bbpress-forums #bbp-user-wrapper { display: flex; } @media screen and (max-width: 767px) { #bbpress-forums #bbp-user-wrapper { display: block; } } .bbp-user-section h3 { font-size: 1.75rem; font-weight: 700; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } @media (min-width: 992px) { .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } } input:not(input[type=radio], input[type=checkbox], input[type=submit], input[type=range], input[type=file]), textarea { width: 100%; } /* ============================================================ Editor wrapper — shared between reply form and topic form ============================================================ */ .bbp-reply-form .bbp-the-content-wrapper, .bbp-topic-form .bbp-the-content-wrapper { margin: 0 !important; padding: 0 !important; border-radius: 10px; border: 1px solid var(--black_100); overflow: hidden; background: var(--bs-white); transition: border-color 0.15s ease, box-shadow 0.15s ease; } .bbp-reply-form .bbp-the-content-wrapper:focus-within, .bbp-topic-form .bbp-the-content-wrapper:focus-within { border-color: var(--bbpc_brand_color); box-shadow: 0 0 0 3px rgba(76, 76, 241, 0.08); } .bbp-reply-form .bbp-the-content-wrapper, .bbp-topic-form .bbp-the-content-wrapper { /* ------ wp-editor-wrap – reset WP layout ------ */ } .bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap, .bbp-topic-form .bbp-the-content-wrapper .wp-editor-wrap { overflow: hidden; /* clear floats */ } .bbp-reply-form .bbp-the-content-wrapper, .bbp-topic-form .bbp-the-content-wrapper { /* ------ Editor tab bar (Visual / Code) ------ */ } .bbp-reply-form .bbp-the-content-wrapper .wp-editor-tabs, .bbp-topic-form .bbp-the-content-wrapper .wp-editor-tabs { display: flex !important; float: none !important; /* Override WP core float: right */ background: transparent !important; border-bottom: 1px solid var(--black_100) !important; padding: 0 4px !important; gap: 0 !important; justify-content: flex-start !important; width: auto !important; } .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor, .bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor { border: none !important; border-bottom: 2px solid transparent !important; background: transparent !important; color: var(--black_400) !important; font-size: 13px !important; font-weight: 600 !important; padding: 10px 14px !important; margin: 0 !important; border-radius: 0 !important; transition: color 0.15s ease, border-color 0.15s ease; cursor: pointer; float: none !important; height: auto !important; box-shadow: none !important; top: 0 !important; } .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor:hover, .bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor:hover { color: var(--black_700) !important; } .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce[aria-pressed=true], .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce:focus, .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-html[aria-pressed=true], .bbp-reply-form .bbp-the-content-wrapper .wp-switch-editor.switch-html:focus, .bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce[aria-pressed=true], .bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor.switch-tmce:focus, .bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor.switch-html[aria-pressed=true], .bbp-topic-form .bbp-the-content-wrapper .wp-switch-editor.switch-html:focus { color: var(--bbpc_brand_color) !important; border-bottom-color: var(--bbpc_brand_color) !important; background: transparent !important; } .bbp-reply-form .bbp-the-content-wrapper, .bbp-topic-form .bbp-the-content-wrapper { /* ------ Toolbar container ------ */ } .bbp-reply-form .bbp-the-content-wrapper .wp-editor-container, .bbp-topic-form .bbp-the-content-wrapper .wp-editor-container { border: none !important; box-shadow: none !important; clear: none !important; } .bbp-reply-form .bbp-the-content-wrapper .wp-editor-container:hover, .bbp-topic-form .bbp-the-content-wrapper .wp-editor-container:hover { border: none !important; box-shadow: none !important; } .bbp-reply-form .bbp-the-content-wrapper, .bbp-topic-form .bbp-the-content-wrapper { /* ------ Quicktags (Code view toolbar) — hidden by default, only shown in HTML/Code mode ------ */ } .bbp-reply-form .bbp-the-content-wrapper .quicktags-toolbar, .bbp-topic-form .bbp-the-content-wrapper .quicktags-toolbar { display: none !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; border: none !important; } .bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar, .bbp-topic-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar { display: flex !important; height: auto !important; flex-wrap: wrap !important; gap: 4px !important; background: var(--black_25) !important; border-top: none !important; border-bottom: 1px solid var(--black_75) !important; border-left: none !important; border-right: none !important; padding: 8px 14px !important; width: 100% !important; box-sizing: border-box !important; } .bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button, .bbp-topic-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button { all: unset; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; color: var(--black_500) !important; height: 32px !important; min-width: 32px !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; border-radius: 6px !important; cursor: pointer; text-align: center; transition: background 0.15s ease, color 0.15s ease; padding: 0 6px !important; box-shadow: none !important; } .bbp-reply-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button:hover, .bbp-topic-form .bbp-the-content-wrapper .wp-editor-wrap.html-active .quicktags-toolbar .ed_button:hover { background: var(--black_75) !important; color: var(--black_800) !important; } .bbp-reply-form .bbp-the-content-wrapper, .bbp-topic-form .bbp-the-content-wrapper { /* ------ TinyMCE Visual editor toolbar ------ */ } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce { border: none !important; box-shadow: none !important; } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp { background: var(--black_25) !important; background-color: var(--black_25) !important; border-bottom: 1px solid var(--black_75) !important; border-top: none !important; border-left: none !important; border-right: none !important; padding: 6px 10px !important; } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group { padding: 0 2px; border: none !important; background: transparent !important; box-shadow: none !important; margin: 0 !important; } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group::after, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group::after, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group::after, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group::after { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 18px; background: var(--black_150); margin: 0 4px; } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn-group:last-child::after { display: none; } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn { background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 5px !important; transition: background 0.15s ease; margin: 0 !important; } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn button, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn button, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn button, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn button { padding: 5px 7px !important; color: var(--black_500); } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover { background: var(--black_75) !important; } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover button, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover button, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn:hover button, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn:hover button { color: var(--black_800); } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active { background: color-mix(in srgb, var(--bbpc_brand_color) 10%, transparent) !important; } .bbp-reply-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button, .bbp-reply-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button, .bbp-topic-form .bbp-the-content-wrapper .mce-tinymce .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button, .bbp-topic-form .bbp-the-content-wrapper .mce-toolbar-grp .mce-toolbar .mce-btn.mce-active button { color: var(--bbpc_brand_color); } .bbp-reply-form .bbp-the-content-wrapper, .bbp-topic-form .bbp-the-content-wrapper { /* ------ Textarea / iframe area ------ */ } .bbp-reply-form .bbp-the-content-wrapper .mce-edit-area, .bbp-topic-form .bbp-the-content-wrapper .mce-edit-area { border: none !important; } .bbp-reply-form .bbp-the-content-wrapper .mce-edit-area iframe, .bbp-topic-form .bbp-the-content-wrapper .mce-edit-area iframe { min-height: 160px !important; background: var(--bs-white) !important; } .bbp-reply-form .bbp-the-content-wrapper textarea, .bbp-topic-form .bbp-the-content-wrapper textarea { min-height: 160px !important; padding: 14px 18px !important; font-size: 14px; line-height: 1.6; resize: vertical; border: none !important; outline: none !important; background: var(--bs-white) !important; color: var(--black_800); } .bbp-reply-form .bbp-the-content-wrapper textarea::-moz-placeholder, .bbp-topic-form .bbp-the-content-wrapper textarea::-moz-placeholder { color: var(--black_400); font-weight: 400; } .bbp-reply-form .bbp-the-content-wrapper textarea::placeholder, .bbp-topic-form .bbp-the-content-wrapper textarea::placeholder { color: var(--black_400); font-weight: 400; } .bbp-topic-form { background: var(--bs-white); padding: 55px; border-radius: 10px; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; margin-top: 60px; } .bbp-topic-form input#anonymous_topic { margin-left: 17px !important; margin-top: 20px !important; } .frmx-nice-select { background-color: var(--bs-white) !important; border-color: var(--black_75) !important; } .frmx-nice-select .list { background-color: var(--bs-white) !important; } .frmx-nice-select .list .option { color: var(--black_600) !important; } .frmx-nice-select .list .option:hover, .frmx-nice-select .list .option.focus, .frmx-nice-select .list .option.selected.focus { background-color: var(--black_25) !important; } body.body_dark .frmx-nice-select .list { border: 1px solid #3b3b3b !important; } /* Global quicktags — only for non-reply-form contexts (e.g. topic form) */ .quicktags-toolbar:not(.bbp-reply-form .quicktags-toolbar):not(.frmx-inline-edit-content .quicktags-toolbar) { display: flex; flex-wrap: wrap; gap: 2px; border: 1px solid #dcdcdc; box-sizing: border-box; width: 100%; justify-content: flex-start; } .quicktags-toolbar:not(.bbp-reply-form .quicktags-toolbar):not(.frmx-inline-edit-content .quicktags-toolbar) .ed_button { all: unset; display: inline-flex; align-items: center; justify-content: center; background: var(--bs-white, #ffffff); border: 1px solid #2271b1; color: #2271b1; height: auto; min-width: 28px; font-family: sans-serif; border-radius: 3px; cursor: pointer; box-sizing: border-box; text-align: center; transition: all 0.2s ease; } .quicktags-toolbar:not(.bbp-reply-form .quicktags-toolbar):not(.frmx-inline-edit-content .quicktags-toolbar) .ed_button:hover { background-color: #f0f6fa; border-color: #135e96; color: #135e96; text-decoration: none; } body.bbpress.ast-separate-container article, .ast-separate-container .ast-article-single:not(.ast-related-post) { padding: 0; background: transparent !important; } #bbpress-forums #bbp-your-profile fieldset label[for] { float: none; width: auto; padding: 0; text-align: left; cursor: default; } #bbpress-forums #bbp-your-profile fieldset.submit button { float: left; } #bbpress-forums #bbp-your-profile fieldset { padding: 0px; } #bbpress-forums #bbp-your-profile fieldset.submit button { font: 500 14px "Roboto", sans-serif; color: #fff !important; margin: 0; background: rgba(8, 102, 255, 0.8); padding: 15px 30px; border-radius: 4px; transition: all 0.3s linear; cursor: pointer; text-decoration: none !important; border: none; width: -moz-fit-content; width: fit-content; } #bbpress-forums #bbp-your-profile fieldset textarea { width: 100%; } /* Share Button */ .forumax-share-btn { color: var(--black_600, #6b707f); margin: 0 0 0px; align-items: base-line; display: flex; align-items: center; gap: 8px; text-decoration: none !important; cursor: pointer; font-size: 16px; width: -moz-max-content; width: max-content; } .forumax-share-btn:hover { color: var(--bbpc_brand_color, #0073aa); } /* Modal Styles */ div#forumax_share_modal { display: none; /* Hidden by default */ background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; } div#forumax_share_modal .forumax-modal-dialog { max-width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content { padding: 30px 30px 35px; background-color: var(--bs-white); border-radius: 6px; position: relative; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .close { position: absolute; right: 15px; top: 15px; font-size: 24px; line-height: 1; cursor: pointer; color: var(--black_600, #6b707f); text-decoration: none; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .close:hover { color: #cd2653; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap p { margin: 0; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap h2 { font-size: 24px; font-weight: 700; margin: 0 0 20px 0; padding: 0; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .social-links { margin-bottom: 20px; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .social-links a { width: 50px; height: 50px; background-color: var(--black_50, #f7f8f9); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--black_600, #6b707f); margin-right: 10px; text-decoration: none; transition: all 0.3s; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .social-links a:hover { background-color: #e2e6ea; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .social-links a i { font-size: 20px; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .social-links a svg { width: 20px; height: 20px; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .social-links a:nth-child(2) > i { color: rgb(66, 103, 178); } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .social-links a:nth-child(3) > i { color: rgb(0, 114, 177); } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .social-links a:nth-child(4) > i, div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .social-links a:nth-child(4) > svg { color: #000; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .copy-url-wrap { position: relative; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .copy-url-wrap input { width: 100%; background: var(--black_25, #fcfcfc); height: 40px; padding: 0 40px 0 15px; font-size: 14px; border: 1px solid var(--black_50, #eaeeef); border-radius: 4px; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .copy-url-wrap .share-this-doc { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; color: var(--black_600, #6b707f); } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .copy-url-wrap .share-this-doc img { border: none; } div#forumax_share_modal .forumax-modal-dialog .forumax-modal-content .forumax-share-wrap .copy-url-wrap .share-this-doc:hover { color: var(--bbpc_brand_color, #0073aa); } /* Link Copied Notification - Global */ .forumax-link-copied-wrap { position: fixed; right: 20px; top: 20px; background: var(--bbpc_brand_color); color: var(--bs-white); padding: 12px 20px; border-radius: 6px; display: none; font-size: 14px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); border: 1px solid var(--bbpc_brand_color); align-items: center; gap: 12px; white-space: nowrap; z-index: 200000; font-weight: 500; } .forumax-link-copied-wrap .icon_check_alt2 { color: var(--bs-white); font-size: 18px; } .forumax-link-copied-wrap .close-notice { font-size: 16px; color: var(--bs-white); cursor: pointer; margin-left: 5px; display: flex; } .forumax-link-copied-wrap .close-notice:hover { color: #ea0606; } .forumax-link-copied-wrap:after { display: none; } .bbp-eib-content .bbp-eib-title { color: #000; } .bbp-eib-content .tab-content .bbp-eib-input { background: transparent; color: black; } #wp-media-modal .media-frame-title h1 { color: #000; } #wp-media-modal input#image-details-link-to-custom { color: black; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background-color: var(--bs-white); } #bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea { background-color: var(--bs-white); color: var(--black_900); } #bbpress-forums div.even, #bbpress-forums ul.even { background-color: var(--black_25); } #bbpress-forums div.reply { padding: 28px; } .main-post .bbp-voting { left: 532px !important; top: 86px !important; } .forum-main-column .main-post .bbp-voting { top: 190px !important; } /* === TOPIC LEAD DESIGN IMPROVEMENTS === */ /* Hide Upvote/Downvote text labels globally - show icons only */ .single-topic .main-post .bbp-voting .bbp-voting-label, .topic-content-wrapper .bbp-voting .bbp-voting-label, .bbp-voting .bbp-voting-label.helpful, .bbp-voting .bbp-voting-label.not-helpful { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; overflow: hidden !important; font-size: 0 !important; } /* All reaction buttons in ONE horizontal row */ .single-topic .main-post .forum-post-content { padding-left: 0; /* Wrapper for all reaction elements */ } .single-topic .main-post .forum-post-content .bbpc-footer-actions, .single-topic .main-post .forum-post-content .bbpc-agree-disagree-buttons { display: inline-flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; } @media (max-width: 768px) { .single-topic .main-post .forum-post-content .bbpc-footer-actions, .single-topic .main-post .forum-post-content .bbpc-agree-disagree-buttons { display: flow-root !important; } } .single-topic .main-post .forum-post-content { /* Container that holds agree/disagree + same question + react */ } .single-topic .main-post .forum-post-content .bbpc-footer-actions { gap: 12px !important; margin-top: 25px !important; } .single-topic .main-post .forum-post-content { /* Agree/Disagree buttons styling */ } .single-topic .main-post .forum-post-content .bbpc-agree-button, .single-topic .main-post .forum-post-content .bbpc-disagree-button { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 16px !important; border-radius: 0.5rem; border: 1px solid var(--black_100) !important; background: var(--bs-white) !important; font-size: 14px !important; font-weight: 500 !important; color: var(--black_700) !important; cursor: pointer !important; transition: all 0.2s ease !important; } @media (max-width: 768px) { .single-topic .main-post .forum-post-content .bbpc-agree-button, .single-topic .main-post .forum-post-content .bbpc-disagree-button { margin-right: 10px; margin-bottom: 5px; } } .single-topic .main-post .forum-post-content .bbpc-agree-button:hover, .single-topic .main-post .forum-post-content .bbpc-disagree-button:hover { background: var(--black_25) !important; border-color: var(--black_150) !important; } .single-topic .main-post .forum-post-content .bbpc-agree-button.active, .single-topic .main-post .forum-post-content .bbpc-disagree-button.active { background: #e3f2fd !important; border-color: #2196f3 !important; color: #1976d2 !important; } .single-topic .main-post .forum-post-content .bbpc-agree-button .bbpc-reactions-btn-counter, .single-topic .main-post .forum-post-content .bbpc-disagree-button .bbpc-reactions-btn-counter { padding: 0.125rem 0.375rem !important; line-height: 1rem !important; border-radius: 0.25rem !important; width: inherit !important; } .single-topic .main-post .forum-post-content { /* Counter beside buttons */ } .single-topic .main-post .forum-post-content .bbpc-reactions-btn-counter { font-size: 14px !important; font-weight: 600 !important; color: var(--black_600) !important; margin-left: -5px !important; } .single-topic .main-post .forum-post-content { /* I have the same question button */ } .single-topic .main-post .forum-post-content .bbpc-same-topic-btn, .single-topic .main-post .forum-post-content [class*=same-topic] button, .single-topic .main-post .forum-post-content [class*=same-question] button { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 16px !important; border-radius: 0.5rem !important; border: 1px solid var(--black_100) !important; background: var(--bs-white) !important; font-size: 14px !important; font-weight: 500 !important; color: var(--black_700) !important; margin: 0; margin-top: 3px; } @media (max-width: 375px) { .single-topic .main-post .forum-post-content .bbpc-same-topic-btn, .single-topic .main-post .forum-post-content [class*=same-topic] button, .single-topic .main-post .forum-post-content [class*=same-question] button { padding: 8px 6px !important; font-size: 10px !important; } } .single-topic .main-post .forum-post-content .bbpc-same-topic-btn:hover, .single-topic .main-post .forum-post-content [class*=same-topic] button:hover, .single-topic .main-post .forum-post-content [class*=same-question] button:hover { background: var(--black_25) !important; } .single-topic .main-post .forum-post-content { /* React button */ } .single-topic .main-post .forum-post-content .forumax-emoji-reactions, .single-topic .main-post .forum-post-content [class*=react] { display: inline-flex !important; align-items: center !important; } @media (max-width: 768px) { .single-topic .main-post .forum-post-content .forumax-emoji-reactions, .single-topic .main-post .forum-post-content [class*=react] { align-items: start !important; } } .single-topic .main-post .forum-post-content .reaction-count-item { align-items: center !important; padding: 6px 12px; border: 1px solid; } /* Force horizontal layout for all content after topic content */ .single-topic .main-post .content.editor-content + * { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; } @media (max-width: 768px) { .single-topic .main-post .content.editor-content + * { align-items: start !important; } } /* Share button inline styling */ .single-topic .main-post .frmx-share-btn, .single-topic .main-post [class*=share-topic] { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 16px !important; border-radius: 50px !important; background: transparent !important; font-size: 14px !important; font-weight: 500 !important; color: var(--black_600) !important; cursor: pointer !important; } .single-topic .main-post .frmx-share-btn:hover, .single-topic .main-post [class*=share-topic]:hover { background: var(--black_25) !important; } .single-topic .main-post .frmx-share-btn, .single-topic .main-post [class*=share-topic] { /* Hide the "Share this Topic" text, show only "Share" or icon */ } .single-topic .main-post .frmx-share-btn .share-text-full, .single-topic .main-post [class*=share-topic] .share-text-full { display: none !important; } .forum-post-content .bbp-voting { position: static; } .frmx-reaction-topic-wrap { margin-top: 0; } /* ============================ Profile Avatar Upload ============================ */ /* Override bbPress default fieldset div styles for the avatar section */ #bbpress-forums #bbp-your-profile fieldset.frmx-avatar-fieldset div { float: none !important; clear: none !important; width: auto !important; margin-bottom: 0 !important; } #bbpress-forums #bbp-your-profile fieldset.frmx-avatar-fieldset { margin-bottom: 10px; padding: 0 0 20px 0; border-bottom: 1px solid var(--black_50, #eaeeef); } #bbpress-forums #bbp-your-profile fieldset.frmx-avatar-fieldset legend { display: block !important; width: 100% !important; float: none !important; font-size: 18px; font-weight: 600; color: var(--black_800); margin-bottom: 18px; padding: 0; } .frmx-avatar-upload-wrap { display: flex !important; align-items: center !important; gap: 20px; flex-wrap: nowrap; } .frmx-avatar-preview { position: relative !important; width: 96px !important; min-width: 96px; height: 96px !important; border-radius: 50%; overflow: visible !important; flex-shrink: 0; } .frmx-avatar-preview img { width: 96px !important; height: 96px !important; border-radius: 50% !important; -o-object-fit: cover; object-fit: cover; border: 2px solid var(--black_75, #e0e4e8); transition: opacity 0.3s ease; display: block; } .frmx-avatar-preview.frmx-avatar-uploading img { opacity: 0.4; } .frmx-avatar-preview.frmx-avatar-uploading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; margin: -14px 0 0 -14px; border: 3px solid var(--black_100, #d0d5dc); border-top-color: var(--bbpc_brand_color); border-radius: 50%; animation: frmx-spin 0.7s linear infinite; } .frmx-avatar-remove { position: absolute !important; top: 0 !important; right: 0 !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; background: #e74c3c !important; color: #fff !important; border: 2px solid #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; transition: background 0.2s ease, transform 0.2s ease; padding: 0 !important; z-index: 2; line-height: 1 !important; } .frmx-avatar-remove:hover { background: #c0392b !important; transform: scale(1.1); } .frmx-avatar-remove svg { display: block; } .frmx-avatar-actions { display: flex !important; flex-direction: column !important; gap: 8px; } .frmx-avatar-upload-btn { display: inline-flex !important; align-items: center; gap: 8px; padding: 9px 18px !important; background: var(--bbpc_brand_color, #4c4cf1); color: #fff !important; border: none !important; border-radius: 5px; font-size: 14px; font-weight: 500; font-family: "Roboto", sans-serif; cursor: pointer; transition: background 0.25s ease, box-shadow 0.25s ease; width: -moz-fit-content !important; width: fit-content !important; max-width: -moz-fit-content !important; max-width: fit-content !important; line-height: 1.4; } .frmx-avatar-upload-btn:hover { background: rgba(8, 102, 255, 0.85); box-shadow: 0 4px 12px rgba(8, 102, 255, 0.3); } .frmx-avatar-upload-btn svg { flex-shrink: 0; } .frmx-avatar-file-input { display: none !important; } .frmx-avatar-hint { font-size: 12px; color: var(--black_400, #8b919e); margin: 0 !important; padding: 0 !important; line-height: 1.4; } .frmx-avatar-status { display: none; font-size: 13px; font-weight: 500; padding: 6px 12px; border-radius: 4px; margin-top: 2px; width: -moz-fit-content; width: fit-content; } .frmx-avatar-status.frmx-status-success { background: #d4edda; color: #155724; } .frmx-avatar-status.frmx-status-error { background: #f8d7da; color: #721c24; } .frmx-avatar-status.frmx-status-info { background: #d1ecf1; color: #0c5460; } @keyframes frmx-spin { to { transform: rotate(360deg); } } /* Responsive adjustments for avatar upload */ @media screen and (max-width: 576px) { .frmx-avatar-upload-wrap { flex-direction: column; align-items: flex-start; gap: 14px; } .frmx-avatar-preview { width: 80px !important; min-width: 80px; height: 80px !important; } .frmx-avatar-preview img { width: 80px !important; height: 80px !important; } } /* ============================ Nested / Threaded Replies ============================ */ /* Main reply list reset */ .bbp-replies-list { list-style: none !important; padding-left: 0 !important; margin: 0; } .bbp-replies-list > li { list-style: none !important; } .bbp-replies-list { /* Ensure .forum-comment has position context for absolutely-positioned .bbp-voting */ } .bbp-replies-list .forum-comment { position: relative; } .bbp-replies-list { /* --- Nested children (depth 1) --- */ } .bbp-replies-list .children { list-style: none !important; padding-left: 0 !important; margin-left: 10px; /* Closer to the thread line */ overflow: hidden; transition: max-height 0.35s ease; } .bbp-replies-list .children > li { list-style: none !important; padding-left: 12px; position: relative; /* Nested reply card restyling: gray background, no border/shadow, smaller avatar */ } .bbp-replies-list .children > li > .forum-comment .frmx-reply-avatar img { width: 28px; height: 28px; } .bbp-replies-list .children > li > .forum-comment .frmx-reply-avatar { /* Adjust thread line anchor point for smaller avatar */ } .bbp-replies-list .children > li > .forum-comment .frmx-reply-avatar::after { top: 38px; left: 13px; } .bbp-replies-list .children > li > .forum-comment .frmx-reply-card { background: var(--black_25, #f7f8fa); border: none; box-shadow: none; padding: 16px 18px; } .bbp-replies-list .children { /* --- Depth 2+ --- */ } .bbp-replies-list .children .children { margin-left: 10px; } /* "Replying to @username" label */ .frmx-replying-to { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 500; color: var(--black_400, #9ca3af); margin-bottom: 6px; } .frmx-replying-to svg { flex-shrink: 0; opacity: 0.65; } .frmx-replying-to a { color: var(--bbpc_brand_color, #4c4cf1); text-decoration: none !important; font-weight: 600; } .frmx-replying-to a:hover { text-decoration: underline !important; } /* Reply button inside each reply */ .frmx-nested-reply-action { margin-top: 8px; } .frmx-nested-reply-action a { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: var(--black_500, #7a808c); text-decoration: none !important; padding: 0; border-radius: 0; background: transparent; transition: color 0.2s ease, text-decoration-color 0.2s ease; } .frmx-nested-reply-action a svg { flex-shrink: 0; } /* Reply button + Reactions + Voting — same row inside forum replies. * .bbp-voting, .frmx-nested-reply-action, and .forumax-reactions-wrapper are * direct children of .comment-content (via bbp_theme_after_reply_content). * The text content takes full width; action elements share one row below. */ .forum-comment .comment-content { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0; margin-top: 12px; /* The reply body text occupies its own full row */ } .forum-comment .comment-content > .bbp-reply-content, .forum-comment .comment-content > .content, .forum-comment .comment-content > p, .forum-comment .comment-content > div.frmx-replying-to { flex: 0 0 100%; } .forum-comment .comment-content { /* Actions row: voting, reply button, reactions — all inline in one row */ } .forum-comment .comment-content .bbp-voting { position: static !important; display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; padding: 0; margin: 0; border: none; background: transparent; /* No order override — appears in DOM order (after content) */ } .forum-comment .comment-content .bbp-voting .bbp-voting-label { display: none !important; } .forum-comment .comment-content .bbp-voting a.vote { font-size: 0; line-height: 0; padding: 4px; } .forum-comment .comment-content .bbp-voting a.vote::before { font-size: 16px; line-height: 1; } .forum-comment .comment-content .bbp-voting .score { font-size: 13px; font-weight: 600; min-width: 20px; text-align: center; } .forum-comment .comment-content .frmx-nested-reply-action { margin-top: 0; } .forum-comment .comment-content .forumax-reactions-wrapper { margin-top: 0; margin-left: auto; /* Push reactions to the right */ display: flex; align-items: center; gap: 8px; } .forum-comment .comment-content { /* Separator line before the actions row */ } .forum-comment .comment-content .bbp-voting, .forum-comment .comment-content .frmx-nested-reply-action, .forum-comment .comment-content .forumax-reactions-wrapper { padding-top: 10px; } .forum-comment .comment-content { /* Only first action element gets the border-top separator */ } .forum-comment .comment-content > .bbp-voting:first-of-type { margin-top: 10px; } /* Cancel reply-to link – fallback for contexts outside .bbp-reply-form */ #bbp-cancel-reply-to-link { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 500; color: var(--black_500, #7a808c); text-decoration: none !important; padding: 10px 16px; border-radius: 8px; transition: color 0.15s ease, background 0.15s ease; } #bbp-cancel-reply-to-link:hover { color: var(--black_800); background: var(--black_50, #f5f5f5); } /* Collapse / Expand toggle button */ .bbp-replies-list .frmx-thread-toggle { display: inline-flex; align-items: center; gap: 5px; padding: 0; margin: 0 65px 20px; font-size: 12px; font-weight: 500; color: var(--bbpc_brand_color, #4c4cf1); background: transparent; border: none; border-radius: 0; cursor: pointer; transition: color 0.2s ease, text-decoration-color 0.2s ease; width: auto; box-shadow: none; } .bbp-replies-list .frmx-thread-toggle:hover { text-decoration: none; } .bbp-replies-list .frmx-thread-toggle .frmx-toggle-icon { transition: transform 0.3s ease; } .bbp-replies-list .frmx-thread-toggle { /* Collapsed state — rotate chevron */ } .bbp-replies-list .frmx-thread-toggle.is-collapsed .frmx-toggle-icon { transform: rotate(-90deg); } /* Responsive — reduce indent on small screens */ @media screen and (max-width: 576px) { .bbp-replies-list .children { margin-left: 14px; } .bbp-replies-list .children > li { padding-left: 10px; } .bbp-replies-list .children .children { margin-left: 10px; } .bbp-replies-list .children .children .children { margin-left: 8px; } .frmx-thread-toggle { font-size: 11px; padding: 3px 10px; } } .frmx-reply-card .forum-post-top { justify-content: space-between; } /* Keep the reply admin menu visible inside user profile reply cards. */ .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .bbp-user-section, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forum-comment, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .frmx-reply-card, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forum-post-top, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .reply-admin-links, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .reply-admin-menu-wrap, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .bbp-admin-links-dropdown, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .bbp-admin-links-dropdown .frmx-nice-select, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .bbp-admin-links-dropdown .frmx-nice-select .list, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forumax-reactions-wrapper, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forumax-react-btn-group, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forumax-reaction-popup { overflow: visible !important; } .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forum-comment, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .frmx-reply-card, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .reply-admin-links, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .reply-admin-menu-wrap, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .bbp-admin-links-dropdown, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .bbp-admin-links-dropdown .frmx-nice-select, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forumax-reactions-wrapper, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forumax-react-btn-group { position: relative; } .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .reply-admin-links { z-index: 10; } .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .bbp-admin-links-dropdown .frmx-nice-select .list, .bbp-user-page .bbpress-wrapper .bbp-user-body #bbp-user-replies-created .forumax-reaction-popup { z-index: 1000; } /* ─── Modern Reply Button Hover Style ─── */ a.bbp-reply-to-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 14px; font-size: 14px; font-weight: 500; color: var(--black_700, #374151); background: transparent; border: 1px solid var(--black_100, #e5e7eb); border-radius: 6px; text-decoration: none; transition: all 0.2s ease; line-height: 1.5; } a.bbp-reply-to-link:hover, a.bbp-reply-to-link:focus { background: var(--bbpc_brand_color_light, rgba(79, 70, 229, 0.06)); border-color: var(--bbpc_brand_color_border, rgba(79, 70, 229, 0.15)); color: var(--bbpc_brand_color, #4f46e5); } a.bbp-reply-to-link:hover svg, a.bbp-reply-to-link:hover i, a.bbp-reply-to-link:hover path, a.bbp-reply-to-link:focus svg, a.bbp-reply-to-link:focus i, a.bbp-reply-to-link:focus path { color: var(--bbpc_brand_color, #4f46e5); } a.bbp-reply-to-link svg, a.bbp-reply-to-link i { transition: all 0.2s ease; }