/* [nectar_post_grid css_class_name="rpb-results-grid"] - Real Results page, native Salient
   Portfolio grid module (filter tabs, pagination all built-in - see
   [[feedback-rpb-...]] project notes). This file only tunes color/typography to match the
   approved reference's .property-grid card look (photo/eyebrow tag/h3/suburb), values
   copied from the reference's own CSS bundle where Salient's own classes carry the
   equivalent role. Grid mechanics (columns, spacing, pagination) are native params, not
   CSS, per the reuse-before-build rule. */

/* Salient's own column-width mechanism for grid_style="content_under_image" turned out to
   have no static CSS width rule for columns > 1 at all (confirmed by reading
   element-post-grid.css directly - only data-columns="1" has one) and no reliable inline
   JS-computed width either in this build, so every card was rendering at content-driven
   auto-width with zero gap. Rather than keep reverse-engineering undocumented JS, this
   takes direct control with real CSS Grid, matching the reference's own .property-grid
   values (2 columns, gap:72px 30px, fixed 440px image height) exactly. */
.rpb-results-grid .nectar-post-grid{display:grid !important;grid-template-columns:repeat(2,1fr);gap:72px 30px}
.rpb-results-grid .nectar-post-grid-item{width:auto !important}

/* aspect_ratio_image_size="yes" is required to get data-lock-aspect="yes" (the only thing
   that resets Salient's own ".nectar-post-grid-item-bg img{position:relative;height:auto}"
   so the image actually shows at all in content_under_image style) - but combining it with
   custom_image_aspect_ratio doesn't work: vc_templates/nectar_post_grid.php lines 16-19
   zero out $atts['aspect_ratio_image_size'] the moment a non-default custom ratio is set,
   which ALSO kills class-nectar-element-styles.php's own padding-bottom-ratio CSS generator
   (it checks that same now-empty flag) - a genuine self-defeating bug in the vendor file,
   not something to patch there. Fixed here instead: re-crop with our own fixed height +
   object-fit:cover, the same pattern already used in results-preview.css. */
.rpb-results-grid .nectar-post-grid-item-bg-wrap{height:440px !important}
.rpb-results-grid .nectar-post-grid-item-bg-wrap-inner{height:100% !important}
.rpb-results-grid .nectar-post-grid-item-bg{height:100% !important}
.rpb-results-grid .nectar-post-grid-item-bg__media{position:absolute !important;inset:0;width:100% !important;height:100% !important;object-fit:cover;filter:saturate(.72)}
/* The .meta-category slot (Salient's "eyebrow tag" position, directly above the
   h3) now carries the property specs instead of the project-type link - see the
   nectar_post_grid_category_markup filter in include/rpb-real-results.php. Keep
   the same eyebrow treatment it had as a category tag. */
.rpb-results-grid .meta-category .rpb-specs{display:inline-block;color:var(--rpb-green) !important;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:650}
.rpb-results-grid .post-heading{color:var(--rpb-ink) !important;font-size:26px !important;font-weight:450 !important;letter-spacing:-.02em}
.rpb-results-grid .nectar-post-grid-item__custom-field{color:var(--rpb-muted);font-size:13px}
/* short description under the suburb heading */
.rpb-results-grid .nectar-post-grid-item__custom-field[data-key="_rpb_card_desc"]{margin-top:4px;margin-bottom:12px;color:var(--rpb-ink)}
/* Salient's own .item-main{pointer-events:none} (lets clicks pass through card text to
   whatever handles card navigation elsewhere) was also swallowing clicks on this actual
   link - confirmed via document.elementFromPoint() landing on .content instead of the
   link itself. Re-enable specifically on the link, not the whole custom-fields area. */
.rpb-results-grid .nectar-post-grid-item__custom-field a{pointer-events:auto}
.rpb-results-grid .nectar-post-grid-filters{margin-bottom:48px}
.rpb-results-grid .nectar-post-grid-filters a{color:var(--rpb-muted);font-size:13px}
.rpb-results-grid .nectar-post-grid-filters a.active{color:var(--rpb-green)}
/* Responsive rules for this shortcode live in css/responsive.css, not here. */