/*
 * BetaCzyt 2.12 — a single width for the reader and text. Screen only.
 * No positioning tricks, viewport-wide breakouts, hidden horizontal overflow,
 * DOM moves, changes to document IDs or assumptions about the site's header.
 */
@media screen {
  .betaczyt-v2.bc-layout {
    box-sizing: border-box;
    width: 100% !important;
    max-width: min(100%, var(--bc-reader-width, 1000px)) !important;
    min-width: 0;
    margin-inline: auto;
  }
  .betaczyt-v2.bc-layout > .bc-v2-content,
  .betaczyt-v2.bc-layout > .bc-v2-content > .bc-v2-text,
  .betaczyt-v2.bc-layout > .bc-v2-content > .bc-v2-text > .bc-v2-text-body {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin-inline: auto;
  }
  .betaczyt-v2.bc-layout > .bc-v2-content > .bc-v2-text {
    padding-inline: clamp(18px, 2.5vw, 36px);
  }

  /* Existing custom article files keep their text and typography. Only their
     outer width and horizontal spacing are adapted, when this mode is on. */
  .betaczyt-v2.bc-layout.bc-layout-fit-article .bc-v2-text-body :is(#tep-artykul, #adam-artykul, .bc-layout-article) {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin-inline: auto !important;
    padding-inline: clamp(16px, 2.5vw, 36px) !important;
  }

  /* The option is applied exclusively by the PHP context check for Astra. */
  body.bc-reader-page.bc-reader-astra-wide #content > .ast-container {
    --wp--custom--ast-content-width: var(--bc-page-reader-width, 1000px);
    --wp--custom--ast-wide-width: var(--bc-page-reader-width, 1000px);
    box-sizing: border-box;
    width: 100% !important;
    max-width: calc(var(--bc-page-reader-width, 1000px) + 64px) !important;
    margin-inline: auto !important;
    padding-inline: 16px !important;
    display: block;
  }
  body.bc-reader-page.bc-reader-astra-wide #content #primary {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    float: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    border-inline: 0;
  }
  body.bc-reader-page.bc-reader-astra-wide #content #secondary {
    display: none !important;
  }
  body.bc-reader-page.bc-reader-astra-wide #primary .site-main,
  body.bc-reader-page.bc-reader-astra-wide #primary .ast-article-single,
  body.bc-reader-page.bc-reader-astra-wide #primary .entry-content {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin-inline: 0 !important;
  }
  body.bc-reader-page.bc-reader-astra-wide #primary .ast-article-single {
    padding-inline: 16px !important;
  }
  body.bc-reader-page.bc-reader-astra-wide #primary .entry-content {
    --wp--custom--ast-content-width: var(--bc-page-reader-width, 1000px);
    --wp--custom--ast-wide-width: var(--bc-page-reader-width, 1000px);
    padding-inline: 0 !important;
  }
}

@supports selector(:has(*)) {
  @media screen {
    .betaczyt-v2.bc-layout.bc-layout-fit-article > .bc-v2-content > .bc-v2-text:has(:is(#tep-artykul, #adam-artykul, .bc-layout-article)) {
      padding: 0 !important;
      background: transparent;
    }

    /* Only the ancestor chain of a recognized article, never all widgets.
       Content columns inside that article are deliberately left alone. */
    .betaczyt-v2.bc-layout.bc-layout-fit-article .bc-v2-text-body :is(.elementor, .e-con, .e-con-inner, .elementor-section, .elementor-container, .elementor-column, .elementor-column-wrap, .elementor-widget-wrap, .elementor-widget-html, .elementor-widget-container):has(:is(#tep-artykul, #adam-artykul, .bc-layout-article)) {
      --content-width: 100%;
      --container-max-width: 100%;
      box-sizing: border-box;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0;
      margin-inline: 0 !important;
      padding-inline: 0 !important;
    }

    /* Some Elementor templates put their containers outside the reader.
       Release these only on the opted-in Astra page and only along its path. */
    body.bc-reader-page.bc-reader-astra-wide #primary .entry-content :is(.elementor, .e-con, .e-con-inner, .elementor-section, .elementor-container, .elementor-column, .elementor-column-wrap, .elementor-widget-wrap, .elementor-widget-html, .elementor-widget-shortcode, .elementor-widget-container):has(.betaczyt-v2.bc-layout) {
      --content-width: 100%;
      --container-max-width: 100%;
      box-sizing: border-box;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0;
      margin-inline: 0 !important;
      padding-inline: 0 !important;
    }
  }
}

@media screen and (max-width: 720px) {
  .betaczyt-v2.bc-layout > .bc-v2-content > .bc-v2-text { padding-inline: 16px; }
  body.bc-reader-page.bc-reader-astra-wide #content > .ast-container { padding-inline: 10px !important; }
  body.bc-reader-page.bc-reader-astra-wide #primary .ast-article-single { padding-inline: 0 !important; }
}