/* =========================================================
   BabyLife 2.9.11 — hard responsive repair for two legacy landing pages
   Presentation only. No content/SEO/database mutation.
   ========================================================= */

body.blsc-legacy-landing-responsive-page {
  overflow-x: hidden !important;
}

body.blsc-legacy-landing-responsive-page #main-content,
body.blsc-legacy-landing-responsive-page .blsc-main,
body.blsc-legacy-landing-responsive-page .blsc-content-shell,
body.blsc-legacy-landing-responsive-page .blsc-article,
body.blsc-legacy-landing-responsive-page .entry-content,
body.blsc-legacy-landing-responsive-page .blsc-elementor-content,
body.blsc-legacy-landing-responsive-page .blsc-legacy-page-restored {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.blsc-legacy-landing-responsive-page .blsc-content-shell {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}

body.blsc-legacy-landing-responsive-page :is(
  .entry-content,
  .blsc-elementor-content,
  .blsc-legacy-page-restored
) :is(
  section, article, div, figure, form,
  .wp-block-group, .wp-block-columns, .wp-block-column,
  .elementor, .elementor-section, .elementor-section-wrap,
  .elementor-container, .elementor-row, .elementor-column,
  .elementor-widget-wrap, .elementor-widget, .e-con, .e-con-inner,
  .vc_row, .vc_row-fluid, .wpb_row, .wpb_column,
  .vc_column_container, .vc_column-inner, .wpb_wrapper,
  .cz_row, .cz_content_box, .cz_content_box_inner,
  .cz_wpe_content, .cz_grid, .cz_grid_items
) {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.blsc-legacy-landing-responsive-page :is(
  .entry-content,
  .blsc-elementor-content,
  .blsc-legacy-page-restored
) :is(img:not(.emoji):not(.wp-smiley), video, iframe, embed, object, canvas, svg) {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.blsc-legacy-landing-responsive-page :is(
  .entry-content,
  .blsc-elementor-content,
  .blsc-legacy-page-restored
) :is(img:not(.emoji):not(.wp-smiley), video) {
  height: auto !important;
}

body.blsc-legacy-landing-responsive-page :is(
  .entry-content,
  .blsc-elementor-content,
  .blsc-legacy-page-restored
) :is(p, li, a, span, strong, h1, h2, h3, h4, h5, h6, button) {
  overflow-wrap: anywhere;
}

body.blsc-legacy-landing-responsive-page :is(
  .entry-content,
  .blsc-elementor-content,
  .blsc-legacy-page-restored
) [style*="width:"] {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.blsc-legacy-landing-responsive-page :is(
  .entry-content,
  .blsc-elementor-content,
  .blsc-legacy-page-restored
) [style*="min-width:"] {
  min-width: 0 !important;
}

body.blsc-legacy-landing-responsive-page :is(
  .entry-content,
  .blsc-elementor-content,
  .blsc-legacy-page-restored
) :is(.wp-block-table, .blsc-table-scroll) {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1024px) {
  body.blsc-legacy-landing-responsive-page .blsc-content-shell {
    width: calc(100% - 24px);
  }

  body.blsc-legacy-landing-responsive-page :is(
    .entry-content,
    .blsc-elementor-content,
    .blsc-legacy-page-restored
  ) :is(
    .vc_row, .vc_row-fluid, .wpb_row, .cz_row,
    .elementor-section.elementor-section-stretched
  ) {
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.blsc-legacy-landing-responsive-page .blsc-content-shell {
    width: calc(100% - 20px);
    padding-inline: 0;
  }

  body.blsc-legacy-landing-responsive-page :is(
    .entry-content,
    .blsc-elementor-content,
    .blsc-legacy-page-restored
  ) :is(
    .elementor-container, .elementor-row, .e-con-inner,
    .wp-block-columns, .vc_row, .vc_row-fluid, .wpb_row, .cz_row
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  body.blsc-legacy-landing-responsive-page :is(
    .entry-content,
    .blsc-elementor-content,
    .blsc-legacy-page-restored
  ) :is(
    .elementor-column, .e-con.e-child, .wp-block-column,
    .vc_column_container, .wpb_column,
    [class^="vc_col-"], [class*=" vc_col-"],
    [class^="cz_col_"], [class*=" cz_col_"]
  ) {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
  }

  body.blsc-legacy-landing-responsive-page :is(
    .entry-content,
    .blsc-elementor-content,
    .blsc-legacy-page-restored
  ) :is(div, section, article, figure, form, ul, ol)[style*="width:"] {
    width: 100% !important;
  }

  body.blsc-legacy-landing-responsive-page :is(
    .entry-content,
    .blsc-elementor-content,
    .blsc-legacy-page-restored
  ) :is(iframe, embed, object) {
    width: 100% !important;
  }

  body.blsc-legacy-landing-responsive-page :is(
    .entry-content,
    .blsc-elementor-content,
    .blsc-legacy-page-restored
  ) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, button) {
    max-width: 100% !important;
  }

  body.blsc-legacy-landing-responsive-page :is(
    .entry-content,
    .blsc-elementor-content,
    .blsc-legacy-page-restored
  ) h1 {
    font-size: clamp(23px, 7vw, 31px);
    line-height: 1.55;
  }

  body.blsc-legacy-landing-responsive-page :is(
    .entry-content,
    .blsc-elementor-content,
    .blsc-legacy-page-restored
  ) h2 {
    font-size: clamp(20px, 6vw, 26px);
  }

  body.blsc-legacy-landing-responsive-page :is(
    .entry-content,
    .blsc-elementor-content,
    .blsc-legacy-page-restored
  ) h3 {
    font-size: clamp(18px, 5.4vw, 22px);
  }
}

@media (max-width: 390px) {
  body.blsc-legacy-landing-responsive-page .blsc-content-shell {
    width: calc(100% - 16px);
  }
}