.ps-communities-hub{width:min(var(--ps-container,1315px),calc(100% - 40px)); margin:0 auto; padding:34px 0 64px} .ps-communities-hero{display:flex; justify-content:space-between; gap:24px; align-items:flex-end; margin-bottom:22px} .ps-communities-hero h1{margin:5px 0 8px; color:#f5f7f9; font-size:clamp(32px,5vw,52px); line-height:1.05} .ps-communities-hero p{max-width:850px; margin:0; color:#a7b2ba; line-height:1.65} .ps-communities-count{min-width:160px; padding:14px 16px; border:1px solid rgba(148,163,184,.16); border-radius:14px; background:#11171c; color:#91a0aa; text-align:center} .ps-communities-count strong{display:block; color:#f4f7f9; font-size:28px; line-height:1} .ps-communities-count span{display:block; margin-top:6px; font-size:12px} .ps-communities-filters{display:grid; grid-template-columns:minmax(220px,1.6fr) minmax(180px,1fr) minmax(160px,.9fr) 100px auto; gap:12px; align-items:end; padding:18px; border:1px solid rgba(148,163,184,.16); border-radius:16px; background:#10161b} .ps-communities-filter{display:grid; gap:6px} .ps-communities-filter label{color:#bac4cb; font-size:12px; font-weight:800} .ps-communities-filter input,.ps-communities-filter select{width:100%; min-height:42px; box-sizing:border-box; border:1px solid #34404a; border-radius:10px; background:#0b1115; color:#edf3f6; padding:8px 10px} .ps-communities-filter-actions{display:flex; gap:8px} .ps-communities-results{margin-top:20px} .ps-communities-results.is-loading{opacity:.55; pointer-events:none} .ps-communities-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px} .ps-community-directory-card{min-width:0; padding:20px; border:1px solid rgba(148,163,184,.15); border-radius:16px; background:#11171c; display:flex; flex-direction:column} .ps-community-directory-card-heading{display:flex; gap:12px; align-items:flex-start} .ps-community-directory-mark{width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:50%; background:#e52b43; color:#fff; font-size:11px; font-weight:900} .ps-community-directory-card h2{margin:0; font-size:20px; line-height:1.15; overflow-wrap:anywhere} .ps-community-directory-card h2 a{color:#f3f7f9; text-decoration:none} .ps-community-directory-card-heading span{display:block; margin-top:5px; color:#ff7184; font-size:11px; font-weight:800} .ps-community-directory-stats{display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:16px; color:#8d9ba4; font-size:12px} .ps-community-directory-stats strong{color:#dce4e9} .ps-community-directory-owner{margin:13px 0 18px; color:#8e9aa4; font-size:12px} .ps-community-directory-card>.ps-community-button{margin-top:auto; align-self:flex-start} .ps-communities-empty{padding:56px 20px; border:1px solid rgba(148,163,184,.15); border-radius:16px; background:#11171c; text-align:center; color:#8f9ba4} .ps-communities-empty .dashicons{width:auto; height:auto; font-size:36px; color:#e52b43} .ps-communities-empty h2{color:#eef3f6} .ps-communities-pagination{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:22px} .ps-communities-pagination button{min-width:40px; min-height:40px; padding:8px 12px; border:1px solid #34404a; border-radius:9px; background:#11171c; color:#dbe4e8; cursor:pointer} .ps-communities-pagination button[aria-current="page"]{border-color:#e52b43; background:rgba(229,43,67,.14); color:#fff} .ps-communities-pagination button:disabled{opacity:.45; cursor:default} @media(max-width:1100px){.ps-communities-filters{grid-template-columns:repeat(2,minmax(0,1fr))} .ps-communities-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .ps-communities-filter-actions{align-self:stretch; align-items:end}} @media(max-width:700px){.ps-communities-hub{width:min(100% - 24px,100%); padding-top:22px} .ps-communities-hero{flex-direction:column; align-items:stretch} .ps-communities-count{width:auto} .ps-communities-filters,.ps-communities-grid{grid-template-columns:1fr} .ps-communities-filter-actions{flex-direction:column} .ps-communities-filter-actions .ps-community-button,.ps-community-directory-card>.ps-community-button{width:100%; justify-content:center; text-align:center}} .ps-community-directory-card-tags{display:flex; flex-wrap:wrap; gap:7px; margin-top:5px} .ps-community-directory-card-heading .ps-community-directory-card-tags>span{margin-top:0} .ps-community-directory-visibility{display:inline-flex !important; align-items:center; min-height:22px; padding:2px 7px; border-radius:999px; background:rgba(148,163,184,.10); color:#aeb8bf !important} .ps-community-directory-visibility-private{background:rgba(229,43,67,.12); color:#ff8192 !important} .ps-community-directory-visibility-restricted{background:rgba(238,173,54,.10); color:#efc46e !important} .ps-community-directory-private-note{margin:18px 0; padding:12px 13px; border:1px solid rgba(229,43,67,.18); border-radius:11px; background:rgba(229,43,67,.06); color:#b7c2c9; line-height:1.55; font-size:13px} body.ps-communities-directory-page .ps-communities-hub{width:100%; max-width:none} .ps-communities-filters{grid-template-columns:minmax(220px,1.6fr) minmax(160px,1fr) minmax(180px,1fr) minmax(150px,.9fr) 90px auto} .ps-community-directory-card{position:relative} .ps-community-directory-card.is-member .ps-community-directory-card-heading{padding-right:42px} .ps-community-directory-membership-badge{position:absolute; top:16px; right:16px; z-index:2; width:30px; height:30px; display:inline-grid; place-items:center; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:#e52b43; color:#fff; box-shadow:0 7px 18px rgba(229,43,67,.22); font-size:16px; font-weight:900; line-height:1; cursor:help; outline:none} .ps-community-directory-membership-badge::after{content:attr(aria-label); position:absolute; top:calc(100% + 8px); right:0; width:max-content; max-width:min(260px,70vw); padding:7px 9px; border:1px solid rgba(148,163,184,.22); border-radius:8px; background:#080d11; color:#f4f7f9; box-shadow:0 10px 26px rgba(0,0,0,.32); font-size:11px; font-weight:700; line-height:1.35; text-align:left; white-space:normal; opacity:0; visibility:hidden; transform:translateY(-3px); transition:opacity .16s ease,transform .16s ease,visibility .16s ease; pointer-events:none} .ps-community-directory-membership-badge:hover::after,.ps-community-directory-membership-badge:focus-visible::after{opacity:1; visibility:visible; transform:translateY(0)} .ps-community-directory-membership-badge:focus-visible{box-shadow:0 0 0 3px rgba(229,43,67,.22),0 7px 18px rgba(229,43,67,.22)} @media(max-width:1220px){.ps-communities-filters{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1100px){.ps-communities-filters{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:800px){.ps-communities-filters{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.ps-communities-filters{grid-template-columns:1fr}} @media(min-width:1221px){.ps-communities-filters.is-member-view{grid-template-columns:minmax(220px,1.6fr) minmax(160px,1fr) minmax(180px,1fr) minmax(150px,.9fr) 90px minmax(180px,auto)} .ps-communities-filters.is-guest-view{grid-template-columns:minmax(220px,1.6fr) minmax(180px,1fr) minmax(160px,.9fr) 90px minmax(180px,auto)}} .ps-communities-filter-actions{align-self:end; align-items:flex-end; min-width:0} .ps-communities-filter-actions .ps-community-button{min-height:42px; height:42px; padding-top:8px; padding-bottom:8px; white-space:nowrap} @media(max-width:700px){.ps-communities-filter-actions .ps-community-button{height:auto; min-height:42px}}