/* כרטיסי חברי הקבוצה - קובץ משותף ל: / (דף ההרשמה), /v2/, /group/ (דף החברים).
   שינוי כאן משתנה בכל הדפים. (תמונות: member-portraits.css נטען אחריו ודורס את .avatar) */
.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}
.member-card{background:var(--white);border:1px solid var(--tint);border-radius:var(--radius);
  padding:1.4rem;text-align:center;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}
.member-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.avatar{width:76px;height:76px;border-radius:50%;margin:0 auto .9rem;object-fit:cover;
  background:var(--gold-pale);display:flex;align-items:center;justify-content:center;
  font-family:var(--font-head);font-weight:700;font-size:1.4rem;color:var(--gold-tx);overflow:hidden}
.member-card h3{font-size:1.05rem;margin-bottom:.15rem}
.member-card .profession{color:var(--mute);font-size:.92rem;margin-bottom:.9rem}
.contact-btn{width:100%;justify-content:center;background:transparent;color:var(--brand-dark);
  border:1.5px solid var(--tint);font-size:.9rem;padding:.6rem 1rem}
.contact-btn:hover{border-color:var(--brand);background:var(--cream)}
.member-contact{margin-top:.9rem;padding-top:.9rem;border-top:1px dashed var(--tint);font-size:.9rem;
  color:var(--ink);text-align:start;display:none}
.member-contact.open{display:block}
.member-contact a{display:flex;align-items:center;gap:.45rem;margin-bottom:.4rem;color:var(--ink);text-decoration:none}
.member-contact a:hover{color:var(--terra)}
.member-contact svg{width:16px;height:16px;color:var(--brand);flex-shrink:0}
/* סרגל מיון (שם פרטי/משפחה) וסינון לפי אות ראשונה, מעל הכרטיסים */
.members-tools{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem}
.members-tools[hidden]{display:none}
.members-tools .mt-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}
.members-tools .mt-label{font-size:.88rem;color:var(--mute);min-width:7.5rem}
.members-tools .mt-seg,.members-tools .mt-letters{display:flex;flex-wrap:wrap;gap:.4rem}
.members-tools .mt-btn{font:500 .95rem/1 var(--font-body);color:var(--brand-dark);background:var(--white);
  border:1.5px solid var(--tint);border-radius:var(--radius);padding:.6rem 1rem;min-height:2.6rem;cursor:pointer;
  transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur)}
.members-tools .mt-letters .mt-btn{min-width:2.6rem;padding:.6rem .5rem}
.members-tools .mt-letters .mt-all{padding-inline:.9rem}
.members-tools .mt-btn:hover{border-color:var(--brand)}
.members-tools .mt-btn[aria-pressed="true"]{background:var(--bni-red,#CF2030);border-color:var(--bni-red,#CF2030);color:#fff}
.members-tools .mt-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.members-tools .mt-count{margin:0;font-size:.88rem;color:var(--mute)}
@media(max-width:600px){.members-tools .mt-label{min-width:0;width:100%}}