/* ============================================================
   components/facility-card.css
   Facility list cards
   ============================================================ */

/* ===== FACILITY LIST CARDS ===== */
.facility-list { display: flex; flex-direction: column; gap: 12px; }
.facility-list-card {
  display: flex; justify-content: space-between; align-items: flex-start;
  background: #fff; border-radius: 12px; padding: 20px 24px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: border-color .15s, box-shadow .15s, transform .15s;
  border: 1px solid transparent;
  position: relative;
}
.facility-list-card__fav {
  position: absolute; top: 14px; right: 18px; z-index: 2;
}
.facility-list-card__fav .jc-fav-btn {
  background: transparent !important;
  border: 0 !important;
  width: auto !important; height: auto !important;
  padding: 2px var(--space-1) !important;
  font-size: var(--font-2xl) !important;
  color: #d9d3d5 !important;
  line-height: 1 !important;
}
.facility-list-card__fav .jc-fav-btn:hover {
  color: var(--primary) !important;
  transform: none !important;
  background: transparent !important;
}
.facility-list-card__fav .jc-fav-btn.active {
  color: var(--primary) !important;
  background: transparent !important;
  border: 0 !important;
}
.facility-list-card__right { padding-top: 26px; }
.facility-list-card:hover {
  border-color: var(--primary); transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.facility-list-card__main { flex: 1; }
.facility-list-card__name { font-size: 17px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.facility-list-card__meta { font-size: 13px; color: var(--text-subtle); margin-bottom: 8px; }
.facility-list-card__badges { display: flex; flex-wrap: wrap; gap: 6px; }
.facility-list-card__right { text-align: right; flex-shrink: 0; margin-left: 20px; }
.facility-list-card__score {
  display: flex; align-items: center; gap: 6px; justify-content: flex-end; margin-bottom: 4px;
}
.facility-list-card__stars { color: var(--primary); font-size: 16px; }
.facility-list-card__score-num { font-size: 24px; font-weight: 900; color: var(--primary); }
.facility-list-card__count { font-size: 12px; color: var(--text-subtle); }