/* ============================================================================
   XF-RESET — neutralize XenForo core styling that beats the mockup's classes.
   This is the ONLY place counter-rules against XF core may live.
   Loaded globally by PAGE_CONTAINER (style 2) AFTER css/lbp-chrome.css.
   Every rule states which XF default it counters.
   ========================================================================= */

/* XF button styling (bg/padding/shadow) vs header icon buttons */
header .icon-btn{background:rgba(255,255,255,.06)!important;color:#BBD2DE!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;padding:0!important}
header .icon-btn:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
header #appearanceBtn.act{background:rgba(255,255,255,.14)!important;color:#fff!important}

/* XF avatar sizing vs mockup active-now rail */
#activeUsers .avw .avatar{width:26px;height:26px;border-radius:50%;overflow:hidden}
#activeUsers .avw .avatar img{width:100%;height:100%;object-fit:cover}

/* XF button styling vs appearance-popover seg buttons + accent swatches */
.theme-pop .seg button{background:none!important;color:var(--ink-soft)!important;box-shadow:none!important;border:0!important}
.theme-pop .seg button:hover{background:none!important;color:var(--ink)!important}
.theme-pop .seg button.on{background:var(--card)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important}
.theme-pop .swatches button{background:var(--sw)!important;color:transparent!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important;border:0!important}
.theme-pop .swatches button.on{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--sw)!important}

/* XF link/heading colors vs nav-rail + popover headers */
.navrail a{color:var(--ink-soft)!important}
.navrail a:hover{color:var(--ink)!important}
.navrail a.active{color:var(--link)!important}
.navrail a.all{color:var(--link)!important}
.navrail a .c{color:var(--ink-faint)!important}
.theme-pop h5{color:var(--ink-faint)!important}

/* XF button bg vs popover toggle switch off-state */
.theme-pop .lbp-sw{background:var(--paper-2)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.theme-pop .lbp-sw[aria-pressed="true"]{background:var(--orange)!important;border-color:var(--orange)!important}


/* XF sticky nav pills wrapped once the logo medallion took space */
.pillbar a{white-space:nowrap}

/* XF core paints .p-pageWrapper #EBEBEB over body's tokened background — wrong hue in
   light mode, stays light in dark mode (light gutters + washed headings everywhere) */
.p-pageWrapper{background:transparent}
/* html canvas follows the theme (overscroll/root paint behind body) */
html{background:var(--paper)}
/* XF's .p-pageWrapper is flex, so .wrap{margin:0 auto} shrinks to fit content on short
   pages (empty board, member profile). Mockup .wrap is block-flow — force full width. */
.wrap{width:100%}