.commune-picker{position:relative;min-width:200px;flex:1}.commune-picker .input{margin-bottom:5px}.commune-picker input{width:100%;min-width:0}.commune-help,.proximity-radius small{font-size:11px;line-height:1.5;color:#526657;display:block;white-space:normal;margin-top:7px}.commune-results{position:absolute;left:0;right:0;z-index:40;max-height:280px;overflow:auto;padding:6px;margin:4px 0 0;list-style:none;border:1px solid #ccd6c7;border-radius:10px;background:#fffefa;box-shadow:0 8px 24px #243b3020}.commune-results li{margin:0;padding:0}.commune-results button{display:block;width:100%;text-align:left;padding:11px 12px;border:0;background:transparent;border-radius:7px;color:#245d45;font:inherit;font-size:14px;cursor:pointer}.commune-results button:hover,.commune-results button:focus-visible{background:#f5e8bd;outline:2px solid #d4a43a}.commune-results[hidden]{display:none!important}.proximity-radius{min-width:120px;max-width:180px}.proximity-radius .input{margin-bottom:5px}.listing-distance{font-size:12px!important;color:#245d45!important;font-weight:bold;margin:8px 0 12px!important}.filters:has(.commune-picker){align-items:flex-start;flex-wrap:wrap}.filters .commune-picker input{flex:initial}.filters .commune-picker label,.filters .proximity-radius label{font-size:12px;margin-bottom:5px}.filters .commune-picker .input,.filters .proximity-radius .input{display:grid;gap:0}@media(max-width:600px){.filters .commune-picker{flex-basis:100%}.proximity-radius{max-width:none;flex:1}.commune-results{max-height:220px}}/* Alignement des filtres sur ordinateur */
@media (min-width: 1000px) {
    .filters:has(.commune-picker) {
        display: grid;
        grid-template-columns:
            minmax(160px, 1.1fr)
            minmax(160px, 1fr)
            minmax(180px, 1fr)
            minmax(120px, .7fr)
            minmax(200px, 1.15fr)
            auto;
        align-items: start;
        gap: 12px;
    }

    .filters > input:not([type="hidden"]),
    .filters > select,
    .filters > button {
        margin-top: 19px;
    }

    .filters .commune-picker,
    .filters .proximity-radius {
        min-width: 0;
        max-width: none;
    }

    .filters .commune-picker label,
    .filters .proximity-radius label {
        display: block;
        line-height: 14px;
        margin: 0 0 5px;
    }

    .filters input:not([type="hidden"]),
    .filters select,
    .filters > button {
        box-sizing: border-box;
        width: 100%;
        height: 49px;
    }
}
