/* Hanoi Image Standards - front-end CSS */

/* Global thumbnail standardization */
.media-image img,
.thumbnail-media img,
.featured-image img,
.post-news-item .thumbnail a img,
.layers-content-widget .media-image img,
.lcam-posts-widget-section .thumbnail-media img,
.widget .featured-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

@media (max-width: 991px) {
  .media-image img,
  .thumbnail-media img,
  .lcam-posts-widget-section .thumbnail-media img {
    height: 200px;
  }
}

/* Single post: allow full-width featured image with natural height */
.single-post .has-post-thumbnail .thumbnail-media img,
.single-post .featured-image img,
.single-post .media-image img {
  height: auto;
  max-height: none;
  object-fit: cover;
}

/* Sidebar small thumbs */
.sidebar .popular-posts .wpp-list li a img,
.sidebar .sidebar-tva .layers-masonry-column .featured-image img {
  width: 75px;
  height: 75px;
  object-fit: cover;
}

/* Ensure content images keep natural aspect ratio */
.entry-content img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}