/* RIE MOBILE LAYOUT FIX V1 · Trust UI V1.4.1 */
@media (max-width:768px){

  /*
   * The legacy availability form is ~819px tall on mobile.
   * Keep it collapsed until a user explicitly asks to choose dates.
   * Existing JS (and this hotfix) can reopen it with inline display:grid!important.
   */
  #availability-form{
    display:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
  }

  #booking-section{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-top:8px!important;
    margin-bottom:8px!important;
    padding:12px 10px!important;
  }

  #booking-section > h3{
    margin-top:0!important;
    margin-bottom:5px!important;
  }

  #booking-section > p{
    margin-top:0!important;
    margin-bottom:8px!important;
  }

  #availability-button{
    margin-top:2px!important;
    margin-bottom:2px!important;
  }

  /*
   * Mini trust row belongs to the top price card, directly below Check dates.
   */
  #villa-price-summary-card .vm-trust-inline{
    width:100%!important;
    margin:5px 0 0!important;
    padding:6px 0 0!important;
    border-top:1px solid rgba(184,117,0,.14)!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
  }

  #villa-price-summary-card .vm-trust-inline__grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:2px!important;
    width:100%!important;
  }

  #villa-price-summary-card .vm-trust-inline__item{
    width:auto!important;
    min-width:0!important;
    font-size:7.5px!important;
    line-height:1.08!important;
  }

  #villa-price-summary-card .vm-trust-inline__item img{
    width:44px!important;
    height:44px!important;
    margin:0 auto 2px!important;
  }

  /* Compact the SSR summary without hiding SEO-visible content. */
  .vm-ssr-property-summary{
    margin:12px auto!important;
    padding:10px 12px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }

  .vm-ssr-property-summary h2{
    margin:0 0 5px!important;
    font-size:15px!important;
    line-height:1.25!important;
  }

  .vm-ssr-property-summary p{
    margin:0 0 5px!important;
  }

  #vm-technical-view-counter{
    margin-top:8px!important;
    margin-bottom:6px!important;
  }
}