/* GPT blog single fixes v5. Loaded only on blog-like single pages. */

/* === 1. Вернуть видимость первому экрану, заголовку, хлебным крошкам и стрелкам === */
main > section:first-of-type,
main > section:first-of-type .container,
main > section:first-of-type :is(h1,.entry-title,.blog-single__title,.single-blog__title,.post-title,.wp-block-post-title),
main > section:first-of-type :is(.breadcrumbs,.breadcrumb,.blog-breadcrumbs,.post-breadcrumbs,.rank-math-breadcrumb,.yoast-breadcrumb,.kama_breadcrumbs),
main > section:first-of-type :is(.post-navigation,.nav-links,.blog-single__nav,.blog-single__navigation,.single-blog__nav,.single-blog__navigation,.post-nav,.posts-nav,.pagination,.swiper-button-prev,.swiper-button-next) {
  visibility: visible !important;
  opacity: 1 !important;
}

main :is(.blog-single__title,.single-blog__title,.post-single__title,.entry-title,.wp-block-post-title),
main > section:first-of-type h1 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #5d95a4 !important;
  text-align: left !important;
  margin-left: 0 !important;
}

/* Если первый экран был собран flex/grid, не ломаем его, но не даём скрыть контент. */
main > section:first-of-type :is(.container,[class*="inner"],[class*="content"],[class*="top"],[class*="head"]) {
  visibility: visible !important;
  opacity: 1 !important;
}

/* === 2. Убрать изображение/миниатюру на первом экране и в начале записи, но НЕ скрывать обёртки с текстом === */
main :is(
  .blog-single__media,
  .blog-single__image,
  .blog-single__thumb,
  .blog-single__thumbnail,
  .single-blog__media,
  .single-blog__image,
  .single-blog__thumb,
  .single-blog__thumbnail,
  .single-post__media,
  .single-post__image,
  .single-post__thumb,
  .single-post__thumbnail,
  .post-thumbnail,
  .wp-block-post-featured-image
) {
  display: none !important;
}


.post-content{
	padding:20px;
}

.post-content ul{
	 list-style-type: disc;
    padding-left: 1.35em;
    margin: 0 0 12px;
}

main > section:first-of-type :is(img.wp-post-image,img.attachment-post-thumbnail,picture.wp-post-image) {
  display: none !important;
}

/* Убираем только inline background у hero/cover, если он задан именно как картинка записи. */
main :is(.blog-single__hero,.single-blog__hero,.blog-hero,.post-hero,.entry-hero)[style*="background-image"] {
  background-image: none !important;
}

/* === 3. Хлебные крошки: меньше, слева. Архив Блог — акцентный, текущая запись — приглушённая === */
main :is(
  .blog-single__breadcrumbs,
  .single-blog__breadcrumbs,
  .blog-breadcrumbs,
  .post-breadcrumbs,
  .breadcrumbs,
  .breadcrumb,
  .rank-math-breadcrumb,
  .yoast-breadcrumb,
  .kama_breadcrumbs
) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 7rem !important;
  width: min(100%, 1460rem) !important;
  max-width: calc(100% - 80rem) !important;
  margin: 18rem auto 34rem !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 14rem !important;
  line-height: 1.35 !important;
  color: rgba(12, 31, 55, .45) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

main > section:first-of-type :is(
  .blog-single__breadcrumbs,
  .single-blog__breadcrumbs,
  .blog-breadcrumbs,
  .post-breadcrumbs,
  .breadcrumbs,
  .breadcrumb,
  .rank-math-breadcrumb,
  .yoast-breadcrumb,
  .kama_breadcrumbs
) {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 100% !important;
}

main :is(
  .blog-single__breadcrumbs,
  .single-blog__breadcrumbs,
  .blog-breadcrumbs,
  .post-breadcrumbs,
  .breadcrumbs,
  .breadcrumb,
  .rank-math-breadcrumb,
  .yoast-breadcrumb,
  .kama_breadcrumbs
) a,
main :is(
  .blog-single__breadcrumbs,
  .single-blog__breadcrumbs,
  .blog-breadcrumbs,
  .post-breadcrumbs,
  .breadcrumbs,
  .breadcrumb,
  .rank-math-breadcrumb,
  .yoast-breadcrumb,
  .kama_breadcrumbs
) a[href*="/blog"] {
  display: inline !important;
  color: #5d95a4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
}
.content:not(:first-of-type) {
    margin-block: 20px;
}
main :is(
  .blog-single__breadcrumbs,
  .single-blog__breadcrumbs,
  .blog-breadcrumbs,
  .post-breadcrumbs,
  .breadcrumbs,
  .breadcrumb,
  .rank-math-breadcrumb,
  .yoast-breadcrumb,
  .kama_breadcrumbs
) :is(.current,.breadcrumb_last,[aria-current="page"]) {
  color: rgba(12, 31, 55, .45) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* На случай если текущая запись в хлебных крошках — последний span без класса. */
main :is(.breadcrumbs,.breadcrumb,.blog-breadcrumbs,.post-breadcrumbs,.rank-math-breadcrumb,.yoast-breadcrumb,.kama_breadcrumbs) > span:last-child:not(:first-child) {
  color: rgba(12, 31, 55, .45) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* === 4. Стрелки/перелистывание записи: не меняем структуру, только возвращаем видимость === */
main :is(
  .post-navigation,
  .navigation.post-navigation,
  .nav-links,
  .blog-single__nav,
  .blog-single__navigation,
  .single-blog__nav,
  .single-blog__navigation,
  .blog-nav,
  .post-nav,
  .posts-nav,
  .single-pagination,
  .swiper-button-prev,
  .swiper-button-next
) {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* === 5. Gutenberg-контент: больше воздуха, текст слева === */


main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) > *:first-child {
  margin-top: 0 !important;
}

main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) p {
  margin: 0 0 20rem !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) :is(h2,h3,h4,h5,h6) {
  margin: 44rem 0 18rem !important;
  line-height: 1.18 !important;
  text-align: left !important;
}

main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) :is(ul,ol) {
  margin: 18rem 0 26rem 28rem !important;
  padding: 0 !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) li {
  margin: 0 0 11rem !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) :is(figure,table,blockquote,.wp-block-table,.wp-block-image,.wp-block-quote,.wp-block-group) {
  margin-top: 30rem !important;
  margin-bottom: 30rem !important;
}

main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) .wp-block-table {
  overflow-x: auto;
}

main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) table {
  width: 100%;
  border-collapse: collapse;
}

main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) :is(td,th) {
  padding: 12rem 14rem;
  border: 1rem solid rgba(12, 31, 55, .16);
  vertical-align: top;
}

@media (max-width: 600px) {
  main :is(.blog-single__title,.single-blog__title,.post-single__title,.entry-title,.wp-block-post-title),
  main > section:first-of-type h1 {
    font-size: 42rem !important;
    line-height: 1.08 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  main :is(.blog-single__breadcrumbs,.single-blog__breadcrumbs,.blog-breadcrumbs,.post-breadcrumbs,.breadcrumbs,.breadcrumb,.rank-math-breadcrumb,.yoast-breadcrumb,.kama_breadcrumbs) {
    max-width: calc(100% - 32rem) !important;
    margin-top: 14rem !important;
    margin-bottom: 24rem !important;
    font-size: 14rem !important;
  }

  main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) p {
    margin-bottom: 17rem !important;
  }

  main :is(.blog-single__entry,.single-blog__entry,.entry-content,.post-content,.wp-block-post-content) :is(h2,h3,h4,h5,h6) {
    margin-top: 34rem !important;
    text-align: center !important;
  }
}