/* Contractors bottom full-width preview */
html .vario-contractors-dashboard,
html[data-vario-theme] .vario-contractors-dashboard {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(260px, 1fr) 300px !important;
    grid-template-areas:
        "search"
        "list"
        "preview" !important;
    height: calc(100vh - 98px) !important;
    min-height: 0 !important;
}

html .vario-contractors-list,
html[data-vario-theme] .vario-contractors-list {
    grid-area: list !important;
    height: 100% !important;
    min-height: 0 !important;
}

html .vario-contractors-preview-pane,
html[data-vario-theme] .vario-contractors-preview-pane {
    grid-area: preview !important;
    width: 100% !important;
    height: 300px !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.8fr) auto !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
}

html .vario-contractors-preview-empty,
html[data-vario-theme] .vario-contractors-preview-empty {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
}

html .vario-contractors-preview-header,
html[data-vario-theme] .vario-contractors-preview-header {
    grid-column: 1 !important;
    grid-row: 1 / -1 !important;
    align-content: start !important;
    display: grid !important;
    gap: 12px !important;
    padding: 16px 18px !important;
    border-right: 1px solid #edf1f7 !important;
}

html .vario-contractors-preview-header h2,
html[data-vario-theme] .vario-contractors-preview-header h2 {
    font-size: 18px !important;
}

html .vario-contractors-preview-tools,
html[data-vario-theme] .vario-contractors-preview-tools {
    justify-content: start !important;
}

html .vario-contractors-preview-tabs,
html[data-vario-theme] .vario-contractors-preview-tabs {
    grid-column: 2 / 4 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
}

html .vario-contractors-preview-body,
html[data-vario-theme] .vario-contractors-preview-body {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    overflow: auto !important;
    padding: 12px !important;
}

html .vario-contractors-preview-footer,
html[data-vario-theme] .vario-contractors-preview-footer {
    grid-column: 3 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    width: 230px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: end !important;
    border-top: 0 !important;
    border-left: 1px solid #edf1f7 !important;
}

html .vario-contractors-preview-body .vario-preview-two-column,
html[data-vario-theme] .vario-contractors-preview-body .vario-preview-two-column {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

html .vario-contractors-preview-body .vario-preview-contact-grid,
html[data-vario-theme] .vario-contractors-preview-body .vario-preview-contact-grid {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(240px, 1.2fr) !important;
}

html .vario-contractors-preview-body .vario-preview-map-tile,
html[data-vario-theme] .vario-contractors-preview-body .vario-preview-map-tile {
    grid-column: auto !important;
}

html .vario-contractors-preview-body .vario-preview-summary-grid,
html[data-vario-theme] .vario-contractors-preview-body .vario-preview-summary-grid {
    grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
}

@media (max-width: 1180px) {

    html .vario-contractors-dashboard,
    html[data-vario-theme] .vario-contractors-dashboard {
        grid-template-rows: auto minmax(260px, 1fr) minmax(360px, auto) !important;
    }

    html .vario-contractors-preview-pane,
    html[data-vario-theme] .vario-contractors-preview-pane {
        height: auto !important;
        min-height: 360px !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    }

    html .vario-contractors-preview-header,
    html .vario-contractors-preview-tabs,
    html .vario-contractors-preview-body,
    html .vario-contractors-preview-footer,
    html[data-vario-theme] .vario-contractors-preview-header,
    html[data-vario-theme] .vario-contractors-preview-tabs,
    html[data-vario-theme] .vario-contractors-preview-body,
    html[data-vario-theme] .vario-contractors-preview-footer {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: auto !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}