/* Business Directory views (main page, search, results, no results, listing detail): PRESENTATION ONLY.
   Scoped to body.business-directory (added by the plugin) so nothing else changes. The plugin keeps its markup, data,
   search, filters, pagination, URLs and statuses. Look follows the site: cream page, white panels with a gold top rule
   (as on Find a Professional), Cormorant headings, gold buttons, bronze links. Loaded after the plugin's stylesheets. */
body.business-directory { background: var(--cream);
	/* the plugin's own colour settings (CSS variables it reads): site gold buttons, bronze accents */
	--bd-main-color: #916342; --bd-main-color-20: rgba(145, 99, 66, .2); --bd-main-color-8: rgba(145, 99, 66, .08);
	--bd-button-bg-color: #e4b446; --bd-button-text-color: #111; }
body.business-directory .directory-frame { width: min(100% - 40px, 1040px); padding: 40px 0 72px; }
body.business-directory .directory-frame > .j-eyebrow { margin: 0 0 10px; }
body.business-directory .directory-frame > .archive__title { font-size: clamp(36px, 5vw, 54px); line-height: 1.05; margin: 0 0 14px; text-align: left; }
body.business-directory .directory-frame > .pending { margin: 0 0 24px; }
body.business-directory .bd-proof { color: var(--ink); font: 16px/1.6 var(--font-body); }
body.business-directory .bd-proof a { color: var(--bronze); text-underline-offset: 3px; }
body.business-directory .bd-proof a:hover { color: var(--ink); }
body.business-directory .bd-proof :is(a, input, select, textarea, button):focus-visible { outline: 2px solid var(--bronze); outline-offset: 2px; }

/* search panel (quick search box and the advanced search form) */
body.business-directory #wpbdp-main-box,
body.business-directory .wpbdp-search-page > form,
body.business-directory #wpbdp-search-form-wrapper { margin: 0 0 22px; padding: 24px 28px; border: 1px solid #E8E3D9; border-top: 2px solid var(--gold); background: #fff; box-shadow: 0 12px 30px rgba(30, 24, 14, .035); }
body.business-directory #wpbdp-main-box .box-row.separator { display: none; }
/* the plugin hides the keyword label with an inline style; keep it for screen readers, visually hidden */
body.business-directory label[for="wpbdp-main-box-keyword-field"] { display: block !important; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
body.business-directory .bd-proof :is(input[type=text], input[type=email], input[type=tel], input[type=url], input[type=search], select, textarea) {
	box-sizing: border-box; max-width: 100%; padding: 12px; border: 1px solid #ccc4b6; border-radius: 3px; background: #fff; color: #111; font: 16px/1.5 Arial, sans-serif; box-shadow: none; }
body.business-directory .bd-proof label:not(.bd-star-rating) { color: #2b2620; font-weight: 700; font-size: 14px; }
body.business-directory .bd-proof :is(.wpbdp-button, input[type=submit], button[type=submit]) {
	min-height: 48px; padding: 10px 20px; border: 1px solid #e4b446; border-radius: 3px; background: #e4b446; color: #111; font: 700 15px/1.2 Arial, sans-serif; cursor: pointer; text-decoration: none; }
body.business-directory .bd-proof :is(.wpbdp-button, input[type=submit], button[type=submit]):hover { background: #111; color: #e4b446; }
body.business-directory .wpbdp-advanced-search-link { color: var(--bronze); }

/* directory links row ("Directory", "View All Listings", "Add Listing") */
body.business-directory .wpbdp-main-links-container { margin: 0 0 18px; }
body.business-directory .wpbdp-main-links-container a { font-size: 15px; }
body.business-directory .wpbdp-main-links-container .wpbdp-link,
body.business-directory .wpbdp-main-links-container .button { border-color: #c9b384; border-radius: 3px; background: #fff; color: #4a3a17; font: 700 14px/1.2 Arial, sans-serif; text-decoration: none; }

/* secondary button: the plugin draws it as gold text on white with !important (low contrast on cream/white), so this
   override needs !important too; dark bronze text on white, as the site's ghost buttons */
body.business-directory.wpbdp-with-button-styles .bd-proof .wpbdp-button-secondary { border-color: #c9b384 !important; background-color: #fff !important; color: #4a3a17 !important; }
body.business-directory.wpbdp-with-button-styles .bd-proof .wpbdp-button-secondary:hover { background-color: #4a3a17 !important; color: #fff !important; opacity: 1; }

/* results and no results */
body.business-directory .bd-proof h3 { margin: 0 0 12px; color: var(--ink); font: 500 26px/1.2 var(--font-display); }
/* the list wrapper only spaces the cards; each result is its own cream card with a gold top rule (legacy WPCode 332 treatment) */
body.business-directory .wpbdp-listings-list { margin: 0; padding: 0; border: 0; background: transparent; }
body.business-directory .wpbdp-listings-list .wpbdp-listing { box-sizing: border-box; max-width: 100%; margin: 0 0 22px; padding: 28px; border: 1px solid #d7cec2; border-top: 2px solid #e4b446; background: #faf8f2; overflow-wrap: anywhere; }
body.business-directory .wpbdp-listing .listing-title { border-bottom: 0; font-size: inherit; }
body.business-directory .wpbdp-listing .listing-title h3 { margin: 0 0 6px; padding: 0; border: 0; font: 500 28px/1.15 var(--font-display); }
body.business-directory .wpbdp-listings-list .wpbdp-listing .listing-title h3 { font-size: 34px; }
body.business-directory .wpbdp-listing .listing-title a { color: var(--ink); text-decoration: underline; text-decoration-color: rgba(145, 99, 66, .45); }
body.business-directory .wpbdp-listing .listing-title a:hover { color: var(--bronze); }
body.business-directory .wpbdp-search-page > p,
body.business-directory .wpbdp-page > p { padding: 16px 18px; border-left: 3px solid var(--gold); background: #fbf6ea; color: #4a3a17; }
body.business-directory .wpbdp-pagination { margin: 16px 0 0; }
body.business-directory .wpbdp-pagination a { display: inline-block; padding: 8px 12px; border: 1px solid #c9b384; background: #fff; color: #4a3a17; text-decoration: none; }

/* fields (results and detail) */
body.business-directory .wpbdp-field-display { margin: 0 0 8px; }
body.business-directory .wpbdp-field-display .field-label { color: #5d554a; font: 700 12px/1.6 var(--font-body); letter-spacing: .06em; text-transform: uppercase; }
body.business-directory .wpbdp-listing img { max-width: 100%; height: auto; object-fit: contain; }
/* contained portrait frames (legacy WPCode 332 sizes, BRAG-267). Targets only the plugin's actual primary-photo classes (wpbdp-excerpt-thumbnail on results and as the detail fallback, wpbdp-single-thumbnail on the detail main photo),
   whether the img is bare or inside div.listing-thumbnail / a link. The photo keeps its proportions inside a white frame (contain, never crop or stretch); gallery/extra images and the no-image case are untouched. */
body.business-directory .wpbdp-listings-list .wpbdp-listing img.wpbdp-excerpt-thumbnail { box-sizing: border-box; width: 128px; height: 160px; padding: 4px; border: 1px solid #E8E3D9; background: #fff; object-fit: contain; object-position: center; }
body.business-directory .wpbdp-listing-single img.wpbdp-single-thumbnail,
body.business-directory .wpbdp-listing-single img.wpbdp-excerpt-thumbnail { box-sizing: border-box; width: 160px; height: 180px; padding: 4px; border: 1px solid #E8E3D9; background: #fff; object-fit: contain; object-position: center; }

/* listing detail: details panel, return link, the plugin's contact form and comment form (styling only) */
body.business-directory .wpbdp-listing-single .listing-actions { margin: 0 0 16px; }
body.business-directory .wpbdp-listing-single .listing-details { padding: 24px 28px; border: 1px solid #E8E3D9; border-top: 2px solid var(--gold); background: #fff; }
body.business-directory .wpbdp-listing-contact-form,
body.business-directory .comments .comment-respond { margin: 28px 0 0; padding: 24px 28px; border: 1px solid #E8E3D9; background: #fdfbf6; }
body.business-directory .comment-respond :is(p.comment-form-comment, p.comment-form-author, p.comment-form-email, p.comment-form-url) label { display: block; margin: 0 0 6px; }
body.business-directory .comment-respond :is(input[type=text], textarea) { width: 100%; }
body.business-directory .comment-respond .comment-reply-title { font: 500 26px/1.2 var(--font-display); }

@media (max-width: 640px) {
	body.business-directory .directory-frame { width: calc(100% - 32px); padding-top: 28px; }
	body.business-directory #wpbdp-main-box,
	body.business-directory .wpbdp-search-page > form,
	body.business-directory .wpbdp-listing-single .listing-details,
	body.business-directory .wpbdp-listing-contact-form,
	body.business-directory .comments .comment-respond { padding: 18px 16px; }
	body.business-directory .wpbdp-listing .listing-title h3 { font-size: 24px; }
}
@media (max-width: 700px) {
	body.business-directory .wpbdp-listings-list .wpbdp-listing { padding: 20px 16px; }
	body.business-directory .wpbdp-listings-list .wpbdp-listing .listing-title h3 { font-size: 30px; }
	body.business-directory .wpbdp-listings-list .wpbdp-listing img.wpbdp-excerpt-thumbnail { width: 96px; height: 120px; }
	body.business-directory .wpbdp-listing-single img.wpbdp-single-thumbnail,
	body.business-directory .wpbdp-listing-single img.wpbdp-excerpt-thumbnail { width: 120px; height: 140px; }
}

/* BRAG-LEGACY-DIRECTORY-TEXT-SEARCH-CONNECTION-R1: the [brag_directory_search] form (brag-directory-search-form.php). Presentation only; server-rendered, no script. Legacy layout: two columns (state | category) then the text fields; one column under 700px. */
body.business-directory .brag-dsearch { margin: 0 0 28px; padding: 24px 28px; border: 1px solid #d7cec2; border-top: 2px solid var(--gold); background: #faf8f2; }
body.business-directory .brag-dsearch__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px 28px; align-items: start; }
body.business-directory .brag-dsearch__field { min-width: 0; }
body.business-directory .brag-dsearch__field label { display: block; margin: 0 0 6px; }
body.business-directory .brag-dsearch__field :is(input, select) { display: block; width: 100%; min-height: 48px; }
body.business-directory .brag-dsearch__help { margin: 6px 0 0; color: #5d554a; font: 13px/1.45 var(--font-body); }
body.business-directory .brag-dsearch__error { grid-column: 1 / -1; margin: 0 0 16px; padding: 12px 14px; border-left: 3px solid var(--gold); background: #fff; color: #7b2d24; font: 600 14px/1.45 var(--font-body); }
body.business-directory .brag-dsearch__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; margin: 24px 0 0; }
body.business-directory .brag-dsearch__submit { min-height: 48px; padding: 10px 28px; border: 1px solid #e4b446; border-radius: 3px; background: #e4b446; color: #111; font: 700 15px/1.2 Arial, sans-serif; cursor: pointer; }
body.business-directory .brag-dsearch__submit:hover { background: #111; color: #e4b446; }
body.business-directory .brag-dsearch__reset { color: #4a3a17; font: 700 14px/1.3 Arial, sans-serif; }
@media (max-width: 700px) {
	body.business-directory .brag-dsearch { padding: 18px 16px; }
	body.business-directory .brag-dsearch__grid { grid-template-columns: 1fr; gap: 15px; }
	body.business-directory .brag-dsearch__field :is(input, select) { font-size: 16px; }
}

/* BRAG-SEARCH-REFUSAL-TRUTHFULNESS-R1: the one-line search status notice (brag-directory-search-status.php); presentation only. */
body.business-directory .brag-search-status { margin: 0 0 22px; padding: 16px 18px; border-left: 3px solid var(--gold); background: #fbf6ea; color: #4a3a17; }
body.business-directory .brag-search-status p { margin: 0; }

/* BRAG-REFERRAL-LEGACY-DISPLAY-PARITY-R1 (visual target revised to the old site's CURRENT front-end values, read from its public DOM and inline style): /referral/ panel and form.
   Panel min(760px, 100% - 28px), padding 24px, cream #FAF8F2, 1px #D7CEC2 line, no shadow. Grid: one flexible column + a 240px category column; areas state / city / name beside the stacked category list (the category column disappears when there are no categories); gap 16px 28px. White square-cornered 50px inputs, 14px Arial, padding 10px 13px.
   Gold #E4B446 Search (uppercase 11px, letter-spacing 1.25px) centred beside the deep-bronze #765038 Clear. Under 700px one column in the order state, city, name, category, 16px text. Scoped to .br-search__panel (the wrapper in referral.body.html) so no other Directory view changes. BAA-owned selectors only (no vendor or theme-builder selectors); labels, helper text, the More filters fold and every control keep their accepted meaning.
   Not asserted: pixel parity with the old page (source plus static fixture only). */
body.business-directory .br-search { width: 100%; max-width: none; padding: 0 14px 56px; box-sizing: border-box; }
body.business-directory .br-search__panel { box-sizing: border-box; width: min(760px, calc(100% - 28px)); max-width: 100%; margin: 0 auto; padding: 24px; border: 1px solid #D7CEC2; background: #FAF8F2; box-shadow: none; }
body.business-directory .br-search__panel .brag-dsearch { margin: 0; padding: 0; border: 0; background: transparent; }
body.business-directory .br-search__panel .brag-dsearch__grid { display: grid; grid-template-columns: minmax(0, 1fr) 240px; grid-template-areas: "state category" "city category" "name category" "more more"; gap: 16px 28px; align-items: start; }
body.business-directory .br-search__panel .brag-dsearch__grid--nocat { grid-template-columns: minmax(0, 1fr); grid-template-areas: "state" "city" "name" "more"; }
body.business-directory .br-search__panel .brag-dsearch__error { grid-column: 1 / -1; }
body.business-directory .br-search__panel .brag-dsearch__field { margin: 0; padding: 0; border: 0; min-width: 0; }
body.business-directory .br-search__panel .brag-dsearch__field--state { grid-area: state; }
body.business-directory .br-search__panel .brag-dsearch__field--city { grid-area: city; }
body.business-directory .br-search__panel .brag-dsearch__field--name { grid-area: name; }
body.business-directory .br-search__panel .brag-dsearch__field--category { grid-area: category; }
body.business-directory .br-search__panel .brag-dsearch__more { grid-area: more; margin: 0; }
body.business-directory .br-search__panel .brag-dsearch__field > label:not(.brag-dsearch__radio),
body.business-directory .br-search__panel .brag-dsearch__field--category > legend { display: block; margin: 0 0 8px; padding: 0; color: #916342; font: 700 10px/1.4 Arial, Helvetica, sans-serif; letter-spacing: .10em; text-transform: uppercase; }
body.business-directory .br-search__panel .brag-dsearch__field :is(input[type="text"], input[type="search"], select) { box-sizing: border-box; display: block; width: 100%; height: 50px; min-height: 50px; margin: 0; padding: 10px 13px; border: 1px solid #D7CEC2; border-radius: 0; background: #fff; color: #111; font: 14px/1.35 Arial, Helvetica, sans-serif; box-shadow: none; }
body.business-directory .br-search__panel .brag-dsearch__field :is(input[type="text"], input[type="search"], select):focus { border-color: #916342; }
body.business-directory .br-search__panel .brag-dsearch__help { margin: 6px 0 0; color: #5d554a; font: 12px/1.45 Arial, Helvetica, sans-serif; }
body.business-directory .br-search__panel .brag-dsearch__radio { display: flex; align-items: center; gap: 7px; width: auto; min-height: 36px; margin: 0; padding: 0; color: #111; font: 600 13px/1.4 Arial, Helvetica, sans-serif; letter-spacing: 0; text-transform: none; cursor: pointer; }
body.business-directory .br-search__panel .brag-dsearch__radio input[type="radio"] { display: inline-block; flex: 0 0 auto; width: 18px; min-height: 0; height: 18px; margin: 0; padding: 0; accent-color: #916342; }
body.business-directory .br-search__panel .brag-dsearch__more > summary { min-height: 36px; color: #916342; font: 700 12px/1.4 Arial, Helvetica, sans-serif; cursor: pointer; }
body.business-directory .br-search__panel .brag-dsearch__more > .brag-dsearch__field { margin-top: 12px; }
body.business-directory .br-search__panel .brag-dsearch__actions { display: flex; align-items: center; justify-content: center; gap: 22px; margin: 24px 0 0; }
body.business-directory .br-search__panel .brag-dsearch__submit { min-height: 46px; padding: 10px 28px; border: 1px solid #E4B446; border-radius: 0; background: #E4B446; color: #111; font: 700 11px/1.4 Arial, Helvetica, sans-serif; letter-spacing: 1.25px; text-transform: uppercase; box-shadow: none; cursor: pointer; }
body.business-directory .br-search__panel .brag-dsearch__submit:hover { border-color: #111; background: #111; color: #E4B446; }
body.business-directory .br-search__panel .brag-dsearch__reset { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: #765038; font: 700 12px/1.4 Arial, Helvetica, sans-serif; text-decoration: underline; text-underline-offset: 4px; }
body.business-directory .br-search__panel .brag-dsearch :is(input, select, summary, a, button):focus-visible { outline: 2px solid #916342; outline-offset: 2px; }
@media (max-width: 700px) {
	body.business-directory .br-search__panel { padding: 24px 18px; }
	body.business-directory .br-search__panel .brag-dsearch__grid, body.business-directory .br-search__panel .brag-dsearch__grid--nocat { grid-template-columns: minmax(0, 1fr); grid-template-areas: "state" "city" "name" "category" "more"; }
	body.business-directory .br-search__panel .brag-dsearch__field :is(input[type="text"], input[type="search"], select) { font-size: 16px; }
	body.business-directory .br-search__panel .brag-dsearch__actions { flex-direction: column; align-items: stretch; gap: 12px; }
	body.business-directory .br-search__panel .brag-dsearch__submit { width: 100%; }
}

/* BRAG-K3-REFERRAL-LEGACY-PRESENTATION: the old page shows no technical helper lines and no filter fold; the helper text stays in the DOM for assistive technology (aria-describedby) and is only visually hidden. Open More filters (used or error) stays fully visible. */
body.business-directory .br-search__panel .brag-dsearch__field > .brag-dsearch__help { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
body.business-directory .br-search__panel .brag-dsearch__more[open] .brag-dsearch__field > .brag-dsearch__help { position: static; width: auto; height: auto; margin: 6px 0 0; overflow: visible; clip: auto; clip-path: none; white-space: normal; }
body.business-directory .br-search__panel .brag-dsearch__more:not([open]) > summary { display: inline-block; min-height: 0; font-weight: 400; opacity: .75; }
body.business-directory .br-search__panel .brag-dsearch__field--category { align-self: start; }
body.business-directory .br-search__panel .brag-dsearch__field--category > legend { margin-bottom: 10px; }

/* BRAG-K7-REFERRAL-OLD-TYPOGRAPHY: the CURRENT old /referral form typography and spacing, from ROOT's live old/new public DOM measurement at 1361px (panel 760, inner 710, controls 442x50 already correct). Field labels Arial 13px/600 #222, 1.3px tracking, uppercase, line 18.2px, label-top to control-top 28.05px, row step 101.05px; the category heading Arial 13px/600 #222 normal tracking, no transform, margin 0, 7px above the first row; compact radio rows 18.1875px with 13x13 circles (margin 3px 7px 0 5px). Desktop (>= 701px) only for the compact radio rows: on phones the earlier 36px rows / 18px circles stay so the radios remain usable targets. Scoped to .br-search__panel; no ARIA, label text, field, handler or advanced-filter change. Not asserted: pixel identity of everything else. */
body.business-directory .br-search__panel .brag-dsearch__field > label:not(.brag-dsearch__radio),
body.business-directory .br-search__panel .brag-dsearch__field--category > legend { font: 600 13px/18.2px Arial, Helvetica, sans-serif; color: #222; letter-spacing: 1.3px; text-transform: uppercase; margin: 0 0 9.85px; }
body.business-directory .br-search__panel .brag-dsearch__field--category > legend { letter-spacing: normal; text-transform: none; margin: 0; padding: 0; }
@media (min-width: 701px) {
	body.business-directory .br-search__panel .brag-dsearch__grid { row-gap: 23px; }
	body.business-directory .br-search__panel .brag-dsearch__field--category { margin-top: -7px; }
	body.business-directory .br-search__panel .brag-dsearch__field--category > legend + .brag-dsearch__radio { margin-top: 6.99px; }
	body.business-directory .br-search__panel .brag-dsearch__radio { min-height: 0; height: 18.1875px; gap: 0; color: #222; font: 600 13px/18.2px Arial, Helvetica, sans-serif; }
	body.business-directory .br-search__panel .brag-dsearch__radio input[type="radio"] { width: 13px; height: 13px; margin: 3px 7px 0 5px; }
}

/* BRAG-K9-REFERRAL-LABELS (revised by Chad's latest direction): Chad's request supersedes the exact 13px target for the THREE visible slot labels only (State, City / Town, Name or keyword [or Last Name when that criterion is enabled]): 14px / 600 / #222 (controls stay 50px). The keyword examples are the input's placeholder, not part of the label row. Scoped to .br-search__panel. */
body.business-directory .br-search__panel .brag-dsearch__field--state > label:not(.brag-dsearch__radio),
body.business-directory .br-search__panel .brag-dsearch__field--city > label:not(.brag-dsearch__radio),
body.business-directory .br-search__panel .brag-dsearch__field--name > label:not(.brag-dsearch__radio) { font-size: 14px; line-height: 18.2px; color: #222; }
body.business-directory .br-search__panel .brag-dsearch__field input::placeholder { color: #6b6459; opacity: 1; font-size: 14px; letter-spacing: 0; text-transform: none; }

/* BRAG-CITY-TYPEAHEAD: the City / Town suggestion list (assets/brag-city-suggest.js). Absolutely positioned under the input (no layout shift), at most 10 rows, 44px touch rows, scrolls if the window is short. Scoped to .br-search__panel. */
body.business-directory .br-search__panel .brag-dsearch__field--city { position: relative; }
body.business-directory .br-search__panel .brag-dsearch__suggest { position: absolute; z-index: 20; left: 0; right: 0; top: 100%; margin: 0; padding: 0; list-style: none; max-height: min(300px, 50vh); overflow-y: auto; background: #fff; border: 1px solid #916342; box-shadow: 0 8px 18px rgba(0, 0, 0, .12); }
body.business-directory .br-search__panel .brag-dsearch__suggest[hidden], body.business-directory .br-search__panel .brag-dsearch__suggest-note[hidden] { display: none; }
body.business-directory .br-search__panel .brag-dsearch__suggest li { box-sizing: border-box; min-height: 44px; margin: 0; padding: 11px 13px; font: 400 15px/22px Arial, Helvetica, sans-serif; color: #222; cursor: pointer; }
body.business-directory .br-search__panel .brag-dsearch__suggest li.is-active, body.business-directory .br-search__panel .brag-dsearch__suggest li:hover { background: #f4eee6; outline: 2px solid #916342; outline-offset: -2px; }
body.business-directory .br-search__panel .brag-dsearch__suggest-note { position: absolute; z-index: 20; left: 0; right: 0; top: 100%; box-sizing: border-box; padding: 10px 13px; background: #fff; border: 1px solid #d7cec2; font: 400 13px/18px Arial, Helvetica, sans-serif; color: #4a4a4a; }
body.business-directory .br-search__panel .brag-dsearch__sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* BRAG DIRECTORY-LEGACY-PRESENTATION-R1a: legacy-site look for search-result cards, full listing profiles and the existing Business Directory Ratings visuals. Written against the ACTUAL development DOM (ROOT capture b3309dcd, docs/evidence/legacy-directory-presentation-20261107/current-native-dom.json) and the legacy values measured at ROOT 5c83d3d3. PRESENTATION ONLY: no field, rating, search, query, status, URL or storage change; ratings are restyled, never hidden or replaced; plugin handlers and class names are untouched. Scoped to body.business-directory (plus the view body class); no !important; the plugin default-theme sheet loads AFTER this file, so selectors carry body + view + vendor classes.
   Result card (div.wpbdp-listing.excerpt > p.brag-certification-status, .listing-title, .excerpt-content > .listing-thumbnail + .listing-details): photograph column left, certification line / name / details right, one column under 700px. directory.js adds the genuine canonical "View Profile ->" link (same href as the title link) as .brag-card-profile inside .listing-details. Without JS the card is complete except that button. */
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 26px; align-items: start; font: 16px/1.65 Arial, Helvetica, sans-serif; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt:has(.listing-thumbnail) { grid-template-columns: 128px minmax(0, 1fr); }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt > .excerpt-content { display: contents; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt:has(.listing-thumbnail) > :is(.brag-certification-status, .listing-title), body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt:has(.listing-thumbnail) .listing-details { grid-column: 2; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-thumbnail { --bd-thumbnail-width: 128px; --bd-thumbnail-height: 192px; grid-column: 1; grid-row: 1 / span 3; float: none; width: auto; max-width: 100%; margin: 0; padding: 0; line-height: 0; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-thumbnail img.wpbdp-excerpt-thumbnail { display: block; box-sizing: border-box; width: 128px; max-width: 100%; height: auto; max-height: 192px; padding: 0; border: 0; background: transparent; object-fit: contain; object-position: top left; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt > .brag-certification-status { margin: 0 0 8px; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-title h3 { margin: 0 0 8px; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details { display: flex; flex-flow: row wrap; align-items: center; gap: 0 28px; margin: 0; padding: 0; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details > .wpbdp-field-display { flex: 1 1 100%; margin: 0; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details > :is(.wpbdp-field-listing_title, .wpbdp-field-category, .wpbdp-field-website, .address-info) { display: none; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details .field-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details .wpbdp-field-company { order: 1; margin: 0 0 11px; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details .wpbdp-field-company .value { color: #555; font: 600 17px/1.55 Arial, Helvetica, sans-serif; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details .wpbdp-field-city { order: 2; margin: 0 0 7px; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details .wpbdp-field-city .value { color: #916342; font-size: 14px; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details .wpbdp-field-short_description { order: 3; max-width: 760px; color: #444; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details .wpbdp-field-short_description .value { color: #444; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details .wpbdp-rating-info { order: 4; margin: 8px 0 0; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details > .brag-card-profile { order: 5; flex: 0 0 auto; display: inline-block; box-sizing: border-box; min-height: 40px; margin-top: 18px; padding: 8px 16px; border: 1px solid #916342; background: transparent; color: #765038; font: 700 13px/22px Arial, Helvetica, sans-serif; text-decoration: none; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details > .brag-card-profile:hover, body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details > .brag-card-profile:focus-visible { border-color: #E4B446; background: #fff; color: #111; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details > .wpbdp-field-phone { order: 6; flex: 0 0 auto; margin-top: 18px; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details > .wpbdp-field-phone .value a { color: #916342; font-size: 16px; text-decoration: underline; text-underline-offset: 4px; }
body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .wpbdp-star-group { display: inline-flex; }

/* Full profile (body.wpbdp-view-show_listing). Name = .directory-frame > h1.archive__title (outside .bd-proof): bronze Cormorant 40/48. directory.js copies the already-rendered company text to p.brag-profile-company under it (black Cormorant 28/35) and marks .bd-proof.brag-profile-has-company, which hides the duplicate in-panel company field. The single listing becomes the thin cream field panel: 1px #D7CEC2, 24px padding (18px under 700px), bold black inline labels with a colon, #222 values 17/28.05, photograph floated right 160x180 contain (120x140 under 700px via the existing frame rules), description paragraph blocks preserved. */
body.business-directory.wpbdp-view-show_listing .directory-frame > h1.archive__title { margin: 0 0 6px; color: #916342; font: 500 40px/48px var(--font-display); letter-spacing: -.025em; overflow-wrap: anywhere; }
body.business-directory.wpbdp-view-show_listing .directory-frame .brag-profile-company { margin: 0 0 18px; color: #111; font: 500 28px/35px var(--font-display); overflow-wrap: anywhere; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single { display: flow-root; box-sizing: border-box; max-width: 100%; margin: 0 0 22px; padding: 24px; border: 1px solid #D7CEC2; background: #FAF8F2; box-shadow: none; overflow-wrap: anywhere; color: #222; font: 17px/28.05px Arial, Helvetica, sans-serif; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single > .listing-thumbnail { --bd-thumbnail-width: 160px; --bd-thumbnail-height: 180px; float: right; width: auto; max-width: 50%; margin: 0 0 16px 24px; padding: 0; line-height: 0; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .listing-details { margin: 0; padding: 0; border: 0; background: transparent; }
body.business-directory.wpbdp-view-show_listing .bd-proof.brag-profile-has-company .wpbdp-listing.single .listing-details > .wpbdp-field-company { display: none; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .wpbdp-field-display { margin: 0 0 4px; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .wpbdp-field-display .field-label { display: inline; color: #111; font: 700 17px/28.05px Arial, Helvetica, sans-serif; letter-spacing: 0; text-transform: none; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .wpbdp-field-display .field-label::after { content: ":"; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .wpbdp-field-display .value { display: inline; color: #222; font: 17px/28.05px Arial, Helvetica, sans-serif; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .wpbdp-field-description .value { display: block; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .wpbdp-field-description .value p { margin: 0 0 14px; color: #222; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .wpbdp-field-display .value a { color: #111; text-decoration: underline; text-decoration-color: rgba(145, 99, 66, .45); text-underline-offset: 3px; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .wpbdp-field-display .value a:hover { color: #916342; }
body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single .wpbdp-star-group { display: inline-flex; vertical-align: middle; }

/* R1b: the generic WordPress comment surface (#respond.comment-respond, "Leave a Reply") is a duplicate, unrelated flow on a Directory listing whose reviews are the Business Directory Ratings; hidden ONLY on the single-listing view. The Ratings form (.review-form) and its handlers are not touched.
   Photo frames: the plugin forces `.wpbdp-thumbnail { max-width: var(--bd-thumbnail-width) !important }` (150px natively), which no normal declaration can beat, so the frame sizes are set through that variable on the thumbnail wrapper. */
body.business-directory.wpbdp-view-show_listing :is(#respond.comment-respond, .comment-respond) { display: none; }

/* Existing Business Directory Ratings module (.wpbdp-ratings-reviews, .review-form, .bd-star-rating[-on|-readonly], radio score_1..5 + native labels): cream panel, 22px / 21px bronze serif headings, 17/28.05 #555 text, 20px SVG stars (on #EF9F3E, 20px: both already the plugin's own rules, kept untouched; off #3F4B5B added at ZERO-extra specificity so the plugin's on / hover / checked rules (all more specific) still win), 120px textarea. Nothing is hidden. */
body.business-directory .bd-proof .wpbdp-ratings-reviews, body.business-directory .bd-proof .wpbdp-ratings-reviews .review-form { box-sizing: border-box; max-width: 100%; background: #FAF8F2; overflow-wrap: anywhere; color: #555; font: 17px/28.05px Arial, Helvetica, sans-serif; }
body.business-directory .bd-proof .wpbdp-ratings-reviews { margin: 0 0 22px; padding: 0; border: 0; }
body.business-directory .bd-proof .wpbdp-ratings-reviews .review-form { margin: 18px 0 0; padding: 0; }
body.business-directory .bd-proof .wpbdp-ratings-reviews > h3 { margin: 0 0 8px; color: #916342; font: 500 22px/1.3 var(--font-display); }
body.business-directory .bd-proof .wpbdp-ratings-reviews .review-form-header h4 { margin: 0 0 10px; color: #916342; font: 500 21px/1.3 var(--font-display); }
body.business-directory .bd-proof .wpbdp-ratings-reviews :is(.no-reviews-message, .rating-comment, .rating-authoring-info, .review-form label:not(.bd-star-rating)) { color: #555; font: 17px/28.05px Arial, Helvetica, sans-serif; }
body.business-directory .bd-proof .wpbdp-ratings-reviews textarea { box-sizing: border-box; width: 100%; height: 120px; min-height: 120px; }
:where(body.business-directory .bd-proof) .wpbdp-star-group { color: #3F4B5B; }

@media (max-width: 700px) {
	body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt { padding: 22px; }
	body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt:has(.listing-thumbnail) { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
	body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt:has(.listing-thumbnail) > :is(.brag-certification-status, .listing-title), body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt:has(.listing-thumbnail) .listing-details, body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-thumbnail { grid-column: 1; grid-row: auto; }
	body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-thumbnail { order: -1; }
	body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-thumbnail { margin: 0 0 17px; }
	body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-thumbnail img.wpbdp-excerpt-thumbnail { width: 96px; max-height: 144px; }
	body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details > .brag-card-profile, body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-details > .wpbdp-field-phone { flex: 1 1 100%; text-align: center; }
	body.business-directory.wpbdp-view-show_listing .directory-frame > h1.archive__title { font-size: 32px; line-height: 38px; }
	body.business-directory.wpbdp-view-show_listing .directory-frame .brag-profile-company { font-size: 24px; line-height: 30px; }
	body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single { padding: 18px; }
	body.business-directory.wpbdp-view-show_listing .bd-proof .wpbdp-listing.single > .listing-thumbnail { --bd-thumbnail-width: 120px; --bd-thumbnail-height: 140px; margin-left: 16px; }
	body.business-directory .wpbdp-listings-list .wpbdp-listing.excerpt .listing-thumbnail { --bd-thumbnail-width: 96px; --bd-thumbnail-height: 144px; }
}

/* BRAG-RESULTS-PARITY-U5: legacy search-results chrome (values from the retained legacy front-end CSS, WPCode 162332). Applies to the utility links and empty card the results-presentation module prints, and hides the generic directory heading and the vendor search toolbar/form ONLY on an actual results request (body.brag-directory-results, added by that module). Presentation only. */
body.business-directory .bd-proof .baa-directory-utility-links { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 14px 0 18px; padding: 0; }
body.business-directory .bd-proof .baa-directory-utility-links a { text-decoration: none; }
body.business-directory .bd-proof .baa-directory-start-search { color: #111; font: 700 11px/1.35 Arial, Helvetica, sans-serif; letter-spacing: 1.15px; text-transform: uppercase; }
body.business-directory .bd-proof .baa-directory-qualify { color: #b58520; font: 700 13px/1.4 Arial, Helvetica, sans-serif; }
body.business-directory .bd-proof .baa-directory-utility-links a:hover { color: #916342; }
body.business-directory .bd-proof .baa-zero-results { margin: 4px 0 26px; padding: 22px 24px; border: 1px solid #d7cec2; border-left: 3px solid #e4b446; background: #fff; }
body.business-directory .bd-proof .baa-zero-results h2 { margin: 0 0 7px; color: #916342; font: 600 28px/1.2 "Cormorant Garamond", Georgia, serif; }
body.business-directory .bd-proof .baa-zero-results p { margin: 0; color: #444; font: 14px/1.6 Arial, Helvetica, sans-serif; }
body.business-directory .bd-proof .baa-zero-results p + p { margin-top: 12px; }
body.business-directory .bd-proof .baa-zero-results a { color: #765038; text-decoration: none; font-weight: 700; }
body.business-directory .bd-proof .baa-zero-results .baa-brand-star { color: #e4b446; }
body.business-directory .bd-proof .baa-zero-results a.baa-zero-results-cta { display: inline-block; padding: 12px 22px; border-radius: 3px; background: #e4b446; color: #111; font: 700 14px/1.2 Arial, Helvetica, sans-serif; text-decoration: none; }
body.business-directory .bd-proof .baa-zero-results a.baa-zero-results-cta:hover, body.business-directory .bd-proof .baa-zero-results a.baa-zero-results-cta:focus-visible { background: #111; color: #e4b446; }
body.business-directory .bd-proof .baa-zero-results p.baa-zero-results-note { color: #5b564f; font: 13px/1.5 Arial, Helvetica, sans-serif; }
body.business-directory .bd-proof .baa-zero-results p.baa-zero-results-recovery a { color: #111; font: 700 11px/1.35 Arial, Helvetica, sans-serif; letter-spacing: 1.15px; text-transform: uppercase; }
body.brag-directory-results .directory-frame > .j-eyebrow, body.brag-directory-results .directory-frame > .archive__title,
body.brag-directory-results .bd-proof #wpbdp-search-form-wrapper, body.brag-directory-results .bd-proof #wpbdp-search-page > form, body.brag-directory-results .bd-proof .wpbdp-search-page > form,
body.brag-directory-results .bd-proof #wpbdp-main-box, body.brag-directory-results .bd-proof .wpbdp-bar, body.brag-directory-results .bd-proof .wpbdp-main-links-container { display: none; }