/* Selector is deliberately doubled (.cf-company-filter-form.cf-company-filter-form) and
   every layout property is !important. This form renders inside the theme's .cf-page-wrap
   wrapper, which carries a later, higher-priority fallback rule for ANY <form> inside it
   (".cf-page-wrap form { grid-template-columns:repeat(12,…) !important }" in style.css,
   intended for raw shortcode markup with no dedicated class). Without matching or beating
   that rule's specificity, this form's intended 2-column layout was silently discarded in
   favour of an unstyled 12-column grid, collapsing every field to ~1/12 of the row width. */
.cf-company-filter-form.cf-company-filter-form {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:end !important;
    margin:0 !important;
}
.cf-company-filter-form.cf-company-filter-form #cf-company-search { grid-column:1 / -1 !important; }
.cf-company-filter-form.cf-company-filter-form .cf-inline-check { align-self:center !important; }
/* Self-contained sizing: this form is not inside .cf-card and its inputs carry no
   type="text" attribute, so it cannot rely on the theme's shared .cf-card input rules —
   without this it was falling back to bare, unstyled, browser-default-width form controls. */
.cf-company-filter-form.cf-company-filter-form input,
.cf-company-filter-form.cf-company-filter-form select {
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    box-sizing:border-box !important;
    padding:11px 13px !important;
    border:1px solid #cfd8e6 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#14233f !important;
    font-size:14px !important;
    grid-column:auto !important;
}
.cf-company-filter-form.cf-company-filter-form input:focus,
.cf-company-filter-form.cf-company-filter-form select:focus {
    outline:none;
    border-color:#244da6 !important;
    box-shadow:0 0 0 3px rgba(36,77,166,.10) !important;
}
.cf-company-filter-form.cf-company-filter-form .cf-btn,
.cf-company-filter-form.cf-company-filter-form button {
    grid-column:auto !important;
}
@media (max-width:700px){
    .cf-company-filter-form.cf-company-filter-form{grid-template-columns:1fr !important;}
    .cf-company-filter-form.cf-company-filter-form #cf-company-search{grid-column:auto !important;}
}
/* Honeypot field for public forms (e.g. Contact): present in the markup for bots that
   fill in every field, invisible and unreachable for real visitors and screen readers. */
.cf-hp-field { position:absolute !important; left:-9999px !important; top:-9999px !important; width:1px; height:1px; overflow:hidden; }