/*
 * Divi 5 compatibility fixes
 * See: DIVI5_PRODUCTION_MIGRATION_PLAN.md (§4.2.4)
 * Reason: Divi 5.8.0 emits no data-icon attribute on buttons; these rules restore the glyphs via CSS.
 * Removable if Elegant Themes restores the icon emitter in a future Divi 5 release.
 */
/* Divi 5 workaround: Button module CSS emits empty icon content; restore CTA arrow (ETmodules Z / Z).
   Right-side icon via :after (matches live). Left-placement may show icon on the right until Divi fixes the emitter. */
body .et_pb_button.page-button-cta:after {
	content: "Z" !important;
	font-family: "ETmodules" !important;
	font-weight: 400 !important;
	display: inline-block !important;
	opacity: 1 !important;
	speak: none;
	line-height: 1.7em;
}

/* Divi 5 workaround: promo + pricing-table buttons lose data-icon; PROD uses ETmodules "$" ($). */
body .et_pb_button.et_pb_promo_button:after,
body .et_pb_button.et_pb_pricing_table_button:after {
	content: "$" !important;
	font-family: "ETmodules" !important;
	font-weight: 400 !important;
	display: inline-block !important;
	opacity: 1 !important;
	speak: none;
	line-height: 1.7em;
}

/* Divi 5: pricing tables keep flex-direction:row / nowrap on phone, so multi-card
   tables overflow the viewport. Divi 4 stacked them full-width. Restores stacking.
   Scoped to <=767px so the desktop/mobile Legal Coaching rows (which use disabledOn)
   are unaffected. */
@media only screen and (max-width: 767px) {
  .et-db #et-boc .et-l .et_pb_pricing_tables {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  .et-db #et-boc .et-l .et_pb_pricing_tables .et_pb_pricing_table {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}