/* LIOVELA B2C V69 - MOBILE ETS BLOG SIDEBAR / VIEWPORT FINAL
   Modyfikator stworzony przez gumis
   Cel: po V68 produktowe akcje są już opanowane. Został sidebar/lista bloga ETS na 768px
   oraz ostrzeżenia diagnostyki o meta viewport. */

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

  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 #left-column,
  body #right-column {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .ets-blog-sidear-post,
  body .ets-blog-sidear-post-meta,
  body .ets-blog-sidear-post-meta *,
  body .post-date,
  body .post-date *,
  body a.ets_title_block,
  body .ets_title_block,
  body .ets_title_block * {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body .ets-blog-sidear-post,
  body .ets-blog-sidear-post-meta,
  body a.ets_title_block,
  body .ets_title_block {
    float: none !important;
    clear: both !important;
    transform: none !important;
  }

  body .ets-blog-sidear-post-meta {
    line-height: 1.35 !important;
  }

  body a.ets_title_block,
  body .ets_title_block {
    display: block !important;
    line-height: 1.35 !important;
    height: auto !important;
  }

  /* Tablet edge: raport V68/V69 łapał x=753 przy viewport 768px.
     Ten zakres dotyczy tylko mobile/tablet, desktop zostaje bez zmian. */
  @media (min-width: 700px) and (max-width: 991px) {
    body .ets_blog_block,
    body .ets-blog-block,
    body .ets_blog_sidebar,
    body .ets-blog-sidebar,
    body .block_latest,
    body .latest_posts,
    body .blog_latest_posts {
      width: 100% !important;
      max-width: 100% !important;
      overflow: visible !important;
    }

    body .ets-blog-sidear-post {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      max-width: calc(100vw - 24px) !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 12px !important;
    }

    body .ets-blog-sidear-post-meta,
    body a.ets_title_block,
    body .ets_title_block {
      position: relative !important;
      left: auto !important;
      right: auto !important;
      width: auto !important;
      max-width: calc(100vw - 40px) !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-right: 10px !important;
      overflow: hidden !important;
    }

    body .ets-blog-sidear-post-meta *,
    body .post-date,
    body .post-date *,
    body .ets_title_block *,
    body a.ets_title_block * {
      max-width: 100% !important;
    }
  }
}