/* ═══════════════════════════════════════
   IslandBarter — Directory Page Overrides
   Applies the IB design system to directory
   and single business pages
   Version: 1.1.0
   ═══════════════════════════════════════ */

/* ── Page Wrapper ────────────────────── */
.ib-page-wrap {
  padding-top: 68px; /* offset for fixed nav */
}

/* ── Override Plugin Styles for IB Theme ── */
.ibd-directory-wrap {
  font-family: var(--font-body, 'DM Sans', sans-serif);
}

.ibd-hero {
  background: linear-gradient(135deg, var(--ocean, #0c3b5e) 0%, var(--ocean-mid, #145a8a) 100%);
  border-radius: var(--radius-lg, 20px);
}

.ibd-hero__title {
  font-family: var(--font-display, 'Fraunces', serif);
  letter-spacing: -0.03em;
}

.ibd-filters__input,
.ibd-filters__select {
  border-color: rgba(12,59,94,0.1);
  background: var(--sand, #faf5ec);
  border-radius: var(--radius, 12px);
  font-family: var(--font-body, 'DM Sans', sans-serif);
}

.ibd-filters__input:focus,
.ibd-filters__select:focus {
  border-color: var(--ocean, #0c3b5e);
  box-shadow: 0 0 0 3px rgba(12,59,94,0.06);
}

.ibd-filters__btn {
  background: var(--ocean, #0c3b5e);
  border-radius: var(--radius, 12px);
  font-family: var(--font-body, 'DM Sans', sans-serif);
}

.ibd-filters__btn:hover {
  background: var(--ocean-mid, #145a8a);
}

.ibd-card {
  border-radius: var(--radius-lg, 20px);
  border-color: rgba(12,59,94,0.06);
  font-family: var(--font-body, 'DM Sans', sans-serif);
}

.ibd-card:hover {
  box-shadow: var(--shadow-md, 0 4px 24px rgba(12,59,94,0.1));
}

.ibd-card__name {
  font-family: var(--font-display, 'Fraunces', serif);
}

.ibd-about {
  background: var(--sand, #faf5ec);
  border-radius: var(--radius-lg, 20px);
}

.ibd-about__title {
  font-family: var(--font-display, 'Fraunces', serif);
}

.ibd-about__card {
  border-radius: var(--radius, 12px);
}

.ibd-pagination .current {
  background: var(--ocean, #0c3b5e);
  border-color: var(--ocean, #0c3b5e);
}

.ibd-pagination a:hover {
  background: var(--sand, #faf5ec);
}

/* ── Single Business — IB Theme ────── */
.ibd-single-wrap {
  padding-top: 100px; /* room for fixed nav */
  font-family: var(--font-body, 'DM Sans', sans-serif);
}

.ibd-single__name {
  font-family: var(--font-display, 'Fraunces', serif);
}

.ibd-single__contact {
  background: var(--sand, #faf5ec);
  border-radius: var(--radius, 12px);
}

.ibd-single__contact-row a {
  color: var(--ocean, #0c3b5e);
}

.ibd-single__contact-row a:hover {
  color: var(--coral, #e05a47);
}

.ibd-claim-section {
  border-radius: var(--radius-lg, 20px);
}

.ibd-claim-btn {
  background: var(--coral, #e05a47);
  border-radius: var(--radius, 12px);
  font-family: var(--font-body, 'DM Sans', sans-serif);
}

.ibd-claim-btn:hover {
  background: var(--coral-light, #ff7b6b);
}

.ibd-breadcrumb a {
  color: var(--ocean, #0c3b5e);
}

.ibd-back-link {
  color: var(--ocean, #0c3b5e);
  font-family: var(--font-body, 'DM Sans', sans-serif);
}

.ibd-back-link:hover {
  color: var(--coral, #e05a47);
}

/* ── Hide redundant shortcode hero on directory template ── */
.ib-page-wrap .ibd-hero {
  display: none;
}

/* ── Hide Kadence default entry header ── */
.entry-hero,
.kadence-page-title {
  display: none !important;
}

/* ── Body background for directory pages ── */
body.page-id-15,
body.single-ib_business {
  background: var(--sand, #faf5ec);
}