/* =========================================================
   IMBA · directories (therapists / schools / teachers) + member profile
   ========================================================= */

/* ---------- hero with search ---------- */
.dhero{background:var(--bg-inverse);color:var(--text-inverse);padding:clamp(140px,11vw,176px) 0 clamp(40px,4vw,64px)}
.dhero .lead{color:var(--text-inverse-2);max-width:680px;margin-top:var(--s-5)}
.dsearch{position:relative;display:flex;align-items:center;gap:14px;margin-top:var(--s-8);max-width:760px;border-bottom:1.5px solid rgba(255,255,255,.55);color:#fff}
.dsearch svg{flex:none;opacity:.7}
.dsearch input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:clamp(19px,1.6vw,24px);font-weight:var(--fw-semibold);padding:16px 0}
.dsearch input::placeholder{color:rgba(255,255,255,.45)}
.dsearch--sm{margin:0;max-width:none;min-width:min(300px,100%);border:1px solid var(--line);border-radius:var(--r-pill);padding:0 18px;color:var(--text)}
.dsearch--sm input{color:var(--text);font-size:16px;font-weight:var(--fw-medium);padding:11px 0}
.dsearch--sm input::placeholder{color:var(--text-3)}
.dtabs{display:inline-flex;gap:6px;margin-top:var(--s-8);padding:6px;border-radius:var(--r-pill);background:rgba(255,255,255,.08)}
.dtabs button{height:46px;padding:0 22px;border-radius:var(--r-pill);color:var(--text-inverse-2);font-weight:var(--fw-bold);font-size:15px;display:inline-flex;align-items:center;gap:10px;transition:var(--t-fast)}
.dtabs button span{font-size:12px;opacity:.7}
.dtabs button[aria-selected="true"]{background:#fff;color:var(--text)}

/* ---------- sticky filter bar ---------- */
.dir{padding-bottom:var(--sec)}
.dir[hidden]{display:none}
.dbar{position:sticky;top:68px;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-bottom:var(--s-9)}
.dbar__in{display:flex;align-items:center;gap:var(--s-4) 10px;flex-wrap:wrap;padding-block:14px}
.dbar__filters,.dsheet__body,.dgroup{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dsheet__head,.dsheet__foot,.dsheet__bg,.dbar__open,.dsel__l{display:none}
.dbar__meta{margin-inline-start:auto;display:flex;align-items:center;gap:16px;font-size:var(--fs-small);color:var(--text-3);white-space:nowrap}
.dbar__reset,.linkish{color:var(--accent);font-weight:var(--fw-bold);text-decoration:underline;text-underline-offset:3px;font-size:inherit}
.dsel{position:relative}
.dsel select{appearance:none;-webkit-appearance:none;height:44px;padding:0 18px 0 40px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg);font:inherit;font-size:15px;font-weight:var(--fw-semibold);color:var(--text);cursor:pointer;max-width:260px}
.dsel::after{content:"";position:absolute;left:18px;top:50%;width:8px;height:8px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(-45deg);pointer-events:none;opacity:.6}
.dsel select:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}
.dsel select.is-set{background:var(--text);color:var(--bg);border-color:var(--text)}
.dsel:has(select.is-set)::after{color:#fff;opacity:1}

/* ---------- member cards ---------- */
.dgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-8) var(--gap-grid)}
.mcard{display:flex;flex-direction:column;min-width:0}
.mcard[hidden]{display:none}
.mcard__img{aspect-ratio:1;overflow:hidden;background:var(--accent-soft);border-radius:var(--r-md);display:grid;place-items:center}
.mcard__img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .6s var(--ease)}
.mcard:hover .mcard__img img{transform:scale(1.04)}
.mcard__img.is-empty{background:var(--bg-inverse-2)}
.mcard__img.is-empty span{font-size:clamp(44px,5vw,72px);font-weight:var(--fw-black);color:rgba(255,255,255,.85)}
.mcard__body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:var(--s-5)}
.mcard__name{font-size:19px;font-weight:var(--fw-black);line-height:1.3;margin-top:4px}
.mcard:hover .mcard__name{color:var(--accent)}
.mcard__loc{font-size:15px;color:var(--text-2)}
.mcard__tx{font-size:14px;color:var(--text-3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tag--soft{background:var(--bg-alt);color:var(--text-2);font-weight:var(--fw-semibold)}
a.tag--soft:hover{background:var(--accent-soft);color:var(--accent)}

.mcard--school .mcard__img{background:var(--bg-alt)}
.mcard--school .mcard__img.is-empty span{color:var(--text-2)} /* היה לבן על אוף-וייט (1.08:1), 08-10-2026 */
.mcard--school .mcard__img img{width:64%;height:64%;object-fit:contain;mix-blend-mode:multiply}
.mcard--school:hover .mcard__img img{transform:scale(1.05)}

/* ---------- school cards (legacy, not used) ---------- */
.sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-grid)}
.scard{display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--line);background:var(--bg);transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.scard[hidden]{display:none}
.scard:hover{border-color:var(--text);box-shadow:0 14px 32px rgba(2,26,34,.07)}
.scard__logo{height:150px;display:grid;place-items:center;border-bottom:1px solid var(--line);padding:22px;background:#fff}
.scard__logo{overflow:hidden}
.scard__logo img{width:auto;height:auto;max-height:106px;max-width:70%;object-fit:contain}
.scard__logo span{width:84px;height:84px;border-radius:50%;background:var(--bg-inverse-2);color:#fff;display:grid;place-items:center;font-size:34px;font-weight:var(--fw-black)}
.scard__body{padding:var(--s-6) var(--s-6) 0}
.scard__name{font-size:20px;font-weight:var(--fw-black);line-height:1.35}
.scard__name a:hover{color:var(--accent)}
.scard .mcard__loc{margin-top:6px}
.scard__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-5)}
.scard__actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:var(--s-6)}
.scard__web{font-size:14px;color:var(--text-3);text-decoration:underline;text-underline-offset:3px}

/* ---------- member profile ---------- */
.phead{background:var(--bg-inverse);color:var(--text-inverse);padding:clamp(130px,10vw,164px) 0 clamp(44px,4vw,64px)}
.phead__in{display:flex;align-items:center;gap:clamp(28px,4vw,56px)}
.phead__photo{flex:none;width:clamp(128px,14vw,200px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--bg-inverse-2);display:grid;place-items:center;box-shadow:0 0 0 6px rgba(255,255,255,.06)}
.phead__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.phead__photo.is-logo{background:#fff;border-radius:var(--r-md)}
.phead__photo.is-logo img{object-fit:contain;padding:14%}
.phead__photo span{font-size:64px;font-weight:var(--fw-black)}
.phead__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s-5)}
.badge{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:var(--fw-bold)}
.badge svg{color:#9CC7AC}
.badge--line{background:transparent;color:var(--text-inverse-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font-weight:var(--fw-semibold)}
.phead .btn{border-color:rgba(255,255,255,.4)}
.phead .btn--solid{background:#fff;border-color:#fff;color:var(--text)}
.phead .btn--solid:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--text)}
.phead__loc{margin-top:var(--s-3);font-size:17px;color:var(--text-inverse-2)}
.phead__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s-7)}
.phead__actions .btn{height:48px;padding:0 26px;font-size:15px}
/* פס ניהול בפרופיל: רק למנהלים (מחליף את גלגל השיניים של UM) */
.padmin{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);margin-bottom:var(--s-8);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);border-radius:var(--r-md);background:var(--bg-inverse-2);box-shadow:inset 0 0 0 1px var(--line-inverse)}
.padmin__label{font-size:var(--fs-small);color:var(--text-inverse-2)}
.padmin__label b{color:var(--text-inverse);font-weight:var(--fw-semibold)}
.padmin__acts{display:flex;flex-wrap:wrap;gap:8px;margin-inline-start:auto}
.padmin__a{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--r-pill);font-size:14px;font-weight:var(--fw-semibold);color:var(--text-inverse);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:background .2s,color .2s}
.padmin__a:hover{background:#fff;color:var(--text)}
.padmin__a.is-danger{color:#F2B8AE}
.padmin__a.is-danger:hover{background:var(--c-danger);color:#fff}
.padmin__err{flex-basis:100%;font-size:var(--fs-small);color:#F2B8AE}
.pbody{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(40px,6vw,100px);align-items:start}
.pblock + .pblock{margin-top:var(--s-10);padding-top:var(--s-10);border-top:1px solid var(--line)}
.pblock .h2{margin-bottom:var(--s-6)}
.ptags{display:flex;flex-wrap:wrap;gap:8px}
.ptags .tag{height:36px;padding:0 16px;font-size:14px}
.pbody__aside{position:sticky;top:110px;display:grid;gap:var(--s-7)}
.pfacts{border-top:1.5px solid var(--text)}
.pfacts div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.pfacts dt{color:var(--text-3);font-weight:var(--fw-semibold)}
.pfacts dd{font-weight:var(--fw-bold);word-break:break-word}
.pfacts a:hover{color:var(--accent)}
.pnote{font-size:13px;line-height:1.7;color:var(--text-3)}
.dgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

@media (max-width:1100px){
  .dgrid,.dgrid--4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pbody{grid-template-columns:minmax(0,1fr)}
  .pbody__aside{position:static}
}
@media (max-width:760px){
  .dbar{top:58px;margin-bottom:var(--s-7);backdrop-filter:none;background:#fff}
  .dbar.is-open{z-index:200}
  .dbar__in{gap:10px;flex-wrap:wrap;padding-block:10px}
  .dsearch--sm{flex:1 1 100%;min-width:0}
  .dbar__open{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid var(--text);border-radius:var(--r-pill);font-weight:var(--fw-bold);font-size:15px;color:var(--text)}
  .dbar__n{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--text);color:#fff;font-size:12px}
  .dbar__n[hidden]{display:none}
  .dbar__filters{position:fixed;inset:auto 0 0 0;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:0;flex-wrap:nowrap;max-height:86vh;max-height:86dvh;background:var(--bg);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(2,26,34,.18);transform:translateY(102%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s .35s}
  .dbar.is-open .dbar__filters{transform:none;visibility:visible;transition:transform .35s var(--ease)}
  .dsheet__head{display:flex;align-items:center;justify-content:space-between;padding:18px var(--gut) 14px;border-bottom:1px solid var(--line);font-size:19px;font-weight:var(--fw-black)}
  .dsheet__head button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--bg-alt)}
  .dsheet__body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;align-items:start;gap:26px;padding:22px var(--gut) 26px}
  .dsel,.dgroup{display:grid;gap:10px}
  .dsel__l{display:block;font-size:14px;font-weight:var(--fw-bold);color:var(--text-3)}
  .dsel::after{top:auto;bottom:22px;transform:rotate(-45deg)}
  .dsel select{width:100%;max-width:none;height:52px;font-size:16px}
  .dgroup .chips{display:flex;flex-wrap:wrap;gap:8px}
  .dsheet__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--gut) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
  .dsheet__foot .btn{flex:1;height:52px;padding:0 20px;font-size:16px}
  .dsheet__bg{display:block;position:fixed;inset:0;z-index:1;background:rgba(2,26,34,.5);opacity:0;pointer-events:none;transition:opacity .3s}
  .dbar.is-open .dsheet__bg{opacity:1;pointer-events:auto}
  .dbar__meta{margin-inline-start:auto}
  html.sheet-open{overflow:hidden}
  .dgrid,.dgrid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-7) var(--s-4)}
  .mcard__name{font-size:16px}
  .mcard__tx{display:none}
  .sgrid{grid-template-columns:minmax(0,1fr)}
  .phead__in{flex-direction:column;align-items:flex-start}
  .padmin__acts{margin-inline-start:0}
  .dtabs{display:flex;width:100%}
  .dtabs button{flex:1;justify-content:center;padding:0 10px;font-size:14px}
}