/* BPP 292.0.38: only verified responsive presentation defects. */
/* Keep the decorative glow inside the homepage hero's available width. */
.bpp-home-v51 .bpp-hero--v29::before {
  right: 0;
  width: min(620px, 100%);
}

@media (max-width: 380px) {
  /* Reserve room for the always-accessible privacy control beside the helper. */
  .bpp-support__launcher {
    box-sizing: border-box;
    max-width: calc(100vw - 144px);
    min-height: 48px;
  }
  .bpp-support__launcher span {
    min-width: 0;
    white-space: normal;
    text-align: left;
    line-height: 1.3;
    font-size: .8rem;
  }
}

/* Long WooCommerce page navigation must wrap, not widen the document. */
.woocommerce nav.woocommerce-pagination ul.page-numbers {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  box-sizing: border-box;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
  float: none;
  flex: 0 0 auto;
}

@media (max-width: 820px) {
  /* Keep public quick links above privacy/help controls instead of behind them. */
  .bpp-mobile-cta {
    bottom: calc(80px + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 767px) {
  /* Match nested blog/archive gutters to the parent container padding. */
  .flixita-blog-section .row.row-cols-1.gx-5,
  .flixita-blog-section .row.row-cols-1.g-5 {
    --bs-gutter-x: 24px;
  }

  /* Prevent small form text and automatic input zoom on mobile browsers. */
  .bpp-public-shell input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .bpp-public-shell select,
  .bpp-public-shell textarea,
  .woocommerce input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .woocommerce select,
  .woocommerce textarea {
    font-size: 16px !important;
  }
}
