/*
  Mobile text centering for reusable spotlight sections
  Usage: add `f12-spotlight` to the parent container that wraps
  the headline, copy and CTA. Avoids global overrides and keeps
  sidecart and other templates left-aligned by default.
*/
@media (max-width: 767px) {
  .f12-spotlight {
    text-align: center;
  }

  /* Children inherit the wrapper's alignment */
  .f12-spotlight :is(h1, h2, h3, h4, h5, h6, p,
    .jet-listing-dynamic-link,
    .jet-listing-dynamic-field__content) {
    text-align: inherit;
  }

  /* Ensure Elementor buttons center without relying on widget settings */
  .f12-spotlight .elementor-button-wrapper {
    display: flex;
    justify-content: center;
  }
}