/**
 * Directory page only: force course cards to match index/search page exactly.
 * Load this LAST so it overrides style.css and any other global rules.
 */
/* Grid: same as #results on index */
html body .directory-marketplace .results-grid,
html body .directory-marketplace .course-tree .results-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important;
  margin-top: 0 !important;
}

/* Card container: same as index .course-list-grid .golf-course-card */
html body .directory-marketplace .golf-course-card,
html body .directory-marketplace .course-tree .golf-course-card,
html body .directory-marketplace-main .golf-course-card,
html body .directory-marketplace-shell .golf-course-card {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid #d5e1d9 !important;
  border-radius: 16px !important;
  padding: 1rem !important;
  min-height: 210px !important;
  margin-bottom: 1rem !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 7px 18px rgba(11, 35, 24, 0.08) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

html body .directory-marketplace .golf-course-card:hover,
html body .directory-marketplace .course-tree .golf-course-card:hover,
html body .directory-marketplace-main .golf-course-card:hover,
html body .directory-marketplace-shell .golf-course-card:hover {
  transform: translateY(-3px) !important;
  border-color: #2c7a56 !important;
  box-shadow: 0 14px 28px rgba(11, 35, 24, 0.14) !important;
}

/* No duplicate View 3D pill */
html body .directory-marketplace .golf-course-card::after,
html body .directory-marketplace .course-tree .golf-course-card::after {
  content: none !important;
  display: none !important;
}

/* Card content / typography: match index */
html body .directory-marketplace .golf-course-card .course-name,
html body .directory-marketplace .course-tree .golf-course-card .course-name {
  color: #153726 !important;
  font-size: 1.12rem !important;
  line-height: 1.25 !important;
  margin-bottom: 0.35rem !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

html body .directory-marketplace .golf-course-card .course-details,
html body .directory-marketplace .course-tree .golf-course-card .course-details {
  color: #4f6659 !important;
  font-size: 0.95rem !important;
  text-shadow: none !important;
}

html body .directory-marketplace .golf-course-card .course-card-content,
html body .directory-marketplace .course-tree .golf-course-card .course-card-content {
  padding-right: 0.1rem !important;
}

html body .directory-marketplace .golf-course-card .course-details-row,
html body .directory-marketplace .course-tree .golf-course-card .course-details-row {
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.6rem !important;
}

html body .directory-marketplace .golf-course-card .course-details-info,
html body .directory-marketplace .course-tree .golf-course-card .course-details-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Course icon area: no image box, just View 3D button like index */
html body .directory-marketplace .golf-course-card .course-icon,
html body .directory-marketplace .course-tree .golf-course-card .course-icon {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .directory-marketplace .golf-course-card .course-icon .btn-view3d,
html body .directory-marketplace .course-tree .golf-course-card .course-icon .btn-view3d {
  min-width: 0 !important;
  width: auto !important;
  min-height: 34px !important;
  padding: 0.32rem 0.58rem !important;
  border-radius: 10px !important;
  background: #1f6b48 !important;
  border: 1px solid #1b5f41 !important;
  color: #fff !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 6px 12px rgba(31, 107, 72, 0.2) !important;
  white-space: nowrap !important;
}

html body .directory-marketplace .golf-course-card .course-icon .btn-view3d:hover,
html body .directory-marketplace .course-tree .golf-course-card .course-icon .btn-view3d:hover {
  background: #19563a !important;
  border-color: #19563a !important;
}

/* Card buttons row: match index */
html body .directory-marketplace .golf-course-card .course-card-buttons,
html body .directory-marketplace .course-tree .golf-course-card .course-card-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  align-items: center !important;
  margin-top: 0.85rem !important;
}

/* All action buttons: green like index, not blue */
html body .directory-marketplace .golf-course-card .card-action-btn,
html body .directory-marketplace .golf-course-card .btn-maps,
html body .directory-marketplace .golf-course-card .btn-ai,
html body .directory-marketplace .course-tree .golf-course-card .card-action-btn,
html body .directory-marketplace .course-tree .golf-course-card .btn-maps,
html body .directory-marketplace .course-tree .golf-course-card .btn-ai {
  background: #1f6b48 !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #1b5f41 !important;
  border-radius: 10px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  min-height: 38px !important;
  padding: 0.48rem 0.78rem !important;
  box-shadow: 0 8px 20px rgba(24, 86, 58, 0.24) !important;
}

html body .directory-marketplace .golf-course-card .card-action-btn:hover,
html body .directory-marketplace .golf-course-card .btn-maps:hover,
html body .directory-marketplace .golf-course-card .btn-ai:hover,
html body .directory-marketplace .course-tree .golf-course-card .card-action-btn:hover,
html body .directory-marketplace .course-tree .golf-course-card .btn-maps:hover,
html body .directory-marketplace .course-tree .golf-course-card .btn-ai:hover {
  background: #19563a !important;
  border-color: #19563a !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(24, 86, 58, 0.3) !important;
}

/* single-result grid (1–2 cards) */
html body .directory-marketplace .results-grid.single-result .golf-course-card,
html body .directory-marketplace .course-tree .results-grid.single-result .golf-course-card {
  border-radius: 16px !important;
  border: 1px solid #d5e1d9 !important;
  box-shadow: 0 7px 18px rgba(11, 35, 24, 0.08) !important;
}
