/*
 * v179 - correzione isolata delle schede annuncio negli elenchi mobile.
 * Questo foglio viene caricato per ultimo e non contiene regole desktop.
 */

@media screen and (max-width:800px){
  /* Ricerca generale e ricerca sulla mappa: prezzo e logo sulla prima riga. */
  body.map-search-page .map-listing-preview .map-card-body,
  body.portal-home #risultati .zone-property-list .listing-preview-card .property-body{
    display:grid!important;
    grid-template-columns:minmax(0,57%) minmax(110px,43%)!important;
    grid-template-rows:auto auto auto auto auto!important;
    grid-auto-flow:row!important;
    column-gap:12px!important;
  }

  body.map-search-page .map-listing-preview .map-card-body>b,
  body.portal-home #risultati .zone-property-list .listing-preview-price{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    margin:0!important;
  }

  body.map-search-page .map-listing-preview .map-card-agency-logo,
  body.portal-home #risultati .zone-property-list .listing-card-agency-logo{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    display:block!important;
    width:100%!important;
    height:70px!important;
    max-width:160px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    object-fit:contain!important;
    object-position:right center!important;
    mix-blend-mode:normal!important;
  }

  body.map-search-page .map-listing-preview .map-card-body.no-agency-logo>b,
  body.portal-home #risultati .zone-property-list .property-body.no-agency-logo>.listing-preview-price{
    grid-column:1/-1!important;
  }

  /* Spariscono tutte le frasi descrittive indicate nella foto, non solo l'esempio. */
  body.map-search-page .map-listing-preview .listing-preview-description,
  body.map-search-page .map-listing-preview .map-card-body>p,
  body.portal-home #risultati .zone-property-list .listing-preview-description,
  body.agency-search-page .agency-listing-results .listing-preview-description{
    display:none!important;
  }

  body.map-search-page .map-listing-preview .map-card-body>.map-agency-name,
  body.portal-home #risultati .zone-property-list .property-body>.agency-name{
    display:none!important;
  }

  body.map-search-page .map-listing-preview h2,
  body.portal-home #risultati .zone-property-list .listing-preview-title{
    grid-column:1/-1!important;
    grid-row:2!important;
  }

  body.map-search-page .map-listing-preview .map-listing-icons,
  body.portal-home #risultati .zone-property-list .listing-preview-features{
    grid-column:1/-1!important;
    grid-row:3!important;
  }

  /* Icone e testi grandi: tre caratteristiche per riga e nuove righe automatiche. */
  body.map-search-page .map-listing-preview .map-listing-icons,
  body.portal-home #risultati .zone-property-list .listing-preview-features,
  body.agency-search-page .agency-listing-results .listing-preview-features{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(46px,auto)!important;
    align-items:center!important;
    gap:14px 8px!important;
    max-height:none!important;
    overflow:visible!important;
    font-size:20px!important;
    line-height:1.25!important;
  }

  body.map-search-page .map-listing-preview .map-listing-icons span,
  body.portal-home #risultati .zone-property-list .listing-preview-features span,
  body.agency-search-page .agency-listing-results .listing-preview-features span{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    min-height:46px!important;
    gap:9px!important;
    overflow:visible!important;
    white-space:normal!important;
    font-size:inherit!important;
    font-weight:800!important;
    line-height:1.25!important;
  }

  body.map-search-page .map-listing-preview .map-listing-icons .property-line-icon,
  body.portal-home #risultati .zone-property-list .listing-preview-features .property-line-icon,
  body.agency-search-page .agency-listing-results .listing-preview-features .property-line-icon{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
  }

  /* Anche nella pagina dell'agenzia il logo occupa lo spazio a destra del prezzo. */
  body.agency-search-page .agency-listing-results .listing-preview-card .property-body{
    display:grid!important;
    grid-template-columns:minmax(0,57%) minmax(110px,43%)!important;
    grid-template-rows:auto auto auto auto auto!important;
    grid-auto-flow:row!important;
    column-gap:12px!important;
  }

  body.agency-search-page .agency-listing-results .listing-preview-price{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    margin:0!important;
  }

  body.agency-search-page .agency-listing-results .listing-card-agency-logo{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    display:block!important;
    width:100%!important;
    height:70px!important;
    max-width:160px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    object-fit:contain!important;
    object-position:right center!important;
    mix-blend-mode:normal!important;
  }

  body.agency-search-page .agency-listing-results .listing-preview-location{
    grid-column:1/-1!important;
    grid-row:2!important;
  }

  body.agency-search-page .agency-listing-results .listing-preview-title{
    grid-column:1/-1!important;
    grid-row:3!important;
  }

  body.agency-search-page .agency-listing-results .listing-preview-features{
    grid-column:1/-1!important;
    grid-row:4!important;
  }

  body.agency-search-page .agency-listing-results .listing-preview-actions{
    grid-column:1/-1!important;
    grid-row:5!important;
    width:100%!important;
  }
}

@media screen and (max-width:390px){
  body.map-search-page .map-listing-preview .map-card-body,
  body.portal-home #risultati .zone-property-list .listing-preview-card .property-body,
  body.agency-search-page .agency-listing-results .listing-preview-card .property-body{
    grid-template-columns:minmax(0,58%) minmax(108px,42%)!important;
    column-gap:8px!important;
  }

  body.map-search-page .map-listing-preview .map-card-agency-logo,
  body.portal-home #risultati .zone-property-list .listing-card-agency-logo,
  body.agency-search-page .agency-listing-results .listing-card-agency-logo{
    height:64px!important;
    max-width:146px!important;
  }

  body.map-search-page .map-listing-preview .map-listing-icons,
  body.portal-home #risultati .zone-property-list .listing-preview-features,
  body.agency-search-page .agency-listing-results .listing-preview-features{
    grid-auto-rows:minmax(44px,auto)!important;
    gap:13px 6px!important;
    font-size:19px!important;
  }

  body.map-search-page .map-listing-preview .map-listing-icons span,
  body.portal-home #risultati .zone-property-list .listing-preview-features span,
  body.agency-search-page .agency-listing-results .listing-preview-features span{
    min-height:44px!important;
    gap:7px!important;
  }

  body.map-search-page .map-listing-preview .map-listing-icons .property-line-icon,
  body.portal-home #risultati .zone-property-list .listing-preview-features .property-line-icon,
  body.agency-search-page .agency-listing-results .listing-preview-features .property-line-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
}

/* Sugli schermi molto stretti le caratteristiche passano a due colonne. */
@media screen and (max-width:360px){
  body.map-search-page .map-listing-preview .map-listing-icons,
  body.portal-home #risultati .zone-property-list .listing-preview-features,
  body.agency-search-page .agency-listing-results .listing-preview-features{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}