` above the inputs.
Reads as a small "Contacting:" subtitle so the visitor sees which
listing the message will reach without having to scroll back to
the popup/card title. Subtle background tint (primary-colour
wash) so it visually GROUPS into the form below it; not loud
enough to compete with the popup's own title above. */
.w2dc-listing-content .w2dc-listing-content__contact-listing {
font-size: 12px;
font-weight: 600;
color: var(--w2dc-primary, #2563eb);
background: color-mix(in srgb, var(--w2dc-primary, #2563eb) 8%, transparent);
padding: 6px 10px;
border-radius: 6px;
border-left: 3px solid var(--w2dc-primary, #2563eb);
line-height: 1.3;
margin: 0 0 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* CF7 textarea - pin the rendered default to 6 rows regardless of
what the CF7 admin stamped into the `rows="..."` attribute (often
left at the CF7 default of 10 -> way too tall for a sidebar
popup). Combining `height` with `resize: vertical` lets the
visitor drag the corner handle wider when they're writing a long
message, but the initial reveal lands at a friendly 6-row size.
`!important` overrides any baseline rule shipped by the CF7
stylesheet (cf7's own `.wpcf7-form-control` selector has higher
default specificity than our `.w2dc-listing-content` scope; the
bang keeps the contract intact without forcing every CF7 host
site to reorder stylesheets). 6 rows × 1.5 line-height × 14 px
inherited font ≈ 126 px. */
.w2dc-listing-content .wpcf7-form-control.wpcf7-textarea {
height: 126px !important;
min-height: 126px;
resize: vertical;
}
/* Contact form */
.w2dc-listing-content .w2dc-listing-content__contact-form {
display: flex;
flex-direction: column;
gap: 6px;
/* Defensive reset against Redux Framework's admin CSS. In the
* admin map-edit preview the popup is rendered INSIDE the WP
* dashboard where redux-admin.min.css ships a `.no-js` rule
* (alert-danger styling: pink background, red border, red text,
* text-shadow) that gets applied to any `