/* ================================
   SiteOrigin Employee CTA — Mobile Fixes
   - Centers title, email, and button
   - Wraps long email addresses
   - Removes right-offset on button
   ================================= */

/* Optional (list page): force 1-per-row on very small screens
   Uncomment if needed for the FEATURES grid
   .so-widget-sow-features .sow-features-list .sow-features-feature { width: 100% !important; }
*/

@media (max-width: 600px) {
  /* Center the whole CTA block */
  .so-widget-sow-cta .sow-cta-wrapper {
    display: block;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Ensure text and button areas take full width & center */
  .so-widget-sow-cta .sow-cta-text,
  .so-widget-sow-cta .ow-button-base {
    display: block;
    width: 100%;
    text-align: center !important;
    margin: 0;
    padding: 0;
  }

  /* Titles */
  .so-widget-sow-cta .sow-cta-title,
  .so-widget-sow-cta .sow-cta-subtitle {
    margin: 0.25rem 0;
		
    text-align: center !important;
  }
		
	.sow-cta-wrapper > .sow-cta-text > .sow-cta-title {
	font-size: 2.1rem;
		}
		
		.sow-cta-wrapper > .sow-cta-text > .sow-cta-subtitle {
	font-size: 1.4rem;
		}

  /* Email: allow wrapping, avoid clipping/ellipsis */
  .so-widget-sow-cta .sow-cta-subtitle {
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word;   /* validator-safe */
    word-wrap: break-word;       /* legacy alias */
    max-width: 100%;
		font-size: 1.4rem;
  }

  /* Kill any inherited ellipsis on children */
  .so-widget-sow-cta .sow-cta-subtitle * {
    text-overflow: clip !important;
    overflow: visible !important;
  }

  /* Button: no floats, size to content, center it */
  .so-widget-sow-cta .so-widget-sow-button,
  .so-widget-sow-cta .ow-button-base,
  .so-widget-sow-cta .sowb-button {
    float: none !important;
  }

  .so-widget-sow-cta .sowb-button {
    display: inline-block;
    width: auto;
    margin: 8px auto 0;   /* own row, centered */
  }

  /* Optional: gentle font scaling for small screens */
  .so-widget-sow-cta .sow-cta-title { font-size: 1.1rem; }
  .so-widget-sow-cta .sow-cta-subtitle { font-size: 0.95rem; }
}

/* Last resort (only if the email still refuses to wrap):
@media (max-width: 600px) {
  .so-widget-sow-cta .sow-cta-subtitle { word-break: break-all; }
}
*/