/* Musicians directory: registration form extras, directory cards, profile contact box.
   Enqueued by ucm-core/includes/musicians-directory.php. */

.md-scope [hidden],.md-form [hidden],[data-md-hide]{display:none!important}

/* ---- Registration form ---- */
.md-instruments .md-group{margin:0 0 14px}
.md-instruments .md-group-title{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.md-form .ucm-check{min-height:32px}
.md-other{display:flex;flex-direction:column;gap:6px;max-width:420px;margin-top:4px}
.md-wa{display:flex;flex-direction:column;gap:10px}
.md-wa-number{display:flex;flex-direction:column;gap:6px;max-width:420px}
.md-trains{font-weight:600!important}
.md-form h3 small{font-weight:500;color:var(--muted);font-size:.8em}

/* ---- Directory filters ---- */
.md-filters form{grid-template-columns:repeat(3,minmax(0,1fr))}
.md-filters .md-trains-filter{text-transform:none;letter-spacing:0;font-size:14px;color:var(--navy);min-height:44px;align-items:center!important}
.md-filters .md-trains-filter input{margin-top:0;height:18px;width:18px}
.md-crosslinks{display:flex;flex-wrap:wrap;gap:8px 28px;margin:-10px 0 24px}
.md-crosslinks .link-more{min-height:44px}

/* ---- Cards ---- */
.md-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.md-card{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid var(--line-soft);padding:20px;min-width:0}
.md-head{display:flex;gap:14px;align-items:flex-start}
.md-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px}
.md-avatar img{width:100%;height:100%;object-fit:cover}
.md-id{min-width:0;flex:1}
.md-id .badge{margin:0 6px 6px 0}
.md-id h3{font-size:17px;line-height:1.3;color:var(--navy);margin:0 0 4px;overflow-wrap:anywhere}
.md-id h3 a{color:inherit;display:inline-block;padding:11px 0;margin:-11px 0}
.md-id h3 a:hover{color:var(--primary)}
.md-roles{font-size:13.5px;font-weight:600;color:var(--primary);margin:0;line-height:1.45}
.md-tags{display:flex;flex-wrap:wrap;gap:6px}
.md-tags .badge{font-size:12px;padding:4px 10px}
.badge.md-voice{background:#EEF1FA;color:#33427A}
.md-bio{font-size:14px;line-height:1.55;color:var(--ink);margin:0}
.md-where{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--muted)}
.md-where li{display:flex;gap:8px;align-items:flex-start}
.md-where .md-ico{flex-shrink:0;margin-top:2px;color:var(--primary)}
.md-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.md-more{font-size:14px;font-weight:600;color:var(--primary);min-height:44px;display:inline-flex;align-items:center}

/* ---- Contact buttons ---- */
.md-contact{display:flex;flex-wrap:wrap;gap:8px}
.md-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--navy);text-decoration:none;flex:1 1 auto}
.md-btn:hover{border-color:var(--primary);color:var(--primary)}
.md-btn.md-phone{background:var(--primary);border-color:var(--primary);color:#fff}
.md-btn.md-phone:hover{background:var(--primary-600);color:#fff}
.md-btn.md-whatsapp{background:#E7F6EC;border-color:#BFE5CC;color:#1C6B3A}
.md-btn.md-whatsapp:hover{background:#D3EFDD;color:#14552D}
.md-btn.is-demo{opacity:.6;cursor:not-allowed;border-style:dashed}
.md-btn.is-demo.md-phone{background:#fff;color:var(--primary)}

/* ---- Profile page ---- */
.md-lead{font-size:17px;line-height:1.6;color:var(--navy);font-weight:500}
.md-contact-facts{margin-top:14px}
.sticky-side .md-crosslinks{margin:16px 0 0;flex-direction:column;gap:0}

@media (max-width:1024px){
  .md-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .md-grid{grid-template-columns:minmax(0,1fr)}
  .md-filters form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .md-filters form .q-field{grid-column:1/-1}
}
@media (max-width:420px){
  .md-filters form{grid-template-columns:minmax(0,1fr)}
}

/* "As a choir director" block (Join as a Choir Director form, 2026-11-03). */
.md-director{margin-top:24px}
.md-director h2{font-size:22px;margin-bottom:10px}
.md-director h3{font-size:16px;margin:18px 0 8px;color:var(--navy)}
.md-dir-list{list-style:none;margin:0;padding:0}
.md-dir-list li{padding:8px 0;border-bottom:1px solid var(--line-soft);overflow-wrap:anywhere}
.md-dir-list li:last-child{border-bottom:0}
.md-dir-when{color:var(--muted);font-size:14px;white-space:nowrap}
.md-dir-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.md-dir-chips li{background:var(--cream,#f6f1e7);border:1px solid var(--line-soft);border-radius:999px;padding:6px 12px;font-size:14px}