/* Mobile layout fixes — loaded on every page after the theme styles.
   All rules are scoped to phones so desktop and tablet layouts are untouched.
   Side gutter matches the theme's own mobile --gutter-horizontal (20px). */

@media (max-width: 767px) {

  /* Inline-styled wrappers hardcoded with 60px side padding (home FAQ,
     home testimonials, about qualifications) */
  .yw-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Three-column grids collapse to a single column */
  .yw-grid-3 {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  /* Centred dark intro callouts (business alignment, spiritual directorship) */
  .yw-callout {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  /* About hero: single photo instead of the overlapping pair */
  .yw-about-hero__img--fg {
    display: none;
  }
  .yw-about-hero__images {
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
  .yw-about-hero__img--bg img {
    transform: none;
    object-position: 50% 20%;
  }

  /* About page: bio text and "Beyond the Work" had no side gutter */
  .elementor-2802 .elementor-element.elementor-element-a25ef5f,
  .elementor-2802 .elementor-element.elementor-element-471cb84 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Privacy policy: clear the 80px fixed header */
  .elementor-privacy > .e-con {
    padding-top: 120px !important;
  }

  /* Healing treatments / spiritual development: full-width text blocks
     ("During Your Healing Session", "Tailored to Your Journey") */
  .elementor-3091 .elementor-element.elementor-element-ad820ee,
  .elementor-2969 .elementor-element.elementor-element-ad820ee {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}