@charset "UTF-8";
/**
 * Shared BuddyBoss theme-token map.
 *
 * The BuddyBoss theme exposes its design tokens as runtime CSS custom
 * properties on :root / body. We never introduce new tokens — we alias BB's
 * with a safe fallback so a WCV surface still renders acceptably if a token
 * name differs between BB theme versions. Consumed by the theme re-skin
 * stylesheets (store #2679, dashboard #2683, directory #2684) via `@use`.
 *
 * Each value is a `var(--bb-*, fallback)` string held in a Sass variable, so
 * referencing the variable emits the custom property with its fallback intact.
 *
 * Source: includes/buddyboss/assets/src/css/_theme-tokens.scss (partial, not built)
 *
 * @since 2.0.9
 */
/**
 * BuddyBoss theme adapter — Marketplace Directory re-skin (#2684).
 *
 * Deliberately minimal, mirroring the store re-skin (#2679). WC Vendors core
 * already lays out the marketplace directory ([wcv_pro_vendorslist]): the
 * responsive card grid (.wcv-pro-vendorlist-wrapper.grid — 3/2/1 columns) and
 * the hero-banner card (.wcv-pro-vendorlist — a fixed-height banner with a
 * dark-gradient overlay and white text) are core's, and re-declaring them here
 * would fight that layout and flatten the banner design. So this stylesheet
 * only retokenises the WCV chrome so the directory adopts the BuddyBoss theme's
 * container width, spacing rhythm, card radius/shadow and primary accent —
 * making it sit alongside BB's member directory without changing the layout.
 *
 * Scoped under body.wcv-bb-theme (added by the theme adapter only when the
 * BuddyBoss theme is active and the Theme touchpoint is enabled), so non-BB
 * sites are untouched. Selectors carry enough of core's chain to win on
 * specificity; logical properties keep it RTL-safe. No WCV markup changes; no
 * new design tokens.
 *
 * Source: includes/buddyboss/assets/src/css/theme-directory.scss
 * Built to: includes/buddyboss/assets/css/theme-directory.css (gulp compileStyles)
 *
 * @since 2.0.9
 */
body.wcv-bb-theme {
  /* Align the directory — and its sibling filter bar — to BB's content width. */
  /* Grid gutter follows BB's spacing rhythm. */
  /* Vendor card surface adopts BB's card tokens (covers grid + list modes).
   * border-block-start is core's top accent, shown only in list mode. */
  /* Active grid/list view toggle uses BB's primary colour. */
  /* "Visit store" pill adopts BB's card surface + content colour. */
}
body.wcv-bb-theme .wcv-vendor-list-filter,
body.wcv-bb-theme .wcv-pro-vendorlist-wrapper {
  max-inline-size: var(--bb-container-width, 1170px);
  margin-inline: auto;
}
body.wcv-bb-theme .wcv-pro-vendorlist-wrapper.grid {
  gap: var(--bb-spacing-md, 16px);
}
body.wcv-bb-theme .wcv-pro-vendorlist-wrapper .wcv-pro-vendorlist {
  border-radius: var(--bb-block-radius, 12px);
  box-shadow: var(--bb-card-box-shadow, 0 1px 3px rgba(17, 24, 39, 0.08));
  border-block-start-color: var(--bb-primary-color, #4f46e5);
}
body.wcv-bb-theme .wcv-vendor-list-switch a.wcv-vendor-list-switch-item.active {
  color: var(--bb-primary-color, #4f46e5);
}
body.wcv-bb-theme .wcv-pro-vendorlist .wcv-view-store {
  background: var(--bb-content-background-color, #ffffff);
  color: var(--bb-content-color, inherit);
}
/*# sourceMappingURL=theme-directory.css.map */