/* ════════════════════════════════════════════════════════════
   PROFANS Forum CSS v3 — Minimal (hover + responsive only)
   ALL visual styles are inline in templates
   ════════════════════════════════════════════════════════════ */

/* ═══ PAGE SHELL — hide GP chrome ═══ */
body.page-id-20 .entry-header{display:none!important}
body.page-id-20 .generate-columns-container{display:block!important}
body.page-id-20 .separate-containers .inside-article,
body.page-id-20.separate-containers .inside-article{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}
body.page-id-20 .separate-containers .paging-navigation,
body.page-id-20 .comments-area,
body.page-id-20 .separate-containers .page-header{display:none!important}
body.page-id-20 article.type-page{margin-bottom:0!important;padding-bottom:0!important}

/* ═══ WPFORO WRAP ═══ */
#wpforo{background:transparent!important}
#wpforo #wpforo-wrap{max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;font-family:'Manrope',system-ui,sans-serif!important;font-size:16px!important}
#wpforo #wpforo-wrap *{text-shadow:none!important}
#wpforo #wpforo-wrap .wpforo-content{width:100%!important;float:none!important;padding:0!important}

/* ═══ HIDE ALL WPFORO DEFAULT CHROME ═══ */
#wpforo #wpforo-wrap #wpforo-header,
#wpforo #wpforo-wrap .wpforo-nav-wrap,
#wpforo #wpforo-wrap .wpf-head-bar,
#wpforo #wpforo-wrap .wpforo-breadcrumb,
#wpforo #wpforo-wrap .wpf-nbs,
#wpforo #wpforo-wrap .wpfl-1.wpforo-section,
#wpforo #wpforo-wrap .wpfl-4.wpforo-section,
#wpforo #wpforo-wrap .wpforo-post-head,
#wpforo #wpforo-wrap .post-wrap,
#wpforo #wpforo-wrap .wpf-please-login,
#wpforo #wpforo-wrap .wpf-navi,
#wpforo #wpforo-wrap .wpf-tools,
#wpforo #wpforo-wrap .wpf-replies-sep,
#wpforo #wpforo-wrap .wpf-post-replies-bar,
#wpforo #wpforo-wrap #wpforo-footer,
#wpforo #wpforo-wrap .wpf-clear,
#wpforo #wpforo-wrap .wpforo-share,
#wpforo #wpforo-wrap [class*="wpf-share"],
#wpforo #wpforo-wrap .wpforo-right-sidebar,
#wpforo #wpforo-wrap .wpforo-left-sidebar,
#wpforo #wpforo-wrap .wpf-post,
#wpforo #wpforo-wrap .wpf-post-body,
#wpforo #wpforo-wrap .wpf-post-create,
#wpforo #wpforo-wrap .wpfl-post,
#wpforo #wpforo-wrap .wpforo-post,
#wpforo #wpforo-wrap .wpf-thread-layout,
#wpforo #wpforo-wrap .wpf-form-wrapper:not(.wpf-topic-create),
#wpforo #wpforo-wrap .wpforo-subtop,
#wpforo #wpforo-wrap h1#wpforo-title,
#wpforo #wpforo-wrap .wpforo-feed,
#wpforo #wpforo-wrap .wpf-left,
#wpforo #wpforo-wrap .wpf-res-menu,
#wpforo #wpforo-wrap #wpforo-menu{display:none!important}

/* ═══ ENSURE OUR ELEMENTS VISIBLE ═══ */
#wpforo #wpforo-wrap .pfr-layout{display:grid!important;visibility:visible!important}
#wpforo #wpforo-wrap .fp-breadcrumbs{display:flex!important;visibility:visible!important}
#wpforo #wpforo-wrap .fp-op{display:flex!important;visibility:visible!important}
#wpforo #wpforo-wrap .fp-compose{display:flex!important;visibility:visible!important}
#wpforo #wpforo-wrap .fp-comments{display:block!important;visibility:visible!important}
#wpforo #wpforo-wrap .fp-comments-head{display:flex!important;visibility:visible!important}
#wpforo #wpforo-wrap .fp-compose-tools{display:flex!important;visibility:visible!important;opacity:1!important}
#wpforo #wpforo-wrap .fp-compose-bar{display:flex!important;visibility:visible!important;opacity:1!important}
#wpforo #wpforo-wrap button.fp-tool{display:inline-flex!important;visibility:visible!important;opacity:1!important}

/* ═══ SVG ICON FIXES ═══ */
#wpforo #wpforo-wrap .icon,
#wpforo #wpforo-wrap svg.icon{display:inline-block!important;max-width:none!important;width:auto!important;height:auto!important;vertical-align:middle!important;flex-shrink:0!important}

/* ═══ HOVER/FOCUS STATES ═══ */

/* Thread hover */
.pfr-thread:hover{background:rgba(0,0,0,.02)!important;text-decoration:none!important}
.pfr-thread:hover .pfr-thread-title{color:#FF5C8D!important}

/* Category link hover */
.pfr-cat-link:hover{background:rgba(255,92,141,.08)!important}

/* Vote button hover */
.pfr-vote-btn:hover{color:#FF5C8D!important;background:rgba(0,0,0,.05)!important}
.pfr-vote-btn.pfr-voted{color:#22C55E!important}
.pfr-vote-btn.pfr-voted-down{color:#dc2626!important}

/* Channel tag hover */
.pfr-ch-tag{transition:opacity .15s,background .15s,border-color .15s}
.pfr-ch-tag:hover{opacity:1!important;border-color:rgba(0,0,0,.2)!important;background:rgba(0,0,0,.03)!important;text-decoration:none!important}

/* Dark theme: all forum sidebar/main cards */
html[data-theme="dark"] .pfr-top-channels-card,
html[data-theme="dark"] .pfr-top-users-card,
html[data-theme="dark"] .pfr-top-comments-card,
html[data-theme="dark"] .pfr-categories-card,
html[data-theme="dark"] .pfr-main > div[style*="background:#fff"]{background:var(--bg-1,#1a1620)!important;border-color:var(--border,#2e2632)!important}

html[data-theme="dark"] .pfr-top-channels-card div[style*="color:#222"],
html[data-theme="dark"] .pfr-top-users-card div[style*="color:#222"],
html[data-theme="dark"] .pfr-top-comments-card div[style*="color:#222"],
html[data-theme="dark"] .pfr-top-users-card span[style*="color:#222"],
html[data-theme="dark"] .pfr-top-comments-card span[style*="color:#222"]{color:var(--text,#F3E9DD)!important}

html[data-theme="dark"] .pfr-top-comments-card a[style*="color:#333"]{color:rgba(255,255,255,.78)!important}
html[data-theme="dark"] .pfr-top-users-card div[style*="color:#999"],
html[data-theme="dark"] .pfr-top-comments-card a[style*="color:#888"]{color:rgba(255,255,255,.5)!important}

/* Categories: inactive link */
html[data-theme="dark"] .pfr-categories-card .pfr-cat-link[style*="color:#222"]{color:var(--text,#F3E9DD)!important;background:transparent!important}
html[data-theme="dark"] .pfr-categories-card .pfr-cat-link:hover{background:rgba(255,92,141,.12)!important}

/* Thread list rows */
html[data-theme="dark"] .pfr-thread{color:var(--text,#F3E9DD)!important;border-top-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .pfr-thread:hover{background:rgba(255,255,255,.03)!important}
html[data-theme="dark"] .pfr-thread-title{color:var(--text,#F3E9DD)!important}
html[data-theme="dark"] .pfr-thread-preview{color:rgba(255,255,255,.55)!important}
html[data-theme="dark"] .pfr-thread span[style*="color:#222"],
html[data-theme="dark"] .pfr-thread strong[style*="color:#222"]{color:var(--text,#F3E9DD)!important}
html[data-theme="dark"] .pfr-thread span[style*="color:#555"]{color:rgba(255,255,255,.55)!important}
html[data-theme="dark"] .pfr-thread span[style*="color:#999"]{color:rgba(255,255,255,.45)!important}

/* Main header h1 */
html[data-theme="dark"] .pfr-main-header h1{color:var(--text,#F3E9DD)!important}
html[data-theme="dark"] .pfr-sort-link[style*="color:#555"]{color:rgba(255,255,255,.7)!important;border-color:rgba(255,255,255,.18)!important}
html[data-theme="dark"] .pfr-sort-link:hover{background:rgba(255,255,255,.06)!important;color:var(--text,#F3E9DD)!important}

/* Channel tags */
html[data-theme="dark"] .pfr-ch-tag{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.12)!important}
html[data-theme="dark"] .pfr-ch-tag:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.25)!important}
html[data-theme="dark"] .pfr-ch-tag span[style*="color:#999"]{color:rgba(255,255,255,.45)!important}

/* Pagination */
html[data-theme="dark"] .pfr-navi a[style*="color:#222"]{color:var(--text,#F3E9DD)!important}
html[data-theme="dark"] .pfr-navi a:hover{background:rgba(255,255,255,.06)!important}

/* Empty state */
html[data-theme="dark"] .pfr-main > div[style*="text-align:center"]{color:rgba(255,255,255,.55)!important}

/* Sort chip hover */
.pfr-sort-link:hover{background:rgba(0,0,0,.03)!important;color:#222!important}

/* OP card action buttons */
.fp-act:hover{background:rgba(0,0,0,.05)!important;color:#222!important}
.fp-tool:hover{background:rgba(0,0,0,.05)!important;color:#222!important;border-color:#ccc!important}

/* Comment collapse line hover */
.fp-thread-line:hover{background:#FF5C8D!important}
.fp-collapse-btn:hover{background:#FF5C8D!important;color:#fff!important}

/* Comment vote hover */
.fp-comment-actions .pfr-vote-btn:hover{color:#FF5C8D!important}

/* Breadcrumbs hover */
.fp-breadcrumbs a:hover{color:#FF5C8D!important}

/* Profile link hover */
.fp-comment-meta a:hover{color:#FF5C8D!important}
.fp-op-meta a:hover{color:#FF5C8D!important}

/* Poll button hover */
.fm-poll__btn:hover{border-color:#FF5C8D!important;color:#FF5C8D!important}

/* Reply form: hidden by default, shown with .open */
#wpforo #wpforo-wrap .pfr-reply-form{display:none!important;margin:8px 0!important}
#wpforo #wpforo-wrap .pfr-reply-form.open{display:block!important}

/* Collapsed comment */
.fp-comment.collapsed>.fp-comment-main>.fp-comment-text,
.fp-comment.collapsed>.fp-comment-main>.fp-comment-actions,
.fp-comment.collapsed>.fp-comment-main>.fp-comment-children,
.fp-comment.collapsed>.fp-comment-main>.pfr-reply-form,
.fp-comment.collapsed>.fp-comment-text,
.fp-comment.collapsed>.fp-comment-actions,
.fp-comment.collapsed>.fp-comment-children,
.fp-comment.collapsed>.pfr-reply-form{display:none!important}

/* Textarea focus */
#wpforo #wpforo-wrap textarea:focus{outline:none!important;border-color:#FF5C8D!important}

/* Spoiler */
.fm-spoiler{background:#222;color:#222;border-radius:3px;padding:0 3px;cursor:pointer;transition:all .2s}
.fm-spoiler--open{background:#eee;color:#222}

/* Toast */
.pfr-toast{position:fixed!important;bottom:16px!important;left:50%!important;transform:translateX(-50%) translateY(20px)!important;padding:10px 20px!important;border-radius:6px!important;font-size:14px!important;font-weight:500!important;z-index:99999!important;pointer-events:none!important;opacity:0!important;transition:opacity .3s,transform .3s!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;background:#142030!important;color:#F3E9DD!important}
.pfr-toast--show{opacity:1!important;transform:translateX(-50%) translateY(0)!important}
.pfr-toast--success{background:#22C55E!important;color:#fff!important}
.pfr-toast--error{background:#dc2626!important;color:#fff!important}

/* Pagination */
.pfr-navi{display:flex!important;justify-content:center!important;gap:2px!important;margin:16px 0!important}
.pfr-navi a:hover{background:rgba(0,0,0,.05)!important}

/* Bookmarked state */
.pfr-bookmarked{color:#F5A524!important}

/* wpForo topic create form (keep visible) */
#wpforo #wpforo-wrap .wpf-topic-create{border-radius:10px!important;padding:16px!important;margin-bottom:12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;border:1px solid #e5e0e0!important}
#wpforo #wpforo-wrap .wpf-topic-create [name="thread[title]"]{width:100%!important;padding:8px 12px!important;border:none!important;border-radius:6px!important;font-size:16px!important;color:#222!important;background:#f5f5f5!important;box-sizing:border-box!important}

/* Kill wpForo loading spinner */
#wpforo-load, .wpforo-load, #wpforo-notifications-bar,
.wpf-load-ico-wrap, .wpf-load-txt-wrap{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important}

/* ═══ RESPONSIVE ═══ */

/* Tablet + Mobile: single-column layout, sticky off, all sidebar cards visible */
@media(max-width:1024px){
    .pfr-layout{grid-template-columns:1fr!important;gap:16px!important;padding:8px 0 32px!important}
    .pfr-sidebar-left,.pfr-sidebar-right{position:static!important;top:auto!important;gap:12px!important}
    .pfr-sidebar-left{order:2!important}
    .pfr-sidebar-right{order:3!important}
    .pfr-main{order:1!important}
}

/* Tablet 769-1024: two columns of cards within each sidebar */
@media(min-width:769px) and (max-width:1024px){
    .pfr-sidebar-left,.pfr-sidebar-right{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        align-items:start!important;
    }
    /* New topic + admin buttons span full width to keep them prominent */
    .pfr-sidebar-left > a[href*="addtopic"],
    .pfr-sidebar-left > a[href*="wpforo-settings"]{grid-column:1/-1!important}
}

/* Mobile ≤768: single-column cards, tighter padding, header stacks */
@media(max-width:768px){
    .pfr-sidebar-left,.pfr-sidebar-right{display:flex!important;flex-direction:column!important}
    .pfr-main-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:12px!important}
    .pfr-main-header h1{font-size:28px!important;line-height:1.05!important}
    .pfr-main-header > div{flex-wrap:wrap!important;width:100%!important}
    .pfr-sort-link{height:32px!important;padding:0 14px!important;font-size:12px!important;flex:1 1 auto!important;justify-content:center!important;min-width:80px!important}

    .pfr-thread{padding:10px 12px!important;gap:10px!important}
    .pfr-thread-vote{width:36px!important}
    .pfr-thread-vote .pfr-vote-btn{width:26px!important;height:26px!important}
    .pfr-thread-vote span{font-size:14px!important}

    /* Card padding tighter on phone */
    .pfr-top-comments-card,
    .pfr-top-channels-card,
    .pfr-top-users-card,
    .pfsp-active-card,
    .pfsp-top-card{padding:12px!important}
    .pfr-categories-card{padding:6px!important}
    .pfr-categories-card .pfr-cat-link{padding:8px 10px!important;font-size:12px!important}

    /* Topic-page (post view) compose */
    .fp-op-vote{padding:14px 6px 14px 8px!important;min-width:36px!important}
    .fp-op-body{padding:14px 14px 14px 0!important}
    .fp-compose{gap:8px!important}

    /* Polls modal full-width on phone */
    .pfsp-modal{max-width:calc(100vw - 24px)!important;border-radius:10px!important}
    .pfsp-modal-head{padding:12px 14px!important}
    .pfsp-modal-body{padding:12px 14px!important}
    .pfsp-modal-foot{padding:10px 14px!important}
}

/* Small phones ≤480 */
@media(max-width:480px){
    #wpforo #wpforo-wrap{padding:0 8px!important}
    .pfr-layout{gap:12px!important;padding:4px 0 24px!important}
    .pfr-main-header h1{font-size:22px!important}
    .pfr-sort-link{height:30px!important;padding:0 10px!important;font-size:11px!important;min-width:0!important}

    .pfr-thread{padding:10px!important;gap:8px!important}
    .pfr-thread-vote{width:32px!important}
    .pfr-thread-vote .pfr-vote-btn{width:24px!important;height:24px!important}
    .pfr-thread-vote span{font-size:13px!important}
    .pfr-thread-title{font-size:14px!important}
    .pfr-thread-preview{display:none!important}
    /* Thread meta: tighter gap, hide rank badge text-half if too long */
    .pfr-thread .pfr-thread-vote+div > div:first-child{gap:4px!important;font-size:10px!important}

    /* Pagination wrap */
    .pfr-navi{flex-wrap:wrap!important}

    /* Topic-page heading */
    .fp-op h1{font-size:1.2rem!important}

    /* Top users / top comments — compact rows */
    .pfr-top-users-card a,
    .pfr-top-comments-card > div{font-size:12px!important}

    /* Channel tags: smaller font cap to avoid huge tags on narrow screens */
    .pfr-ch-tag{font-size:12px!important}
}

/* === Force toolbar buttons round + visible === */
button.fp-tool, .fp-tool {
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    background: #f5f3f0 !important;
    border: 1px solid #e0e0e0 !important;
    color: #777 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer !important;
}
button.fp-tool svg, .fp-tool svg {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    max-width: none !important;
}
/* Force submit button pink */
button.fp-btn-send, .fp-btn-send {
    background: #FF5C8D !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 28px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
/* Hide wpForo admin panel at bottom */
.wpforo-admin-cpanel, .wpf-admin-cp, #wpforo-admin-cpanel,
#wpforo .wpforo-admin-cpanel, #wpforo .wpf-admin-cpanel,
#wpforo-wrap .wpforo-admin-cpanel, #wpforo-wrap .wpf-admin-cpanel,
div[class*="admin-cpanel"], .wpf-admin-panel { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }
/* Hide wpForo spinner/X completely */
#wpforo-load, .wpforo-load, #wpforo-notifications-bar, .wpf-load-ico-wrap {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    pointer-events: none !important;
    opacity: 0 !important;
}
/* Extra insurance: kill wpforo-load by ID with highest specificity */
body #wpforo-load, html body #wpforo-load {
    display: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}