/* DaNet 5.393 TEST: portrait-format photos and consistently aligned Places cards. */
/* Larger cards need two columns on a desktop; otherwise the large title competes with the booking button. */
@media(min-width:651px){
 #venueList{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
}
#venueList > .venuePlaceCard{
 display:grid!important;
 grid-template-columns:clamp(125px,15vw,150px) minmax(0,1fr)!important;
 align-items:stretch!important;
 min-height:214px!important;
 padding:8px!important;
 gap:12px!important;
 overflow:hidden!important;
}
#venueList > .venuePlaceCard > .venueCover{
 display:block!important;
 position:relative!important;
 width:100%!important;
 height:100%!important;
 min-height:196px!important;
 align-self:stretch!important;
 border-radius:14px!important;
 overflow:hidden!important;
 background:#e2e8f0!important;
}
#venueList > .venuePlaceCard > .venueCover > img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 position:absolute!important;
 inset:0!important;
 object-fit:cover!important;
 object-position:center center!important;
}
#venueList > .venuePlaceCard > .venueCover > .venueCoverFallback{
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
}
#venueList > .venuePlaceCard > .venueCardBody{
 min-width:0!important;
 padding:5px 3px!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 justify-content:flex-start!important;
 gap:9px!important;
}
#venueList .venueTitleRow{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;
 align-items:start!important;
 gap:8px!important;
 min-width:0!important;
}
#venueList .venueTitleRow .venueName{
 min-width:0!important;
 margin:0!important;
 overflow-wrap:anywhere!important;
 word-break:normal!important;
 hyphens:auto;
}
#venueList .venueTitleRow .venueTableButton{
 flex-shrink:0!important;
 align-self:start!important;
 margin-top:0!important;
}
#venueList .venueCardMeta{
 display:flex!important;
 flex-wrap:wrap!important;
 overflow:visible!important;
 align-items:flex-start!important;
 gap:5px!important;
}
#venueList .venueAddressLink5391{max-width:100%;min-width:0}
@media(max-width:650px){
 #venueList > .venuePlaceCard{
  grid-template-columns:clamp(104px,31vw,128px) minmax(0,1fr)!important;
  min-height:174px!important;
  padding:7px!important;
  gap:9px!important;
  border-radius:18px!important;
 }
 #venueList > .venuePlaceCard > .venueCover{
  min-height:160px!important;
  border-radius:13px!important;
 }
 #venueList > .venuePlaceCard > .venueCardBody{
  padding:4px 1px!important;
  gap:7px!important;
 }
 #venueList .venueTitleRow{gap:5px!important}
}
@media(max-width:370px){
 #venueList > .venuePlaceCard{
  grid-template-columns:105px minmax(0,1fr)!important;
  min-height:174px!important;
  gap:7px!important;
 }
 #venueList .venueTitleRow{gap:4px!important}
}