/*
 * YMCA of Greater Tulsa — branch-amenities.css
 * Branch amenity cards (text-only, no icons)
 */

.amenities-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.amenity-card {
  background: #f8f8f6; border: 0.5px solid #ebebeb; border-radius: 8px;
  padding: 20px 22px; display: flex; flex-direction: column; gap: 6px;
  transition: border-color 0.15s, background 0.15s; cursor: default;
}
.amenity-card:hover { background: #f2f2f0; border-color: #d8d8d8; }
.amenity-name { font-size: 14px; font-weight: 600; color: #1a1a1a; line-height: 1.3; }
.amenity-desc { font-size: 13px; color: #888; line-height: 1.55; }

@media (max-width: 1024px) { .amenities-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .amenities-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 400px)  { .amenities-grid { grid-template-columns: 1fr; } }