/* Contractors search: room for labeled quick search and two rows of advanced fields. */
html .vario-directory-v2,
html[data-vario-theme] .vario-directory-v2 {
    gap: 6px !important;
    grid-template-rows: 148px minmax(0, 1fr) 214px !important;
}

html .vario-directory-v2 .vario-contractors-search,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-search {
    height: 148px !important;
    min-height: 148px !important;
    max-height: 148px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html .vario-directory-v2 .vario-search-form,
html[data-vario-theme] .vario-directory-v2 .vario-search-form {
    grid-template-rows: 28px 42px 78px !important;
    height: 148px !important;
    min-height: 148px !important;
    max-height: 148px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html .vario-directory-v2 .vario-contractors-top-search,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-top-search {
    height: 42px !important;
    min-height: 42px !important;
    padding: 3px 10px 4px !important;
    align-items: flex-start !important;
}

html .vario-directory-v2 .vario-contractors-filter-main,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-main {
    align-items: flex-start !important;
}

html .vario-directory-v2 .vario-contractors-search-input-wrap,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-search-input-wrap {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    margin: 0 !important;
}

html .vario-directory-v2 .vario-contractors-search-input-wrap>span:first-child,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-search-input-wrap>span:first-child {
    display: block !important;
    height: 12px !important;
    color: #173d78 !important;
    font: 700 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-directory-v2 .vario-contractors-search-icon,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-search-icon {
    top: 22px !important;
    transform: none !important;
}

html .vario-directory-v2 .vario-contractors-filter-actions,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-filter-actions,
html .vario-directory-v2 .vario-clear-filter-button,
html[data-vario-theme] .vario-directory-v2 .vario-clear-filter-button {
    align-self: flex-end !important;
}

html .vario-directory-v2 .vario-contractors-advanced-search,
html[data-vario-theme] .vario-directory-v2 .vario-contractors-advanced-search {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding: 5px 10px 7px !important;
    overflow: hidden !important;
}

html .vario-directory-v2 .vario-search-field-grid,
html[data-vario-theme] .vario-directory-v2 .vario-search-field-grid {
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    overflow: hidden !important;
    row-gap: 5px !important;
}

html .vario-directory-v2 .vario-search-field,
html[data-vario-theme] .vario-directory-v2 .vario-search-field {
    flex: 0 1 148px !important;
    max-width: 168px !important;
    min-width: 118px !important;
}

html .vario-directory-v2 .vario-search-field.wide,
html[data-vario-theme] .vario-directory-v2 .vario-search-field.wide {
    flex-basis: 220px !important;
    max-width: 250px !important;
}

