/*  Utility Classes  */
.text-center {
  text-align: center;
}

.mt-4 {
  margin-top: 1rem;
}

.hidden {
  display: none;
}

.mt-30 {
  margin-top: 30px;
}


.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
  text-align: center;   /* or left */
  display: block;
}
.single-product div.product {
  display: flex;
  align-items: center;  /* vertical centering */
  gap: 40px;            /* spacing between image and text */
}

.single-product div.product .images,
.single-product div.product .summary {
  float: none !important;
  width: 50%;
}
.single-product .product .product_title {
  white-space: nowrap;   /* keeps it on one line */
  display: inline-block;
}


/* =========================================
   BUSINESS DIRECTORY PLUGIN — PRO STYLING
   Scope: .business-directory-list
   ========================================= */
.business-directory-list {
  /* Brand + neutrals (fallbacks use a Druze-green vibe) */
  --bdp-brand: var(--brand, #16a34a);
  --bdp-brand-ink: #0b5c2b;
  --bdp-bg: #f7faf9;
  --bdp-card: #ffffff;
  --bdp-border: #e5e7eb;
  --bdp-text: #111827;
  --bdp-muted: #6b7280;
}

/* overall spacing */
.business-directory-list .bdp-wrap { padding-top: 8px; }

/* =========================
   SEARCH BAR (top form)
   ========================= */
.business-directory-list .main-fields.box-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  background: var(--bdp-card);
  border: 1px solid var(--bdp-border);
  border-radius: 14px;
  padding: 14px;
}

.business-directory-list .keywords-field {
  width: 100%;
  height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--bdp-border);
  border-radius: 10px;
  background: #fff;
  color: var(--bdp-text);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.business-directory-list .keywords-field::placeholder { color: var(--bdp-muted); }
.business-directory-list .keywords-field:focus {
  outline: none;
  border-color: color-mix(in lab, var(--bdp-brand) 65%, #fff);
  box-shadow: 0 0 0 4px color-mix(in lab, var(--bdp-brand) 18%, #fff);
}



.business-directory-list .wpbdp-advanced-search-link:hover {
  border-color: var(--bdp-brand);
  color: var(--bdp-brand);
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}

/* helper (screen-reader only) if plugin didn’t include */
.business-directory-list .wpbdp-sr-only {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* hide extra divider row */
.business-directory-list .box-row.separator { display: none; }

/* =========================================
   MAIN LINKS: Directory | Manage | Add
   ========================================= */
.business-directory-list .wpbdp-main-links {
  display: flex; gap: 10px; flex-wrap: wrap;
  margin: 16px 0 10px;
}
.business-directory-list .wpbdp-main-links .wpbdp-link {
  display: inline-block;
  padding: 9px 12px;
  border: 1px solid var(--bdp-border);
  border-radius: 10px;
  text-decoration: none;
  color: var(--bdp-text);
  background: #fff;
  transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.business-directory-list .wpbdp-main-links .wpbdp-link:hover {
  border-color: var(--bdp-brand);
  color: var(--bdp-brand);
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}
/* ensure Add Listing pops */
.business-directory-list #wpbdp-bar-submit-listing-button {
  background: var(--bdp-brand);
  color: #fff !important;
  border-color: var(--bdp-brand);
}

/* =========================================
   LISTINGS GRID & CARDS
   ========================================= */
.business-directory-list #wpbdp-listings-list.list.wpbdp-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
@media (min-width: 720px) {
  .business-directory-list #wpbdp-listings-list.list.wpbdp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1040px) {
  .business-directory-list #wpbdp-listings-list.list.wpbdp-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.business-directory-list .wpbdp-listing-excerpt {
  background: var(--bdp-card);
  border: 1px solid var(--bdp-border);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 2px 10px rgba(17,24,39,.04);
  transition: box-shadow .2s ease, transform .06s ease;
}
.business-directory-list .wpbdp-listing-excerpt:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(17,24,39,.10);
}

/* Title */
.business-directory-list .listing-title h3 {
  margin: 0 0 8px;
  font-size: 1.1rem;
  line-height: 1.3;
}
.business-directory-list .listing-title a {
  text-decoration: none;
  color: var(--bdp-text);
}
.business-directory-list .listing-title a:hover { color: var(--bdp-brand); }

/* Details area */
.business-directory-list .listing-details {
  color: var(--bdp-text);
  display: grid; gap: 6px;
}
.business-directory-list .listing-details .field-label {
  display: inline-block;
  min-width: 92px;
  color: var(--bdp-muted);
  font-size: .9rem;
}

/* Hide duplicate “Listing Title” field under the H3 */
.business-directory-list .wpbdp-field-title { display: none; }

/* Website & Phone formatting */
.business-directory-list .wpbdp-field-website .value a {
  word-break: break-word;
  text-decoration: underline;
}
.business-directory-list .wpbdp-field-phone .value a {
  letter-spacing: .2px;
}

/* Address block */
.business-directory-list .address-info { margin-top: 4px; }
.business-directory-list .address-info .address-label {
  color: var(--bdp-muted);
  font-size: .9rem;
}

/* Actions (Edit/Delete) */
.business-directory-list .listing-actions {
  margin-top: 12px;
  display: flex; gap: 8px; flex-wrap: wrap;
}
.business-directory-list .listing-actions .wpbdp-button {
  padding: 9px 12px;
}
.business-directory-list .listing-actions .delete-listing {
  background: #fff !important;
  color: #b91c1c !important;
  border-color: #e5e7eb !important;
}

/* =========================================
   PAGINATION
   ========================================= */
.business-directory-list .wpbdp-pagination {
  display: flex; justify-content: center; gap: 10px; margin-top: 14px;
}
.business-directory-list .wpbdp-pagination .prev,
.business-directory-list .wpbdp-pagination .next {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 42px; height: 38px;
  border: 1px solid var(--bdp-border);
  border-radius: 10px;
  background: #fff;
  color: var(--bdp-text);
}

/* =========================================
   FOCUS STATES (a11y)
   ========================================= */
.business-directory-list a:focus-visible,
.business-directory-list button:focus-visible,
.business-directory-list input:focus-visible {
  outline: 3px solid color-mix(in lab, var(--bdp-brand) 55%, #fff);
  outline-offset: 2px;
  border-radius: 8px;
}

/* =========================================
   DARK MODE (optional, safe defaults)
   ========================================= */
@media (prefers-color-scheme: dark) {
  .business-directory-list {
    --bdp-bg: #0b1110;
    --bdp-card: #101614;
    --bdp-border: #1f2a26;
    --bdp-text: #f3f4f6;
    --bdp-muted: #a1a1aa;
  }
  .business-directory-list .keywords-field,
  .business-directory-list .wpbdp-advanced-search-link,
  .business-directory-list .wpbdp-main-links .wpbdp-link,
  .business-directory-list .wpbdp-listing-excerpt,
  .business-directory-list .wpbdp-pagination .prev,
  .business-directory-list .wpbdp-pagination .next {
    background: var(--bdp-card);
    border-color: var(--bdp-border);
    color: var(--bdp-text);
  }
  .business-directory-list .listing-title a { color: var(--bdp-text); }
  .business-directory-list .wpbdp-button.wpbdp-button-secondary {
    background: transparent;
  }
}
/* == Compact the header/filter + add space below it == */
.business-directory-list .wpbdp-main-box {
  /* more breathing room before the listings start */
  margin-bottom: 28px;
}

@media (min-width: 720px) {
  .business-directory-list .wpbdp-main-box { margin-bottom: 36px; }
}

/* compact the search bar row */
.business-directory-list .main-fields.box-row {
  padding: 10px 12px;       /* was ~14px */
  border-radius: 12px;      /* slightly tighter */
  gap: 10px;
}

/* smaller input */
.business-directory-list .keywords-field {
  height: 38px;             /* was 42–44px */
  padding: 8px 12px;
  font-size: 14px;
}

/* smaller buttons */
.business-directory-list .wpbdp-button,
.business-directory-list a.button.wpbdp-button {
  padding: 8px 12px;        /* was 10–11px 14px */
  font-size: 14px;
  border-radius: 9px;
}

/* icon button size (Advanced Search) */
.business-directory-list .wpbdp-advanced-search-link {
  width: 38px; height: 38px;    /* was ~42–44px */
  border-radius: 9px;
}

/* tighten the secondary links row (Directory | Manage | Add) */
.business-directory-list .wpbdp-main-links {
  margin: 10px 0 0;
  gap: 8px;
}

.business-directory-list .wpbdp-main-links .wpbdp-link,
.business-directory-list #wpbdp-bar-submit-listing-button {
  padding: 7px 10px;            /* smaller pills */
  font-size: 14px;
  border-radius: 9px;
}

/* optional: subtle divider under the header/filter block */
.business-directory-list #wpbdp-main-box {
  border-bottom: 1px solid var(--bdp-border, #e5e7eb);
  padding-bottom: 6px;          /* keep compact */
}