/*
Theme Name: ZenX Community
Author: ZenX Academy
Description: A responsive community theme with a public landing page and server-rendered wpForo discussion feed.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zenx-community
License: GPL-2.0-or-later
*/
:root{--zx-purple:#7137b8;--zx-violet:#8b5cf6;--zx-deep:#25173e;--zx-ink:#262132;--zx-muted:#797284;--zx-line:#eeeaf2;--zx-bg:#faf9fc;--zx-soft:#f4effa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body.zx-site{margin:0;background:var(--zx-bg);color:var(--zx-ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--zx-violet)!important;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}.zx-icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.screen-reader-text,.zx-skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.zx-skip:focus{clip-path:none;width:auto;height:auto;top:10px;left:10px;padding:10px;background:#fff;z-index:99999}.zx-header{height:84px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid var(--zx-line)}.admin-bar .zx-header{top:32px}.zx-header-inner{height:100%;max-width:1540px;margin:auto;padding:0 42px;display:flex;align-items:center;gap:40px}.zx-brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-1.3px;line-height:1}.zx-brand-sub{display:block;font-size:11px;letter-spacing:2.2px;font-weight:500;margin-top:6px;color:var(--zx-muted)}.zx-mark{display:flex;align-items:center;justify-content:center;background:var(--zx-purple);width:42px;height:42px;border-radius:13px;color:#fff;font-size:36px;line-height:1;font-weight:700;position:relative}.zx-mark span{font-size:18px;position:absolute;right:3px;top:1px;color:#d8c5f8}.zx-search{height:44px;max-width:590px;flex:1;display:flex;gap:12px;align-items:center;background:#f5f3f7;padding:0 17px;border:1px solid transparent;border-radius:30px;color:var(--zx-muted)}.zx-search:focus-within{background:#fff;border-color:var(--zx-purple)}.zx-search input{min-width:0;width:100%;border:0;background:none;outline:none!important;color:var(--zx-ink);font-size:13px}.zx-header-actions{display:flex;gap:22px;align-items:center;margin-left:auto;white-space:nowrap}.zx-login{font-size:14px;font-weight:650}.zx-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--zx-purple);color:#fff!important;border:1px solid var(--zx-purple);border-radius:30px;font-weight:650;padding:14px 24px;line-height:1.3;transition:background .2s,transform .2s}.zx-button:hover{background:#5b279d;transform:translateY(-1px)}.zx-compact{padding:12px 18px;font-size:13px}.zx-secondary{background:#fff;color:var(--zx-ink)!important;border-color:#ded9e5}.zx-secondary:hover{background:var(--zx-soft)}.zx-wide{width:100%}.zx-avatar img{border-radius:50%;display:block}.zx-app-layout{max-width:1510px;margin:auto;display:grid;grid-template-columns:228px minmax(0,1fr) 292px;gap:34px;padding:32px 36px 70px}.zx-sidebar{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 125px);overflow-y:auto;padding-right:5px}.admin-bar .zx-sidebar{top:142px}.zx-nav-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:10px;margin-bottom:3px;font-size:13px;font-weight:550;color:#5c5566}.zx-nav-item:hover,.zx-active{background:#efe8f8;color:var(--zx-purple)}.zx-nav-item>.zx-icon{width:19px;height:19px}.zx-nav-label{border-top:1px solid var(--zx-line);padding:26px 12px 12px;margin-top:20px;font-size:10px;font-weight:700;letter-spacing:1.3px;color:#8d8597;display:flex;justify-content:space-between}.zx-nav-label span{color:#b0a7bb;font-size:8px}.zx-space-symbol{height:29px;width:29px;border-radius:10px;background:#f0e9f8;color:var(--zx-purple);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.zx-space-symbol .zx-icon{height:16px;width:16px}.zx-sidebar-bottom{border-top:1px solid var(--zx-line);padding-top:17px;margin-top:23px}.zx-sidebar-bottom p{font-size:11px;line-height:1.8;color:#a09aa7;padding:12px 14px}.zx-main{min-width:0}.zx-feed-welcome{border:1px solid #e8ddf5;background:linear-gradient(115deg,#f2ebfa,#faf8fd);border-radius:18px;padding:27px 28px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.zx-eyebrow{font-size:9px;font-weight:750;letter-spacing:1.7px;color:var(--zx-purple)}.zx-feed-welcome h1{font-size:27px;margin:9px 0}.zx-feed-welcome p{font-size:12px;margin:0;color:#7e6d91;max-width:320px}.zx-welcome-art{transform:rotate(-12deg);color:#b999e2;padding:8px}.zx-welcome-art .zx-icon{width:72px;height:72px;stroke-width:1}.zx-composer{display:flex;align-items:center;gap:15px;margin:20px 0 30px;background:#fff;border:1px solid var(--zx-line);padding:16px 18px;border-radius:14px;color:#938a9d;font-size:13px}.zx-composer>a:first-of-type{flex:1}.zx-compose-plus{background:var(--zx-soft);color:var(--zx-purple);border-radius:9px;padding:5px}.zx-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.zx-feed-heading h2{font-size:20px;margin:0}.zx-feed-heading>span{font-size:10px;color:#93899d}.zx-feed-tabs{display:flex;gap:8px;border-bottom:1px solid var(--zx-line);padding-bottom:12px;margin-bottom:18px;font-size:12px}.zx-feed-tabs a{display:flex;align-items:center;gap:6px;padding:7px 13px;color:#82778d;border-radius:25px}.zx-feed-tabs .zx-icon{width:15px;height:15px}.zx-feed-tabs a.is-selected{background:var(--zx-soft);color:var(--zx-purple);font-weight:700}.zx-post{border:1px solid var(--zx-line);background:#fff;padding:23px 24px;border-radius:16px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s}.zx-post:hover{border-color:#d8c6ee;box-shadow:0 6px 22px #25173e05}.zx-post-meta{display:flex;gap:8px;align-items:center;color:#a097a8;font-size:10px;margin-bottom:13px}.zx-space-chip{display:flex;align-items:center;gap:7px;font-weight:700;color:#5e4b75}.zx-small-symbol{display:inline-flex;align-items:center;justify-content:center;color:var(--zx-purple);background:var(--zx-soft);width:27px;height:27px;border-radius:9px}.zx-small-symbol .zx-icon{width:15px;height:15px}.zx-post h2{font-size:21px;font-weight:720;line-height:1.35;margin-bottom:10px}.zx-post h2 a:hover{color:var(--zx-purple)}.zx-post-excerpt{font-size:12px;color:#82788d;line-height:1.85;margin-bottom:22px}.zx-post-footer{display:flex;align-items:center;gap:17px;font-size:10px;color:#9a91a4}.zx-post-footer a{display:flex;align-items:center;gap:6px}.zx-post-footer .zx-icon{width:15px;height:15px}.zx-post-footer .zx-read{margin-left:auto;color:var(--zx-purple);font-weight:650}.zx-author{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zx-rightbar{align-self:start;position:sticky;top:115px}.admin-bar .zx-rightbar{top:147px}.zx-about-card{background:#fff;border:1px solid var(--zx-line);border-radius:16px;overflow:hidden}.zx-card-cover{background:#25173e;position:relative;color:#fff;padding:26px 23px;font-size:23px;line-height:1.4;letter-spacing:-.6px}.zx-card-cover>span{position:absolute;right:18px;top:18px;color:#b08cdd;font-size:30px}.zx-card-content{padding:25px 22px}.zx-card-content .zx-eyebrow{font-size:8px;letter-spacing:1.3px}.zx-card-content h2{font-size:23px;margin:11px 0}.zx-card-content p{font-size:11px;line-height:1.9;color:#90859b;margin-bottom:20px}.zx-card-rule{display:flex;gap:9px;font-size:10px;margin-bottom:11px;color:#7d7188}.zx-card-rule .zx-icon{width:15px;height:15px;color:#9f82bc}.zx-card-content .zx-button{font-size:11px;padding:12px 8px;margin-top:13px}.zx-tip-card{padding:25px 23px;margin-top:21px;border:1px solid #e7dcf3;background:#f6f1fc;border-radius:16px}.zx-tip-card h3{font-size:18px;margin:15px 0 10px;line-height:1.4}.zx-tip-card p{font-size:11px;color:#9684a7;line-height:1.9}.zx-tip-card a{font-size:10px;font-weight:650;color:var(--zx-purple)}.zx-right-footer{display:flex;justify-content:center;gap:10px;margin-top:24px;font-size:9px;color:#aaa0b4}.zx-space-directory{margin-top:32px}.zx-space-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zx-space-grid>a{display:flex;align-items:center;gap:10px;padding:17px;background:#fff;border:1px solid var(--zx-line);border-radius:12px;font-size:11px}.zx-space-grid .zx-icon{color:var(--zx-purple);width:18px;height:18px}.zx-space-grid .zx-icon:last-child{margin-left:auto;width:14px}.zx-empty{text-align:center;background:#fff;border:1px solid var(--zx-line);border-radius:16px;padding:40px 20px}.zx-empty>.zx-icon{width:38px;height:38px;color:var(--zx-purple);margin-bottom:15px}.zx-empty h2{font-size:24px}.zx-empty p{font-size:13px;color:var(--zx-muted)}.zx-pagination{display:flex;justify-content:space-between;margin:20px 0;font-size:13px;color:var(--zx-purple)}.zx-back{display:inline-block;font-size:12px;color:var(--zx-purple);margin-bottom:16px}.zx-native-panel{background:#fff;border:1px solid var(--zx-line);border-radius:16px;padding:22px;overflow-wrap:anywhere}.zx-native-panel h1{font-size:28px}.zx-mobile-nav{display:none}
/* Native wpForo screens retain server validation, links, votes and forms. */
#wpforo #wpforo-wrap{font-family:inherit!important;font-size:14px!important;background:transparent!important;width:100%!important;margin:0!important;padding:0!important;color:var(--zx-ink)!important}#wpforo #wpforo-wrap #wpforo-menu,#wpforo #wpforo-wrap #wpforo-title,#wpforo #wpforo-wrap #wpforo-description{display:none!important}#wpforo #wpforo-wrap .wpf-button,#wpforo #wpforo-wrap input[type=submit],#wpforo #wpforo-wrap .wpf-button-secondary{background:var(--zx-purple)!important;color:#fff!important;border-color:var(--zx-purple)!important;border-radius:24px!important;box-shadow:none!important}#wpforo #wpforo-wrap a{color:#6d3b9f}#wpforo #wpforo-wrap .wpforo-forum-title{font-size:16px!important}#wpforo #wpforo-wrap input:not([type=checkbox]):not([type=radio]):not([type=submit]),#wpforo #wpforo-wrap textarea,#wpforo #wpforo-wrap select{max-width:100%;border-radius:8px;border-color:#ded7e7}#wpforo #wpforo-wrap .wpf-thread-box,#wpforo #wpforo-wrap .wpforo-post{border-radius:12px}#wpforo #wpforo-wrap .wpf-head-bar,#wpforo #wpforo-wrap .wpforo-category{background:#f6f1fb!important;border-color:#e7ddf1!important}#wpforo #wpforo-wrap .wpf-cat-forum-list{padding:10px 0}#wpforo #wpforo-wrap .wpf-forum-item{padding:10px!important}#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content{font-size:15px!important;line-height:1.8}#wpforo #wpforo-wrap .wpforo-login-wrap,#wpforo #wpforo-wrap .wpforo-register-wrap{max-width:100%}#wpforo #wpforo-wrap .wpf-bottom-info,#wpforo #wpforo-wrap #wpforo-stat-header,#wpforo #wpforo-wrap #wpforo-stat-body{font-size:11px}#wpforo #wpforo-wrap img{max-width:100%;height:auto}#wpforo #wpforo-wrap .wpforo-post-head{border-radius:10px}
/* Public landing page */
.zx-landing{background:#fff}.zx-hero{max-width:1260px;margin:auto;padding:104px 46px 92px;display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.zx-pill{display:inline-flex;align-items:center;gap:9px;color:#8c6ba8;font-size:9px;font-weight:700;letter-spacing:1.4px;background:#f6f1fc;border:1px solid #e8dcf6;padding:7px 12px;border-radius:30px}.zx-pill>span{width:5px;height:5px;border-radius:50%;background:#a17acb}.zx-hero h1{font-size:53px;line-height:1.15;letter-spacing:-2.4px;margin:23px 0;color:var(--zx-deep)}.zx-hero h1 em{font-style:normal;color:var(--zx-purple)}.zx-hero-copy>p{max-width:445px;color:#94879e;font-size:14px;line-height:1.9;margin-bottom:27px}.zx-hero-actions{display:flex;gap:12px}.zx-hero-actions .zx-button{font-size:12px;padding:15px 22px}.zx-hero-notes{display:flex;gap:20px;color:#a69aaf;font-size:10px;margin-top:22px}.zx-hero-notes>span{display:flex;align-items:center;gap:6px}.zx-hero-notes .zx-icon{width:13px;height:13px}.zx-hero-preview{background:#f7f3fc;border:1px solid #e5d8f1;border-radius:25px;padding:27px 28px 25px;transform:rotate(2deg);box-shadow:0 25px 65px #7137b811;position:relative}.zx-preview-top{font-size:8px;display:flex;align-items:center;gap:7px;letter-spacing:1.4px;color:#aa96bd}.zx-preview-top>span:last-child{margin-left:auto;font-size:24px;color:#bca0dd}.zx-preview-dot{width:5px;height:5px;background:#b08bd7;border-radius:50%}.zx-hero-preview h2{font-size:34px;font-weight:650;line-height:1.3;margin:24px 0;color:#5e387f}.zx-preview-topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.zx-preview-topics>span{background:#fff;border:1px solid #e7dcef;border-radius:25px;padding:6px 13px;font-size:10px;color:#a089b2}.zx-preview-question{display:flex;gap:12px;background:#fff;padding:17px;border:1px solid #ece3f3;border-radius:13px;transform:rotate(-2deg);margin-bottom:25px}.zx-preview-question strong{font-size:11px;color:#7d5e97}.zx-preview-question p{font-size:9px;margin:6px 0 0;color:#ae9dbb;line-height:1.7}.zx-hero-preview>a{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#936eb3}.zx-hero-preview>a .zx-icon{width:15px;height:15px}.zx-discover{padding:72px 46px;background:#faf8fd;border-top:1px solid #f0eaf6;border-bottom:1px solid #f0eaf6}.zx-section-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#ad97bf;margin-bottom:15px}.zx-discover>.zx-section-label,.zx-discover>.zx-section-heading,.zx-landing-spaces{max-width:1168px;margin-left:auto;margin-right:auto}.zx-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.zx-section-heading h2{font-size:32px;color:var(--zx-deep);margin-bottom:0}.zx-section-heading p,.zx-section-heading>a{font-size:12px;color:#9a89a9;margin:0}.zx-landing-spaces{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.zx-landing-spaces>a{background:#fff;border:1px solid #eee6f4;border-radius:16px;padding:24px 23px;display:flex;flex-direction:column;align-items:start;transition:transform .2s,border-color .2s}.zx-landing-spaces>a:hover{transform:translateY(-4px);border-color:#c8a9e6}.zx-landing-spaces .zx-space-symbol{width:37px;height:37px;border-radius:11px;margin-bottom:20px}.zx-landing-spaces h3{font-size:16px;margin-bottom:11px}.zx-landing-spaces p{font-size:10px;line-height:1.9;color:#a495af;flex:1}.zx-space-link{display:flex;align-items:center;gap:13px;font-size:9px;color:#9c7bb5;font-weight:650;margin-top:10px}.zx-space-link .zx-icon{width:13px;height:13px}.zx-landing-discussions{max-width:1040px;padding:78px 46px;margin:auto}.zx-landing-discussions .zx-post{padding:27px 30px}.zx-join-banner{text-align:center;background:#f4eefb;padding:65px 25px 72px}.zx-join-banner>span{font-size:36px;color:#b891df}.zx-join-banner h2{font-size:35px;line-height:1.3;color:var(--zx-deep);margin:15px 0}.zx-join-banner p{font-size:12px;color:#ad98be;margin-bottom:25px}.zx-join-banner .zx-button{font-size:12px}.zx-landing-footer{max-width:1260px;margin:auto;padding:42px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px}.zx-landing-footer .zx-brand{font-size:22px;gap:6px}.zx-landing-footer .zx-brand-sub{font-size:9px;letter-spacing:1px;margin-top:0}.zx-landing-footer p{font-size:10px;color:#b2a6bc;margin:0}.zx-landing-footer>div{display:flex;gap:22px;font-size:10px;color:#9989a6}
@media(min-width:1650px){.zx-app-layout{grid-template-columns:245px minmax(0,1fr) 300px}}
@media(max-width:1200px){.zx-header-inner{padding:0 24px;gap:24px}.zx-app-layout{grid-template-columns:200px minmax(0,1fr);gap:25px;padding:26px 25px}.zx-rightbar{display:none}.zx-hero{gap:35px;padding:75px 32px}.zx-hero h1{font-size:45px}.zx-hero-preview h2{font-size:30px}.zx-landing-spaces{grid-template-columns:repeat(4,1fr);gap:12px}.zx-landing-spaces>a{padding:20px 16px}.zx-discover{padding:55px 32px}.zx-landing-footer p{display:none}}
@media(max-width:800px){.zx-header{height:70px}.zx-header-inner{padding:0 18px;gap:16px}.zx-brand{font-size:23px}.zx-mark{width:34px;height:34px;border-radius:10px;font-size:28px}.zx-mark span{font-size:14px}.zx-brand-sub{font-size:9px;letter-spacing:1.5px}.zx-header-actions{gap:13px}.zx-header-actions .zx-compact{padding:10px 14px;font-size:11px}.zx-header-actions .zx-compact>.zx-icon{display:none}.zx-search{max-width:300px}.zx-search input{font-size:11px}.zx-app-layout{display:block;padding:22px 18px 100px}.zx-sidebar{position:static;max-height:none;overflow:visible;padding:0}.zx-sidebar>nav>.zx-nav-item,.zx-sidebar-bottom,.zx-nav-label{display:none}.zx-sidebar #spaces{display:flex;overflow:auto;gap:8px;padding-bottom:15px;margin-bottom:10px;scrollbar-width:none}.zx-sidebar #spaces>.zx-nav-item{white-space:nowrap;border:1px solid var(--zx-line);padding:6px 12px 6px 7px;background:#fff;border-radius:30px;font-size:11px;margin:0}.zx-sidebar .zx-space-symbol{width:24px;height:24px;border-radius:50%}.zx-feed-welcome{padding:23px}.zx-feed-welcome h1{font-size:26px}.zx-native-panel{padding:16px}.zx-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.98);border-top:1px solid var(--zx-line);padding:10px 8px calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:space-around}.zx-mobile-nav>a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:#9b8ca8;min-width:48px}.zx-mobile-nav .zx-icon{width:20px;height:20px}.zx-mobile-nav .zx-mobile-create{color:var(--zx-purple)}.zx-mobile-create .zx-icon{background:var(--zx-purple);color:#fff;width:32px;height:26px;border-radius:8px;padding:3px}.zx-hero{padding:55px 24px 45px;gap:35px;grid-template-columns:1fr}.zx-hero-copy{text-align:center}.zx-hero h1{font-size:43px}.zx-hero-copy>p{margin-left:auto;margin-right:auto;max-width:420px;font-size:13px}.zx-hero-actions,.zx-hero-notes{justify-content:center}.zx-hero-preview{max-width:430px;width:100%;margin:auto;transform:rotate(1deg)}.zx-hero-preview h2{font-size:32px}.zx-discover{padding:45px 22px}.zx-landing-spaces{grid-template-columns:repeat(2,1fr);gap:12px}.zx-section-heading{display:block}.zx-section-heading p{margin-top:12px}.zx-section-heading h2{font-size:28px}.zx-landing-discussions{padding:45px 22px}.zx-landing-discussions .zx-section-heading>a{display:inline-block;margin-top:15px}.zx-landing-footer{padding:32px 24px 105px;display:block}.zx-landing-footer>div{margin-top:20px;gap:20px;flex-wrap:wrap}.zx-join-banner h2{font-size:29px}.admin-bar .zx-header{top:46px}}
@media(max-width:520px){.zx-search{display:none}.zx-header-inner{gap:10px}.zx-header-actions{gap:12px}.zx-login{font-size:12px}.zx-header-actions .zx-compact{font-size:10px}.zx-feed-welcome{padding:22px 20px}.zx-feed-welcome h1{font-size:24px}.zx-feed-welcome p{font-size:11px;max-width:230px}.zx-welcome-art{display:none}.zx-post{padding:20px 18px}.zx-post h2{font-size:19px}.zx-post-excerpt{font-size:11px}.zx-author{display:none}.zx-feed-heading>span{display:none}.zx-post-footer{font-size:9px}.zx-feed-tabs{font-size:11px}.zx-space-grid>a{padding:14px 10px;font-size:10px}.zx-hero h1{font-size:37px;letter-spacing:-1.7px}.zx-hero-actions{gap:9px}.zx-hero-actions .zx-button{padding:13px 15px;font-size:10px}.zx-hero-notes{font-size:9px;gap:15px}.zx-pill{font-size:7px;letter-spacing:1px}.zx-landing-spaces>a{padding:20px 15px}.zx-landing-spaces h3{font-size:15px}.zx-landing-spaces p{font-size:10px}.zx-landing-discussions .zx-post{padding:22px 18px}.zx-join-banner h2{font-size:27px}.zx-join-banner p{font-size:11px}.zx-post-meta{font-size:9px}.admin-bar .zx-header{top:0}#wpforo #wpforo-wrap .wpforo-post .wpf-right{padding-left:8px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}