/* V228 - Fix the ACTUAL news-card selector from app/public.php:
   .v194-card-media
   Previous V225-V227 targeted selectors that are not used by these cards. */

body:not(.admin-layout) .v194-news-page .v194-news-card{
  overflow:hidden!important;
  background:#fff!important;
}

/* Remove the forced 16:9 frame and the gray background strip. */
body:not(.admin-layout) .v194-news-page .v194-card-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:transparent!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  font-size:0!important;
}

/* Make the real image define the media height.
   Full width, natural aspect ratio, no crop, no blank strip. */
body:not(.admin-layout) .v194-news-page .v194-card-media img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  vertical-align:top!important;
}

/* Do not re-scale/crop on hover. */
body:not(.admin-layout) .v194-news-page .v194-news-card:hover .v194-card-media img{
  transform:none!important;
}

/* Keep category badge working after line-height reset. */
body:not(.admin-layout) .v194-news-page .v194-card-media>span{
  position:absolute!important;
  z-index:2!important;
  line-height:1.2!important;
  font-size:11px!important;
}

/* Content starts immediately after image. */
body:not(.admin-layout) .v194-news-page .v194-card-body{
  margin:0!important;
  padding:14px 15px 16px!important;
  border-top:0!important;
  background:#fff!important;
}

/* Remove artificial lower-card whitespace as well. */
body:not(.admin-layout) .v194-news-page .v194-card-body p{
  min-height:0!important;
}

/* Card height follows its own content instead of stretching to row height. */
body:not(.admin-layout) .v194-news-page .v194-news-grid{
  align-items:start!important;
}
body:not(.admin-layout) .v194-news-page .v194-news-card{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
}