/* [rpb_enquiry] - values copied exactly from the approved reference
   (.enquiry-grid/.enquiry-intro/.contact-placeholders/.enquiry-form), class names prefixed rpb-. */

/* min-height has no native vc_row param - targets the row via its own native "id" attribute
   (#enquire), same pattern as the News Teaser border-top fix. */
#enquire{min-height:720px}

.rpb-enquiry-grid{grid-template-columns:1fr .9fr;gap:11vw;display:grid}

/* Salient's own ".light h1-h6{color:...}" beats an inherited color from the panel wrapper -
   see [[feedback-rpb-heading-color-inheritance]]. */
.rpb-enquiry-intro h2{color:var(--rpb-white) !important;font-size:clamp(36px,4.6vw,68px) !important}
.rpb-enquiry-intro h2 span{white-space:nowrap;display:block}
/* Row is text_color="light" - Salient's own ".light p{color:...}" (class+type) beats a
   single-class rule without !important, see [[feedback-rpb-heading-color-inheritance]].
   :not(.rpb-eyebrow) matters here: without it this rule's specificity (class + combinator +
   type = 11) beats .rpb-eyebrow's own single-class rule (10) outright, silently overriding
   the eyebrow's green/small/uppercase styling with this paragraph's muted-white styling,
   since the eyebrow is ALSO a direct-child <p> of .rpb-enquiry-intro. */
.rpb-enquiry-intro > p:not(.rpb-eyebrow){color:#ffffffa3 !important;max-width:500px;margin-top:36px;font-size:16px}

.rpb-contact-placeholders{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 36px;margin-top:68px;display:grid}
.rpb-contact-placeholders span{color:var(--rpb-white) !important;font-size:14px;line-height:1.5}
.rpb-contact-placeholders small{color:var(--rpb-brass-light) !important;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:9px;line-height:1.5;display:block}
.rpb-contact-placeholders a{color:inherit;text-decoration:none}

/* Gravity Forms embed - overriding the plugin's own "gravity-theme" CSS (gform_wrapper/
   gfield/ginput_container/gform_footer are GF's real class names, not ours) to match the
   reference's minimal underline-input look, scoped to .rpb-enquiry-form so it doesn't affect
   any other GF form on the site. */
.rpb-enquiry-form{background:#ffffff0e;border:1px solid #ffffff24;padding:48px}
.rpb-enquiry-form .gform_wrapper{margin:0}
.rpb-enquiry-form .gform_fields{grid-template-columns:1fr 1fr !important;gap:28px 22px !important;display:grid !important}
.rpb-enquiry-form .gfield{grid-column:auto !important;margin:0 !important}
.rpb-enquiry-form .gfield--type-select,.rpb-enquiry-form .gfield--type-textarea{grid-column:1 / -1 !important}
.rpb-enquiry-form .gfield_label{color:#ffffffa8 !important;font-weight:600 !important;letter-spacing:1.2px !important;text-transform:uppercase !important;font-size:10px !important;margin:0 0 10px !important}
.rpb-enquiry-form .gfield_required{display:none !important}
.rpb-enquiry-form .ginput_container{margin-top:0 !important}

.rpb-enquiry-form input[type=text],.rpb-enquiry-form input[type=email],.rpb-enquiry-form input[type=tel],.rpb-enquiry-form select,.rpb-enquiry-form textarea{width:100%;color:var(--rpb-white) !important;background:0 0 !important;border:0 !important;border-bottom:1px solid #ffffff47 !important;border-radius:0 !important;outline:0 !important;padding:14px 0 !important;font-size:14px !important;line-height:1.5 !important;box-shadow:none !important}
.rpb-enquiry-form input:focus,.rpb-enquiry-form select:focus,.rpb-enquiry-form textarea:focus{border-bottom-color:var(--rpb-brass-light) !important}
.rpb-enquiry-form ::placeholder{color:#ffffff61 !important;opacity:1 !important}
.rpb-enquiry-form select option{color:var(--rpb-ink)}

.rpb-enquiry-form .gform_footer{grid-column:1 / -1;margin:8px 0 0 !important;padding:0 !important}
/* Salient's own body[data-button-style^="rounded"] input[type="submit"] rule (site-wide
   "rounded button" theme option) is ALSO !important with slightly higher specificity - a
   tied !important specificity fight needs a genuine specificity increase, not just a
   re-match (see the CSS rules in CLAUDE.md); #enquire is a real ID from this row's own
   ancestor chain. */
#enquire .gform_button{letter-spacing:.045em;text-transform:uppercase;background:var(--rpb-white) !important;color:var(--rpb-ink) !important;border:1px solid transparent !important;border-radius:2px !important;cursor:pointer;min-height:54px !important;padding:0 25px !important;font-size:12px !important;font-weight:620 !important;transition:background .18s}
#enquire .gform_button:hover{background:var(--rpb-brass-light) !important}
.rpb-enquiry-form .gform_validation_errors,.rpb-enquiry-form .gfield_description{color:#ff8080;font-size:12px}
/* Responsive rules for this shortcode live in css/responsive.css, not here. */