:root {
    --p-primary-color: #a17b45;
    --p-primary-contrast-color: #000000;
    --p-primary-50: #f6f2ec;
    --p-primary-100: #e8ded1;
    --p-primary-200: #d0bda2;
    --p-primary-300: #b99c74;
    --p-primary-400: #aa8858;
    --p-primary-500: #a17b45;
    --p-primary-600: #916f3e;
    --p-primary-700: #816237;
    --p-primary-800: #715630;
    --p-primary-900: #594426;
}
/* Force l'affichage en grille (carré) sur ordinateur */
@media only screen and (min-width: 1024px) {
    /* Cible le conteneur du logement */
    /* NOTE : Il faudra peut-être ajuster '.room-item' selon votre modèle */
    .room-item, .search-result, .ui-panel-content { 
        width: 48% !important;
        display: inline-block !important;
        vertical-align: top !important;
        margin: 1% !important;
        float: left !important;
        box-sizing: border-box !important;
    }
    
    /* Ajuste l'image pour qu'elle ne soit pas écrasée */
    .room-item img, .search-result img {
        height: 200px !important; /* Vous pouvez changer cette valeur */
        object-fit: cover !important;
        width: 100% !important;
    }
    
    /* S'assure que le conteneur parent gère bien le flottement */
    .search-results-container:after {
        content: "";
        display: table;
        clear: both;
    }
}