/* find-a-pro/_listings.css — shared styles for the listing-card grid on every
   /find-a-pro/{category}.html page. Loaded by each category page alongside
   _listings.js. Visual identity matches the existing dark navy + teal theme. */

.lh-listings{padding:0 5vw 40px;max-width:1100px;margin:0 auto}
.lh-listings-loading{text-align:center;padding:40px 20px;color:var(--text2,#7aadcc);font-size:14px}
.lh-listings-loading::before{
  content:'';display:inline-block;width:16px;height:16px;border:2px solid rgba(0,212,170,.2);
  border-top-color:#00d4aa;border-radius:50%;margin-right:8px;vertical-align:middle;
  animation:lh-spin .7s linear infinite
}
@keyframes lh-spin{to{transform:rotate(360deg)}}

.lh-tier-header{
  font-family:'JetBrains Mono',monospace;font-size:11px;color:#00d4aa;letter-spacing:.15em;
  text-transform:uppercase;margin:0 0 14px;display:flex;align-items:center;gap:10px
}
.lh-tier-header.free{color:#7aadcc}
.lh-tier-header .count{
  background:rgba(0,212,170,.12);padding:3px 9px;border-radius:10px;font-size:10px;
  color:#00d4aa
}
.lh-tier-header.free .count{background:rgba(122,173,204,.1);color:#7aadcc}

.lh-listings-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:16px;margin-bottom:30px
}

.lh-card{
  display:block;background:#0d1b2e;border:1px solid rgba(255,255,255,.07);
  border-radius:16px;padding:18px;text-decoration:none;color:inherit;
  transition:all .2s;position:relative;overflow:hidden
}
.lh-card:hover{
  border-color:#00d4aa;transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,212,170,.12)
}
.lh-card.lh-premium{border-color:rgba(0,212,170,.3)}
.lh-card.lh-premium::before{
  content:'PREMIUM';position:absolute;top:14px;right:14px;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;
  color:#00d4aa;background:rgba(0,212,170,.18);padding:3px 8px;border-radius:6px;
  font-weight:700
}

.lh-card-photo{
  width:100%;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#162840;
  margin-bottom:14px;position:relative
}
.lh-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.lh-card-photo-fallback{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-size:42px;background:linear-gradient(135deg,#0d1b2e,#162840);color:#3d6a88
}

.lh-card-name{
  font-size:17px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.01em;
  margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.lh-card-loc{
  font-size:12.5px;color:#7aadcc;margin-bottom:10px;display:flex;align-items:center;gap:6px
}
.lh-card-loc::before{content:'📍';font-size:12px}

.lh-card-meta{
  display:flex;align-items:center;gap:14px;font-size:12.5px;color:#7aadcc;
  padding-top:12px;border-top:1px solid rgba(255,255,255,.06)
}
.lh-card-rating{display:flex;align-items:center;gap:4px;font-weight:600;color:#fff}
.lh-card-rating .star{color:#ffb84d}
.lh-card-rating .count{color:#7aadcc;font-weight:400}

.lh-empty{
  text-align:center;padding:48px 36px;background:#0d1b2e;border:1px dashed rgba(255,255,255,.07);
  border-radius:18px;margin-bottom:30px
}
.lh-empty-emoji{font-size:42px;display:block;margin-bottom:12px}
.lh-empty h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.01em}
.lh-empty p{color:#7aadcc;font-size:14px;max-width:480px;margin:0 auto 18px;line-height:1.55}
.lh-empty a{
  display:inline-block;padding:11px 22px;border-radius:10px;background:#00d4aa;
  color:#0a1628;font-size:14px;font-weight:700;text-decoration:none
}
.lh-empty a:hover{background:#00a888}

@media(max-width:600px){
  .lh-listings-grid{grid-template-columns:1fr;gap:12px}
  .lh-card{padding:14px}
}