/* Change these to restyle the directory. */
.pmpl-directory{
	--pmpl-card-bg:#ffffff;
	--pmpl-text:#1f1a2b;
	--pmpl-muted:#6b6478;
	--pmpl-border:#e4dfeb;
	--pmpl-accent:#6b3fa0;
	--pmpl-accent-hover:#55307f;
	--pmpl-chip-bg:#f1ebf8;
	--pmpl-radius:12px;
	--pmpl-oneline:var(--pmpl-accent);
	--pmpl-shadow:0 2px 6px rgba(31,26,43,.08),0 8px 24px rgba(31,26,43,.06);
}

/* Filter bar */
.pmpl-directory .pmpl-filters{background:var(--pmpl-card-bg);color:var(--pmpl-text);border-radius:var(--pmpl-radius);box-shadow:var(--pmpl-shadow);padding:1.25rem;margin:0 0 1rem}
.pmpl-directory .pmpl-filters-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}
.pmpl-directory .pmpl-filter{display:flex;flex-direction:column;gap:.35rem;flex:1 1 180px;min-width:0}
.pmpl-directory .pmpl-filter-keyword{flex:2 1 260px}
.pmpl-directory .pmpl-filter-actions{flex:0 0 auto;flex-direction:row;align-items:center;gap:.75rem}
.pmpl-directory .pmpl-filter label{font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--pmpl-muted);margin:0}
.pmpl-directory .pmpl-filter input[type=search],
.pmpl-directory .pmpl-filter select{width:100%;height:44px;padding:0 .75rem;border:1px solid var(--pmpl-border);border-radius:8px;background:#fff;color:var(--pmpl-text);font:inherit;font-size:.95rem;box-shadow:none;margin:0}
.pmpl-directory .pmpl-filter input[type=search]:focus,
.pmpl-directory .pmpl-filter select:focus{outline:none;border-color:var(--pmpl-accent);box-shadow:0 0 0 3px rgba(107,63,160,.18)}
.pmpl-directory .pmpl-filters .pmpl-btn{height:44px;padding:0 1.4rem;font-size:.95rem;line-height:44px;border:0;border-radius:8px;background:var(--pmpl-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.pmpl-directory .pmpl-filters .pmpl-btn:hover,.pmpl-directory .pmpl-filters .pmpl-btn:focus{background:var(--pmpl-accent-hover);color:#fff}
.pmpl-directory .pmpl-clear{color:var(--pmpl-accent);font-size:.9rem;white-space:nowrap}

/* Result count and active-filter chips */
.pmpl-directory .pmpl-summary{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1.25rem}
.pmpl-directory .pmpl-count{font-weight:600;margin-right:.25rem;background:var(--pmpl-card-bg);color:var(--pmpl-text);padding:.3rem .75rem;border-radius:999px;font-size:.85rem}
.pmpl-directory .pmpl-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;background:var(--pmpl-chip-bg);color:var(--pmpl-accent);font-size:.85rem;font-weight:600;text-decoration:none}
.pmpl-directory .pmpl-chip:hover{background:var(--pmpl-accent);color:#fff}

/* Cards */
.pmpl-grid{display:grid;gap:1.25rem}
.pmpl-directory .pmpl-card{background:var(--pmpl-card-bg);color:var(--pmpl-text);border:1px solid var(--pmpl-border);border-radius:var(--pmpl-radius);box-shadow:var(--pmpl-shadow);padding:1.5rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease}
.pmpl-directory .pmpl-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(31,26,43,.1),0 14px 32px rgba(31,26,43,.09)}
.pmpl-grid .pmpl-card{text-align:center}
.pmpl-list .pmpl-card{display:flex;gap:1.25rem;align-items:center;text-align:left}
.pmpl-card img.avatar,.pmpl-card img.pmpl-avatar{border-radius:50%;width:96px;height:96px;object-fit:cover;display:inline-block}
.pmpl-directory .pmpl-name{font-weight:600;font-size:1.1rem;margin:.75rem 0 .35rem;color:var(--pmpl-text)}
.pmpl-directory .pmpl-name a{color:inherit;text-decoration:none}
.pmpl-directory .pmpl-oneline{color:var(--pmpl-oneline);font-style:italic;font-weight:600;font-size:.92rem;line-height:1.35;margin:-.1rem 0 .55rem;overflow-wrap:anywhere}
.pmpl-directory .pmpl-name{margin-bottom:.3rem}
.pmpl-directory .pmpl-name a:hover{color:var(--pmpl-accent)}
.pmpl-directory .pmpl-meta{font-size:.85em;color:var(--pmpl-muted);margin-top:.35rem}
.pmpl-badge{display:inline-block;padding:.15em .65em;border-radius:999px;font-size:.8em;font-weight:600;line-height:1.6}
.pmpl-directory .pmpl-bio{font-size:.9em;margin-top:.6rem}
.pmpl-directory .pmpl-fields{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--pmpl-border);font-size:.9em;text-align:left}
.pmpl-directory .pmpl-field{margin:0 0 .6rem;overflow-wrap:anywhere;line-height:1.35}
.pmpl-directory .pmpl-field:last-child{margin-bottom:0}
.pmpl-directory .pmpl-field-label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pmpl-muted);margin-bottom:.1rem}
.pmpl-directory .pmpl-field-value{display:block}
.pmpl-directory .pmpl-field a{color:var(--pmpl-accent)}
.pmpl-directory .pmpl-field img{max-width:100%;height:auto}
.pmpl-directory .pmpl-empty{background:var(--pmpl-card-bg);color:var(--pmpl-text);border-radius:var(--pmpl-radius);padding:2rem;text-align:center;box-shadow:var(--pmpl-shadow)}

/* Pagination */
.pmpl-pages{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.4rem}
.pmpl-directory .pmpl-pages .page-numbers{display:inline-block;min-width:40px;padding:.5rem .75rem;border-radius:8px;background:var(--pmpl-card-bg);color:var(--pmpl-text);text-align:center;text-decoration:none}
.pmpl-directory .pmpl-pages .page-numbers.current{background:var(--pmpl-accent);color:#fff}

@media(max-width:600px){.pmpl-directory .pmpl-filter-actions{flex:1 1 100%}.pmpl-directory .pmpl-filters{padding:1rem}}

/* Card footer: Connect button and share buttons */
.pmpl-directory .pmpl-card{display:flex;flex-direction:column}
.pmpl-directory .pmpl-list .pmpl-card{flex-direction:row}
.pmpl-directory .pmpl-info{display:flex;flex-direction:column;flex:1}
.pmpl-directory .pmpl-actions{margin-top:auto;padding-top:1.1rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}
.pmpl-directory .pmpl-connect{display:block;width:100%;box-sizing:border-box;padding:.75rem 1rem;border-radius:8px;background:linear-gradient(90deg,#b39dd9,var(--pmpl-accent));color:#fff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;text-decoration:none;font-size:.9rem;line-height:1.3}
.pmpl-directory .pmpl-connect:hover,.pmpl-directory .pmpl-connect:focus{background:var(--pmpl-accent-hover);color:#fff}
.pmpl-directory .pmpl-share{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}
.pmpl-directory .pmpl-share-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:6px;color:#fff;font-size:1.05rem;line-height:1;text-decoration:none;cursor:pointer;padding:0;transition:transform .12s ease,opacity .12s ease}
.pmpl-directory .pmpl-share-btn:hover,.pmpl-directory .pmpl-share-btn:focus{transform:translateY(-2px);opacity:.9;color:#fff}
.pmpl-share-facebook{background:#1877f2}
.pmpl-share-x{background:#000}
.pmpl-share-linkedin{background:#0a66c2}
.pmpl-share-whatsapp{background:#25d366}
.pmpl-share-copy{background:#6b6478}
.pmpl-directory .pmpl-share-copy.is-copied{background:#2e7d32}
.pmpl-directory .pmpl-share-copy{position:relative}
.pmpl-directory .pmpl-share-copy.is-copied::after{content:"Copied";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#1f1a2b;color:#fff;font-size:.75rem;padding:.2rem .5rem;border-radius:4px}
.pmpl-directory .pmpl-name a{color:inherit}
.pmpl-directory .pmpl-avatar-link{display:inline-block;align-self:center}
.pmpl-directory .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Single member page */
.pmpl-single{max-width:640px;margin:0 auto}
.pmpl-directory .pmpl-back{display:inline-block;margin-bottom:1rem;color:var(--pmpl-text);background:var(--pmpl-card-bg);padding:.4rem .9rem;border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:600}
.pmpl-directory .pmpl-back:hover{color:var(--pmpl-accent)}
.pmpl-directory .pmpl-profile{text-align:center;padding:2rem 2rem 1.75rem;align-items:center}
.pmpl-directory .pmpl-profile img.avatar,.pmpl-directory .pmpl-profile img.pmpl-avatar{width:160px;height:160px}
.pmpl-directory .pmpl-profile .pmpl-name{font-size:1.75rem;margin:1rem 0 .5rem;line-height:1.2}
.pmpl-directory .pmpl-profile .pmpl-bio{font-size:1rem;line-height:1.6;margin-top:1rem}
.pmpl-directory .pmpl-profile .pmpl-fields{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem 1.5rem}
.pmpl-directory .pmpl-profile .pmpl-field{margin:0}
.pmpl-directory .pmpl-profile .pmpl-actions{width:100%}
.pmpl-directory .pmpl-profile .pmpl-share-btn{width:46px;height:46px;font-size:1.25rem}
.pmpl-directory .pmpl-profile .pmpl-oneline{font-size:1.15rem;letter-spacing:.01em;margin:0 0 .9rem}