/* =============================================================================
   directory.css  —  Resonance AI Health  ·  /find-a-practitioner
   Build: 2026-09-04-DIRECTORY-B
   =============================================================================
   Hosted stylesheet for the Find a Practitioner Squarespace block
   (RAI-Find-A-Practitioner.html). Same loader convention as certhome.css:
   flat in public/, pulled by a real <link> with a ?v= build string, so a
   change here means bumping that string and re-pasting the block.

   Brand: blues only. Cards read white and clinical with thin royal-blue
   rules. Body text is never justified. The Certified badge is electric
   blue, never green.
   ============================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&family=Inter:wght@400;500;600;700;800&display=swap');

.rai-dir{
  --navy:#0D1B5E; --navy-deep:#060F3A; --electric:#1E5FFF; --electric-deep:#0D47E8; --royal:#1A3AAA;
  --ink:#1a2540; --muted:#5C6A86; --line:#DCE6F3; --tint:#EEF4FD; --paper:#F7FAFE; --white:#fff;
  --elev:0 1px 2px rgba(13,27,94,.04), 0 10px 24px rgba(13,27,94,.08);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased;
  background:linear-gradient(180deg,#E8EFFB 0%,#F3F7FD 40%,#F8FAFE 100%);
  border-radius:10px; overflow:hidden; text-align:left;
}
.rai-dir *{box-sizing:border-box;}
.rai-dir p,.rai-dir h1,.rai-dir h2,.rai-dir h3{margin:0;text-align:left;}

.rai-dir .rai-dir-logoband{background:#000210;display:flex;justify-content:center;align-items:center;padding:18px;}
.rai-dir .rai-dir-logoband img{display:block;width:clamp(150px,18vw,200px);height:auto;}
.rai-dir .rai-dir-inner{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,40px) 40px;}

/* ---------- hero ---------- */
.rai-dir .rai-dir-hero{padding:34px 0 22px;border-bottom:2px solid var(--royal);margin-bottom:22px;}
.rai-dir .rai-dir-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--electric);margin-bottom:12px;}
.rai-dir .rai-dir-bar{display:inline-block;width:26px;height:3px;background:var(--electric);}
.rai-dir .rai-dir-title{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(32px,4.4vw,50px);line-height:1.05;letter-spacing:-.01em;color:var(--navy);}
.rai-dir .rai-dir-title em{font-style:italic;color:var(--electric);}
.rai-dir .rai-dir-sub{max-width:760px;margin-top:12px;font-size:16px;color:var(--muted);}

/* ---------- search ---------- */
.rai-dir .rai-dir-search{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1fr) minmax(200px,1.4fr);gap:12px 14px;align-items:end;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:16px 18px;box-shadow:var(--elev);}
.rai-dir .rai-dir-search label{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);}
.rai-dir .rai-dir-search input[type=text],.rai-dir .rai-dir-search select{display:block;width:100%;margin-top:6px;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:6px;padding:10px 12px;}
.rai-dir .rai-dir-search input[type=text]:focus,.rai-dir .rai-dir-search select:focus{outline:none;border-color:var(--electric);}
.rai-dir .rai-dir-toggles{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;padding-top:4px;border-top:1px solid var(--line);margin-top:2px;padding-top:12px;}
.rai-dir .rai-dir-check{display:inline-flex !important;align-items:center;gap:8px;font-size:13.5px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--ink) !important;cursor:pointer;}
.rai-dir .rai-dir-check input{width:17px;height:17px;accent-color:var(--electric);margin:0;}
.rai-dir .rai-dir-clear{margin-left:auto;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--electric);background:none;border:1.5px solid var(--electric);border-radius:6px;padding:8px 14px;cursor:pointer;}
.rai-dir .rai-dir-clear:hover{background:var(--electric);color:#fff;}

.rai-dir .rai-dir-count{font-size:13.5px;font-weight:600;color:var(--muted);margin:18px 2px 12px;}

/* ---------- results ---------- */
.rai-dir .rai-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.rai-dir .rai-dir-card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--royal);border-radius:10px;padding:22px 22px 18px;box-shadow:var(--elev);display:flex;flex-direction:column;gap:10px;}
.rai-dir .rai-dir-card.is-certified{border-top-color:var(--electric);}
.rai-dir .rai-dir-card-head{display:flex;flex-direction:column;gap:6px;}
.rai-dir .rai-dir-badges{display:flex;flex-wrap:wrap;gap:6px;}
.rai-dir .rai-dir-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--electric);border-radius:4px;padding:5px 10px;}
.rai-dir .rai-dir-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:#fff;}
.rai-dir .rai-dir-name{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:22px;line-height:1.15;color:var(--navy);}
.rai-dir .rai-dir-cred{font-weight:500;font-size:15px;color:var(--muted);margin-left:6px;font-family:'Inter',sans-serif;}
.rai-dir .rai-dir-practice{font-size:14.5px;font-weight:700;color:var(--ink);}
.rai-dir .rai-dir-where{font-size:14px;font-weight:500;color:var(--muted);}
.rai-dir .rai-dir-pills{display:flex;flex-wrap:wrap;gap:6px;}
.rai-dir .rai-dir-pill{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--royal);background:var(--tint);border:1px solid var(--line);border-radius:4px;padding:3px 8px;}
.rai-dir .rai-dir-pill.mode{color:var(--navy);border-color:var(--royal);background:#fff;}
.rai-dir .rai-dir-bio{font-size:14px;color:var(--ink);line-height:1.55;}
.rai-dir .rai-dir-links{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 18px;}
.rai-dir .rai-dir-links a{font-size:13px;font-weight:700;color:var(--electric);text-decoration:none;word-break:break-all;}
.rai-dir .rai-dir-links a:hover{text-decoration:underline;}

.rai-dir .rai-dir-empty{grid-column:1 / -1;background:var(--white);border:1px dashed var(--line);border-radius:10px;padding:28px 22px;text-align:center;color:var(--muted);font-size:15px;}
.rai-dir .rai-dir-empty b{color:var(--navy);}
.rai-dir .rai-dir-empty a{color:var(--electric);font-weight:700;text-decoration:none;}

.rai-dir .rai-dir-note{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted);}
.rai-dir .rai-dir-note a{color:var(--electric);font-weight:700;text-decoration:none;}
.rai-dir .rai-dir-note a:hover{text-decoration:underline;}

@media (max-width:760px){
  .rai-dir .rai-dir-search{grid-template-columns:1fr;}
  .rai-dir .rai-dir-clear{margin-left:0;}
  .rai-dir .rai-dir-grid{grid-template-columns:1fr;}
}