/* ===== Restaurant Listing Styles ===== */

/* Quick Jump Navigation */
.restaurant-nav {
  background: #f8f9fa;
  border: 1px solid #ccc;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-family: inherit;
  text-align: center; /* Center heading + buttons */
}
.restaurant-nav p {
  margin: 0 0 8px;
  font-weight: bold;
}
.restaurant-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex; /* Keep buttons in a row on desktop */
  flex-wrap: wrap;
  gap: 8px;
}
.restaurant-nav li a {
  display: inline-block;
  background: #007bff;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background 0.2s ease-in-out;
}
.restaurant-nav li a:hover {
  background: #0056b3;
}

/* Two-Column Layout */
.restaurant-card-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.restaurant-info {
  flex: 1 1 60%;
  min-width: 280px;
}
.quick-facts {
  flex: 1 1 35%;
  min-width: 250px;
  background: #f4f4f4;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.quick-facts h3 {
  margin-top: 0;
}

/* Lists inside Quick Facts */
.quick-facts ul {
  margin: 6px 0 0 18px;
  padding: 0;
}
.quick-facts li {
  margin-bottom: 4px;
}

/* Tags */
.tag.locals-recommend {
  background: #ffeb3b;
  padding: 3px 6px;
  border-radius: 4px;
  font-weight: bold;
  display: inline-block;
}

/* Map Container */
.map-container iframe {
  border-radius: 8px;
  border: 1px solid #ccc;
}

/* Disclaimer */
.disclaimer {
  font-size: 0.85rem;
  color: #666;
}

/* Sticky Back-to-Top Button */
#sticky-top {
  background-color: #f8f9fa;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: bold;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 1000;
}
#sticky-top a {
  text-decoration: none;
  color: #007bff;
}
#sticky-top a:hover {
  text-decoration: underline;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  /* Stack columns */
  .restaurant-card-flex {
    flex-direction: column;
  }
  .restaurant-info, .quick-facts {
    flex: 1 1 100%;
  }

  /* Quick Jump buttons full-width on mobile */
  .restaurant-nav ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: stretch;
  }
  .restaurant-nav li a {
    width: 100%;
    text-align: center;
  }
}

/* Page scaffolding */
.quick-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 24px;
}
.quick-filters a {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #c8d1d6;
  border-radius: 6px;
  text-decoration: none;
  color: #0b3553;
  background: #f7fbfd;
  transition: all .2s ease;
}
.quick-filters a:hover { background: #e8f3f8; border-color: #a9c2cc; }

/* Directorist grid normalization */
.directorist-listings .directorist-listing-card,
.directorist-listings .directorist-listing-single {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  border: 1px solid #eef2f4;
}
.directorist-listings .directorist-listing-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

/* Responsive columns if settings don’t handle it */
@media (min-width: 1025px) {
  .directorist-listings .directorist-col-3 { width: 33.333%; }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .directorist-listings [class*="directorist-col-"] { width: 50% !important; }
}
@media (max-width: 767px) {
  .directorist-listings [class*="directorist-col-"] { width: 100% !important; }
}

/* Button and link polish */
.directorist-btn,
.directorist-listing-card a { border-radius: 6px; }

/* Typography rhythm in hero */
.elementor h1 { margin-bottom: 12px; }
.elementor .intro p { margin-bottom: 0; }

/* Hide Directory Type dropdown in search forms */
.atbdp_search_form .atbdp_select_listing_type,
.atbdp_search_form .atbdp_listing_type_field {
  display: none !important;
}

/* Hide Directory Type label in listing cards or single listing */
.atbd_listing_type,
.atbd_listing_type_badge {
  display: none !important;
}
/* Hide “Choose Directory” filter above pricing plans */
.atbdp-pricing-header,
.atbdp-pricing-header-wrap {
  display: none !important;
}