/* PNGCORE — Our members (/members/, page-members.php; body class .pc-tpl-members).
   Logo wall with category filter, completeness note, Full members names. The directory cards come from
   member-directory.css (also enqueued here). Tokens and pc- components only. */

/* Category filter (shown by membership.js) */
.pc-mbr-filter{margin-bottom:var(--pc-s6)}
.pc-mbr-search{display:flex;flex-wrap:wrap;align-items:end;gap:var(--pc-s3);max-width:760px}
.pc-mbr-search-field{flex:1 1 260px;min-width:0}
.pc-mbr-search-field label{display:block;margin-bottom:var(--pc-s2);font-weight:700;color:var(--pc-ink)}
.pc-mbr-search-field input{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--pc-line-strong);border-radius:var(--pc-r-sm);background:#fff;color:var(--pc-ink);font:inherit}
.pc-mbr-search .pc-btn{min-height:48px}
.pc-mbr-search-help{max-width:70ch;margin:var(--pc-s2) 0 var(--pc-s5);font-size:var(--pc-fs-small);color:var(--pc-muted)}
.pc-mbr-empty{padding:var(--pc-s5);border:1px solid var(--pc-line);border-radius:var(--pc-r-lg);background:var(--pc-surface)}
.pc-mbr-empty h3{margin:0 0 var(--pc-s2);font-size:var(--pc-fs-h4)}
.pc-mbr-empty p{margin:0}
.pc-mbr-group[hidden],.pc-mbr-groups[hidden],.pc-mbr-wall > li[hidden],.pc-mbr-empty[hidden],.pc-mbr-results[hidden],.pc-mbr-results > li[hidden]{display:none}
.pc-mbr-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--pc-s3);list-style:none;margin:0;padding:0}
.pc-mbr-results > li{margin:0;min-width:0;border:1px solid var(--pc-line);border-radius:var(--pc-r);background:#fff}
.pc-mbr-results a,.pc-mbr-results li > div{position:relative;display:flex;flex-direction:column;gap:var(--pc-s2);height:100%;padding:var(--pc-s4) var(--pc-s7) var(--pc-s4) var(--pc-s4);text-decoration:none}
.pc-mbr-result-name{font-weight:700;line-height:1.4;overflow-wrap:anywhere;color:var(--pc-ink)}
.pc-mbr-result-meta{font-size:var(--pc-fs-meta);color:var(--pc-muted)}
.pc-mbr-results .pc-icon{position:absolute;right:var(--pc-s4);top:var(--pc-s4);width:20px;height:20px}
.pc-mbr-results a:hover .pc-mbr-result-name{text-decoration:underline;color:var(--pc-brand-800)}
.pc-mbr-filter-label{margin:0 0 var(--pc-s3);font-size:var(--pc-fs-meta);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted)}
.pc-mbr-filter .pc-chips{margin:0}
.pc-tpl-members .pc-mbr-filter .pc-chip{min-height:44px;gap:var(--pc-s2);cursor:pointer}
/* Caption: how many logos the wall shows (the chips carry no counts: QA round 1 QA1-001, UX1-07, UX1-19) */
.pc-mbr-caption{margin:calc(-1 * var(--pc-s3)) 0 var(--pc-s6);font-size:var(--pc-fs-small);color:var(--pc-muted);font-variant-numeric:tabular-nums}

/* Groups */
.pc-mbr-groups{display:grid;gap:var(--pc-s7)}
.pc-mbr-group-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pc-s2) var(--pc-s5);padding-bottom:var(--pc-s3);margin-bottom:var(--pc-s5);border-bottom:1px solid var(--pc-line)}
.pc-mbr-group-head h3{margin:0;font-size:var(--pc-fs-h4)}
.pc-mbr-group-head .pc-more{min-height:44px;font-size:var(--pc-fs-small)}
.pc-mbr-group-text{margin:calc(-1 * var(--pc-s2)) 0 var(--pc-s5);font-size:var(--pc-fs-small);color:var(--pc-muted);max-width:var(--pc-measure)}

/* Logo tiles with names */
.pc-mbr-wall{display:grid;gap:var(--pc-s4) var(--pc-s3);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}
@media (min-width:560px){.pc-mbr-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:860px){.pc-mbr-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1120px){.pc-mbr-wall{grid-template-columns:repeat(6,minmax(0,1fr))}}
.pc-mbr-wall > li{display:flex;margin:0}
.pc-member{display:flex;flex-direction:column;gap:var(--pc-s2);flex:1;min-width:0;color:var(--pc-ink);text-decoration:none;border-radius:var(--pc-r)}
.pc-member-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:var(--pc-s3) var(--pc-s4);background:#fff;border:1px solid var(--pc-line);border-radius:var(--pc-r);overflow:hidden;transition:border-color var(--pc-dur-2) var(--pc-ease),box-shadow var(--pc-dur-2) var(--pc-ease)}
.pc-member-img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
/* Wordmark tile: a member without a usable logo file shows its name as type, never a stock icon (BR1-08) */
.pc-member-wordmark{display:block;max-width:100%;font-weight:700;font-size:clamp(1rem,.9rem + .5vw,1.25rem);line-height:1.15;letter-spacing:-.01em;text-align:center;color:var(--pc-navy);overflow-wrap:anywhere}
.pc-member-name{font-size:var(--pc-fs-small);font-weight:600;line-height:1.35;overflow-wrap:anywhere}
a.pc-member:hover .pc-member-logo{border-color:var(--pc-brand-100);box-shadow:var(--pc-shadow)}
a.pc-member:hover .pc-member-name{color:var(--pc-brand-800);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
a.pc-member:focus-visible{outline:2px solid var(--pc-focus);outline-offset:4px}

/* Completeness note */
.pc-mbr-note{display:grid;grid-template-columns:22px 1fr;gap:var(--pc-s3);align-items:start;max-width:var(--pc-measure);margin-top:var(--pc-s7);padding:var(--pc-s4) var(--pc-s5);background:var(--pc-surface);border-radius:var(--pc-r);font-size:var(--pc-fs-small);color:var(--pc-text)}
.pc-mbr-note .pc-icon{width:20px;height:20px;margin-top:2px;color:var(--pc-brand-700)}
.pc-mbr-note p{margin:0}
.pc-mbr-note a{font-weight:600}

/* Full members, names as published */
.pc-mbr-names{list-style:none;margin:0;padding:0;columns:1;column-gap:var(--pc-s7)}
@media (min-width:640px){.pc-mbr-names{columns:2}}
@media (min-width:1024px){.pc-mbr-names{columns:3}}
.pc-mbr-names li{break-inside:avoid;margin:0;padding:0;border-bottom:1px solid var(--pc-line);font-size:var(--pc-fs-small);line-height:1.45}
.pc-mbr-names a{display:flex;align-items:center;min-height:44px;padding:var(--pc-s1) 0;font-weight:600;text-decoration:none}
.pc-mbr-names a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.pc-mbr-names span{display:flex;align-items:center;min-height:44px;padding:var(--pc-s1) 0;color:var(--pc-muted)}
.pc-mbr-names-section .pc-source{max-width:var(--pc-measure);margin-top:var(--pc-s5)}
/* Names no longer in the Full members directory (RC-25) */
.pc-mbr-earlier{margin-top:var(--pc-s8)}
.pc-mbr-earlier h3{margin:0 0 var(--pc-s2);font-size:var(--pc-fs-h5)}
.pc-mbr-earlier > p{margin:0 0 var(--pc-s3);font-size:var(--pc-fs-small);color:var(--pc-muted);max-width:var(--pc-measure)}
.pc-mbr-earlier .pc-mbr-names li{border-bottom-style:dashed}
