/* DISPLAY SIZE COMPACT FIX — FINAL */
/* Ten plik ma być ładowany PO:
   1. display-size-masonry.css
   2. premium-card-size-fix.css
*/

.elm-properties,
.city-cards,
.pp-cards,
#ppCards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  grid-auto-flow:row!important;
  gap:24px!important;
  align-items:start!important;
}

.pp-card,
.elm-property{
  grid-row:auto!important;
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
}

.pp-size-standard,
.elm-property.pp-size-standard{
  grid-column:span 1!important;
}

.pp-size-standard .pp-card-img,
.elm-property.pp-size-standard .elm-property-img{
  height:270px!important;
}

.pp-size-plus,
.elm-property.pp-size-plus{
  grid-column:span 1!important;
}

.pp-size-plus .pp-card-img,
.elm-property.pp-size-plus .elm-property-img{
  height:340px!important;
}

.pp-size-premium,
.elm-property.pp-size-premium{
  grid-column:span 2!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(59,130,246,.12),transparent 34%),
    linear-gradient(135deg,#fff,#eff6ff 60%,#fff8e7)!important;
  border:2px solid rgba(59,130,246,.28)!important;
  box-shadow:10px 10px 0 rgba(37,99,235,.14)!important;
}

.pp-size-premium:hover,
.elm-property.pp-size-premium:hover{
  box-shadow:14px 14px 0 rgba(37,99,235,.20)!important;
}

.pp-size-premium .pp-card-img,
.elm-property.pp-size-premium .elm-property-img{
  height:360px!important;
}

.pp-size-premium .pp-card-badges em{
  background:linear-gradient(135deg,#dbeafe,#60a5fa,#2563eb)!important;
  color:#07111f!important;
}

.pp-size-premium .pp-check-btn{
  background:#1d4ed8!important;
  color:#fff!important;
}

.pp-size-ultra,
.elm-property.pp-size-ultra{
  grid-column:span 3!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 440px!important;
  min-height:420px!important;
}

.pp-size-ultra .pp-card-img,
.elm-property.pp-size-ultra .elm-property-img{
  height:420px!important;
  min-height:420px!important;
}

.pp-size-ultra .pp-card-body,
.elm-property.pp-size-ultra .elm-property-body{
  min-height:420px!important;
  padding:38px!important;
}

.pp-card-body,
.elm-property-body{
  flex:1 1 auto!important;
  min-height:0!important;
}

.pp-card-foot,
.elm-bottom{
  margin-top:auto!important;
}

@media(max-width:1180px){
  .elm-properties,
  .city-cards,
  .pp-cards,
  #ppCards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .pp-size-premium,
  .elm-property.pp-size-premium{
    grid-column:span 2!important;
  }

  .pp-size-ultra,
  .elm-property.pp-size-ultra{
    grid-column:span 2!important;
    grid-template-columns:1fr!important;
  }

  .pp-size-ultra .pp-card-img,
  .elm-property.pp-size-ultra .elm-property-img{
    height:360px!important;
    min-height:360px!important;
  }

  .pp-size-ultra .pp-card-body,
  .elm-property.pp-size-ultra .elm-property-body{
    min-height:0!important;
  }
}

@media(max-width:760px){
  .elm-properties,
  .city-cards,
  .pp-cards,
  #ppCards{
    grid-template-columns:1fr!important;
  }

  .pp-size-standard,
  .pp-size-plus,
  .pp-size-premium,
  .pp-size-ultra,
  .elm-property.pp-size-standard,
  .elm-property.pp-size-plus,
  .elm-property.pp-size-premium,
  .elm-property.pp-size-ultra{
    grid-column:span 1!important;
    display:flex!important;
  }

  .pp-size-standard .pp-card-img,
  .pp-size-plus .pp-card-img,
  .pp-size-premium .pp-card-img,
  .pp-size-ultra .pp-card-img,
  .elm-property.pp-size-standard .elm-property-img,
  .elm-property.pp-size-plus .elm-property-img,
  .elm-property.pp-size-premium .elm-property-img,
  .elm-property.pp-size-ultra .elm-property-img{
    height:240px!important;
    min-height:240px!important;
  }

  .pp-size-ultra .pp-card-body,
  .elm-property.pp-size-ultra .elm-property-body{
    min-height:0!important;
    padding:24px!important;
  }
}