/* LIOVELA B2C V70 - MOBILE ETS BLOG SIDEBAR / SLIDER HARD FINAL
   Modyfikator stworzony przez gumis
   Cel: po V69 zostały tylko ETS Blog na x=753 przy 768px oraz tekst slidera/nieaktywny slajd przy 430px. */

@media (max-width: 991px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body *,
  body *::before,
  body *::after {
    box-sizing: border-box;
  }

  /* ETS Blog: pełne wyzerowanie układu bocznego na mobile/tablecie. */
  body .ets_blog_block,
  body .ets-blog-block,
  body .ets_blog_sidebar,
  body .ets-blog-sidebar,
  body .ets_blog_ltr_mode,
  body .ets_blog_layout,
  body .block_latest,
  body .latest_posts,
  body .blog_latest_posts,
  body .ets-blog-sidear,
  body .ets-blog-sidebar-posts,
  body .ets_blog_sidebar .block_content,
  body .ets-blog-sidebar .block_content,
  body #left-column .ets_blog_block,
  body #right-column .ets_blog_block,
  body #left-column .ets-blog-block,
  body #right-column .ets-blog-block {
    float: none !important;
    clear: both !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  body .ets-blog-sidear-post,
  body .ets_blog_block .ets-blog-sidear-post,
  body .ets-blog-block .ets-blog-sidear-post,
  body .ets_blog_sidebar .ets-blog-sidear-post,
  body .ets-blog-sidebar .ets-blog-sidear-post {
    float: none !important;
    clear: both !important;
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 10px 10px 0 !important;
    overflow: hidden !important;
  }

  body .ets-blog-sidear-post > *,
  body .ets-blog-sidear-post-meta,
  body .ets-blog-sidear-post-meta *,
  body span.post-date,
  body span.post-date *,
  body time.date,
  body a.ets_title_block,
  body .ets_title_block,
  body .ets_title_block * {
    float: none !important;
    clear: both !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    direction: inherit !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  body a.ets_title_block,
  body .ets_title_block {
    display: block !important;
  }

  body .ets-blog-sidear-post-meta {
    display: block !important;
    margin-bottom: 6px !important;
  }

  body .ets-blog-sidear-post img,
  body .ets_blog_block img,
  body .ets-blog-block img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Na 700-991 raport łapał sidebar na x=753. Ten zakres nie dotyka desktopu. */
  @media (min-width: 700px) and (max-width: 991px) {
    body #left-column,
    body #right-column,
    body .left-column,
    body .right-column,
    body aside#left-column,
    body aside#right-column {
      float: none !important;
      flex: 0 0 100% !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      transform: none !important;
      overflow: hidden !important;
    }

    body #left-column .ets_blog_block,
    body #right-column .ets_blog_block,
    body #left-column .ets-blog-block,
    body #right-column .ets-blog-block,
    body .ets_blog_block,
    body .ets-blog-block,
    body .block_latest,
    body .latest_posts,
    body .blog_latest_posts {
      max-width: calc(100vw - 32px) !important;
      margin-left: 0 !important;
      margin-right: auto !important;
      overflow: hidden !important;
    }

    body .ets-blog-sidear-post,
    body .ets-blog-sidear-post-meta,
    body a.ets_title_block,
    body .ets_title_block {
      max-width: calc(100vw - 42px) !important;
    }
  }

  /* Slider: elementy nieaktywnego slajdu przy 430px były liczone jako wyjście poza ekran.
     Chowamy wyłącznie slajdy przejściowe/nieaktywne na mobile, aktywny slajd zostaje widoczny. */
  body .carousel-inner,
  body .carousel,
  body #homepage-slider,
  body .cpimageslider,
  body .cp_imageslider,
  body .cp-home-slider {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  @media (max-width: 575px) {
    body li.carousel-item:not(.active),
    body .carousel-item:not(.active),
    body li.carousel-item.next:not(.active),
    body li.carousel-item.prev:not(.active),
    body li.carousel-item-next:not(.active),
    body li.carousel-item-prev:not(.active) {
      display: none !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    body .carousel-item.active,
    body li.carousel-item.active {
      left: 0 !important;
      right: auto !important;
      transform: none !important;
      max-width: 100% !important;
      overflow: hidden !important;
    }

    body .carousel-item.active figure,
    body .carousel-item.active figcaption,
    body .carousel-item.active .caption,
    body .carousel-item.active .slide-text,
    body .carousel-item.active .slidertext1,
    body .carousel-item.active .sliderbutton {
      max-width: calc(100vw - 32px) !important;
      box-sizing: border-box !important;
    }

    body .carousel-item.active .slide-text,
    body .carousel-item.active figcaption.caption {
      left: 16px !important;
      right: 16px !important;
      transform: none !important;
      width: auto !important;
      overflow: hidden !important;
    }
  }
}