/* overrides.css
   Purpose: normalise horizontal centring across hero/CTA text that was nudged with left: X% or padding-left.
   Load this file LAST, after mobile.css, tablet.css, and any other component styles.
*/

/* 1) General centring normalisation for headings and paragraphs in the affected areas */
.bullet_point_title,
.sae_subheader,
.app_header,
.apple_esq_text {
  /* Remove percentage nudges that pushed items off-centre */
  padding-left: 0 !important;

  /* Centre text and the block itself */
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep long lines readable now that padding-left has been removed */
.sae_subheader,
.apple_esq_text {
  max-width: 70ch;
  /*padding-right: 0 !important;*/
}



/* 4) Defensive rule - if any parent containers used text-align: left on small screens */
.section-center,
.hero,
.cta,
.footer-cta,
.container,
.wrapper {
  text-align: center;
}

/* 5) Optional: a utility you can apply in HTML if any other block looks off-centre */
.centered-block {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}