/* Use readable text rows only when EVERY supplies its built-in NO IMAGE GIF. */
#post_list .item:has(.image[style*="/img/common/no_image"]) .image_wrap,
#next_prev_post .item:has(.image[style*="/img/common/no_image"]) .image_wrap,
.styled_post_list1 > li:has(.image[style*="/img/common/no_image"]) .image_wrap,
:is(#author_archive, #related_post, .index_blog) .item:has(.image[style*="/img/common/no_image"]) > a.link {
  display: none;
}

/* Blog and category archives retain the original whole-row article link. */
#post_list .item:has(.image[style*="/img/common/no_image"]) {
  min-height: 0;
  padding: 24px 28px;
}

#post_list .item:has(.image[style*="/img/common/no_image"]) .title_area {
  width: 100%;
  padding: 0;
}

#post_list .item:has(.image[style*="/img/common/no_image"]) .title,
.styled_post_list1 > li:has(.image[style*="/img/common/no_image"]) .title,
:is(#author_archive, #related_post, .index_blog) .item:has(.image[style*="/img/common/no_image"]) .title a {
  max-height: none;
  overflow: visible;
}

#post_list .item:has(.image[style*="/img/common/no_image"]) .title span,
.styled_post_list1 > li:has(.image[style*="/img/common/no_image"]) .title span,
:is(#author_archive, #related_post, .index_blog) .item:has(.image[style*="/img/common/no_image"]) .title span {
  display: block;
  -webkit-line-clamp: unset;
}

/* Recent-post widgets, including the footer, have no empty image column. */
.styled_post_list1 > li:has(.image[style*="/img/common/no_image"]) > a {
  height: auto;
}

.styled_post_list1 > li:has(.image[style*="/img/common/no_image"]) .title_area {
  width: 100%;
  height: auto;
  min-height: 80px;
  float: none;
  border-left: 1px solid #ddd;
}

.styled_post_list1 > li:has(.image[style*="/img/common/no_image"]) .title_area_inner {
  position: static;
  padding: 20px;
  transform: none;
}

/* Author, home and related-post cards have a separate title link; hide the empty one. */
:is(#author_archive, #related_post, .index_blog) .recipe_list .item:has(.image[style*="/img/common/no_image"]) {
  width: 100%;
  height: auto;
  float: none;
  clear: both;
  margin: 12px 0 0;
}

:is(#author_archive, #related_post, .index_blog) .recipe_list .item:has(.image[style*="/img/common/no_image"]) .title_area {
  height: auto;
  padding: 20px 24px;
  border-top: 1px solid #ddd;
}

/* EVERY already uses compact text navigation below this breakpoint. */
@media screen and (min-width: 1101px) {
  #next_prev_post .item:has(.image[style*="/img/common/no_image"]) {
    height: auto;
  }

  #next_prev_post .item:has(.image[style*="/img/common/no_image"]) .title_area {
    width: 100%;
    height: auto;
    min-height: 120px;
    margin: 0;
    display: flex;
    align-items: center;
  }

  #next_prev_post .item:has(.image[style*="/img/common/no_image"]) .title {
    position: static;
    padding: 20px 40px;
    max-height: none;
    overflow: visible;
    transform: none;
  }

  #next_prev_post .item:has(.image[style*="/img/common/no_image"]) .title span {
    display: block;
    -webkit-line-clamp: unset;
  }
}

@media screen and (max-width: 750px) {
  #post_list .item:has(.image[style*="/img/common/no_image"]) {
    padding: 20px;
  }

  #post_list .item:has(.image[style*="/img/common/no_image"]) .post_meta {
    height: auto;
    white-space: normal;
  }

  :is(#author_archive, #related_post, .index_blog) .recipe_list .item:has(.image[style*="/img/common/no_image"]) .title_area {
    padding: 18px 20px;
  }
}