/* Budget Halls Card Styling */
.directorist-listing-single__thumb img {
    aspect-ratio: 16/10;
    object-fit: cover;
    border-radius: 12px;
}

.directorist-listing-single__content {
    padding: 1rem;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.directorist-listing-single__cta {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-top: 1px solid #eee;
}

.directorist-listing-single__cta a {
    flex: 1;
    margin: 0 0.25rem;
    text-align: center;
    padding: 0.5rem;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Button colors */
.directorist-listing-single__cta a:first-child {
    background: #0073aa;
    color: #fff;
}
.directorist-listing-single__cta a:nth-child(2) {
    background: #f5f5f5;
    color: #333;
}
.directorist-listing-single__cta a:last-child {
    background: #eee;
    color: #666;
}
/* ================================
   Budget Halls – Venue Card Styles
   (drop-in; no JS required)
   ================================ */

/* ---- Quick theme variables (easy to tweak) ---- */
:root {
  --bh-primary: #1e63ff;     /* Get Quote button */
  --bh-primary-600: #0f4cdf;
  --bh-secondary: #f5f5f5;   /* Read More button */
  --bh-text: #222;
  --bh-muted: #6b7280;
  --bh-accent: #111;         /* card title */
  --bh-chip-bg: #121212;     /* dark chips under image */
  --bh-chip-text: #fff;
  --bh-border: #e5e7eb;
  --bh-shadow: 0 6px 18px rgba(0,0,0,.06);
  --bh-radius: 12px;
}

/* ---- Card container polish ---- */
article.directorist-listing-single {
  border: 1px solid var(--bh-border);
  border-radius: var(--bh-radius);
  background: #fff;
  box-shadow: var(--bh-shadow);
  overflow: hidden; /* round the image corners too */
}

/* ---- Image area ---- */
.directorist-listing-single__thumb {
  position: relative;
  overflow: hidden;
}
.directorist-listing-single__thumb img {
  width: 100%;
  height: 260px;             /* keep a nice, even grid */
  object-fit: cover;
  transition: transform .35s ease;
}
.directorist-listing-single__thumb:hover img {
  transform: scale(1.02);
}

/* ---- Optional “chips” that overlay the image ---- */
.directorist-listing-single__thumb .directorist-badge,
.directorist-listing-single__thumb [class*="chip"],
.directorist-listing-single__thumb .bh-chips {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: var(--bh-chip-bg);
  color: var(--bh-chip-text);
  border-radius: 999px;
  padding: .28rem .6rem;
  font-size: 12px;
}

/* ---- Body/content spacing ---- */
.directorist-listing-single__content {
  padding: 14px 16px 16px;
}

/* ---- Title ---- */
.directorist-listing-single__title a {
  color: var(--bh-accent);
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
}
.directorist-listing-single__title a:hover {
  text-decoration: underline;
}

/* ---- Meta row (rating, area, city line under title) ---- */
.directorist-listing-single__meta,
.directorist-listing-single__meta * {
  color: var(--bh-muted);
  font-size: 13px;
}

/* ---- Info list (Capacity / Price row) ---- */
ul.directorist-listing-single__info_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  padding: 8px 0 0;
  margin: 0;
  list-style: none;
}
ul.directorist-listing-single__info_list > li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--bh-text);
  font-size: 13px;
}

/* Make “price” item pop a bit (usually 3rd item: `from £…`) */
ul.directorist-listing-single__info_list > li:nth-child(3) {
  font-weight: 700;
}

/* ---- Divider before the CTA row ---- */
.directorist-listing-single__cta {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px solid var(--bh-border);
  margin-top: 12px;
  padding-top: 14px;
}

/* Base button style */
.directorist-listing-single__cta a {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  border-radius: 10px;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .02s;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
  border: 1px solid transparent;
  cursor: pointer;
}

/* 1) Get Quote – primary */
.directorist-listing-single__cta a:first-child {
  background: var(--bh-primary);
  color: #fff;
}
.directorist-listing-single__cta a:first-child:hover {
  background: var(--bh-primary-600);
}

/* 2) Read More – neutral  */
.directorist-listing-single__cta a:nth-child(2) {
  background: var(--bh-secondary);
  color: var(--bh-text);
  border-color: var(--bh-border);
}
.directorist-listing-single__cta a:nth-child(2):hover {
  background: #ececec;
}

/* 3) Save (Directorist wishlist) – outline/ghost  */
.directorist-listing-single__cta a:last-child {
  background: transparent;
  color: var(--bh-text);
  border-color: var(--bh-border);
}
.directorist-listing-single__cta a:last-child:hover {
  background: #fafafa;
}

/* Slight “press” feedback */
.directorist-listing-single__cta a:active {
  transform: translateY(1px);
}

/* ---- Small helper touch for the “on map” row ---- */
.directorist-listing-single__meta .directorist-listing-single__address,
.directorist-listing-single__meta [class*="map"] {
  color: var(--bh-muted);
}

/* ---- Responsive tweaks ---- */
@media (max-width: 1024px) {
  .directorist-listing-single__thumb img { height: 230px; }
}
@media (max-width: 768px) {
  .directorist-listing-single__thumb img { height: 220px; }
  .directorist-listing-single__cta { gap: 10px; }
}
@media (max-width: 480px) {
  .directorist-listing-single__thumb img { height: 200px; }
  .directorist-listing-single__cta a { font-size: 13px; padding: 9px 12px; }
}