/* ============================================================
   LE HAUS — PARTNER DIRECTORY (/partners, Partners.aspx)
   ------------------------------------------------------------
   Layout from Partner_Directory/index.html. Built from common.css
   components (hero, .section-head, .cal-filter/.cal-chip, .res-grid/
   .res-card, .hiw-steps, .partners dark section) and the partner card
   (.partner-feature) from partner-details.css, which this page also
   loads. This file only holds the search box, count row, member label,
   empty state and the closing section.
   ============================================================ */

/* ===== FILTERS + SEARCH ===== */
.directory-tools{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  flex-wrap:wrap;
  margin-bottom:22px;
}
.directory-tools .cal-filter{margin-bottom:0;flex:1 1 480px;}
.directory-search{flex:0 1 320px;}
.directory-search label{
  display:block;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--muted);
  margin-bottom:8px;
}
.directory-search input{
  width:100%;
  box-sizing:border-box;
  padding:12px 2px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  font:inherit;
  font-size:15px;
  color:var(--ink);
  -webkit-appearance:none;
  appearance:none;
}
.directory-search input:focus{outline:none;border-bottom-color:var(--gold);}
.directory-search input:focus-visible{box-shadow:0 1px 0 0 var(--gold);}

.directory-count{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:18px;
  margin-bottom:30px;
  border-bottom:1px solid var(--line);
  font-size:13px;
  color:var(--muted);
}

/* ===== CARDS (.partner-feature from partner-details.css) ===== */
.directory-card[hidden]{display:none;}
.directory-card h3 a{color:inherit;text-decoration:none;}
.directory-card h3 a:hover{color:var(--gold);}
.directory-card a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.directory-member{
  font-size:13px;
  line-height:1.6;
  color:var(--ink);
  margin:0 0 18px;
}
.directory-member span{
  display:block;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--muted);
  margin-bottom:4px;
}

/* ===== EMPTY STATE ===== */
.directory-empty{
  text-align:center;
  padding:50px 20px;
  border:1px solid var(--line);
}
.directory-empty[hidden]{display:none;}
.directory-empty h3{font-size:26px;font-weight:400;color:var(--color-heading);margin-bottom:10px;}
.directory-empty .story-sub{margin:0 auto 24px;}

/* ===== HOW IT WORKS / CLOSING ===== */
.directory-how{border-top:1px solid var(--line);}
.directory-close{color:#fff;text-align:center;}
.directory-close .dest-sub{margin-left:auto;margin-right:auto;max-width:520px;}
.directory-close .hero-actions{justify-content:center;flex-wrap:wrap;}

/* ===== RESPONSIVE ===== */
@media (max-width:760px){
  .directory-tools{display:block;}
  .directory-tools .cal-filter{margin-bottom:22px;}
  .directory-count span + span{display:none;}
}