/* --------------------------------------------------------------------------
   HDR light-fill call-to-action buttons (Marissa, 2026-10-23, sitewide standard)

   A call to action is a light tint of its brand colour with the brand colour as
   label and 1px border, instead of a solid fill. On an HDR display,
   assets/js/hdr-cta.js adds a 1.5x brighter video of the same tint behind the
   label. A solid dark red brightened that way read as salmon; a light tint
   brightened still reads as the same colour, and only gains label contrast.

   Tints are the brand colour mixed with white:
     red   #9d3f3f  fill 15% #f0e2e2, hover 25% #e7cfcf, hover label #7f3232
     green #3f6e56  fill 15% #e2e9e6, hover 25% #cfdbd5, hover label #335a46
   Label on fill: red 5.2:1, green 4.8:1 (WCAG AA).

   Each rule overrides the button's own stylesheet, so it carries !important
   and a body prefix: the checklist button's rules are in the Customizer CSS,
   which prints after every enqueued stylesheet and already uses !important.
   The chat launcher's rules are injected by hdr-cta.js (see there for why).
   -------------------------------------------------------------------------- */

/* Article checklist and contact buttons ("Send me the free Growth Diagnostic
   Checklist", "Contact Marissa"): Customizer CSS, .ag-checklist-cta block */
body .ag-content .ag-checklist-cta a.ag-checklist-btn {
	background: #f0e2e2 !important;
	color: #9d3f3f !important;
	box-shadow: inset 0 0 0 1px #9d3f3f;
}
body .ag-content .ag-checklist-cta a.ag-checklist-btn:hover,
body .ag-content .ag-checklist-cta a.ag-checklist-btn:focus-visible {
	background: #e7cfcf !important;
	color: #7f3232 !important;
}

/* Contact and subscribe page primary buttons (contact-page.css). The cream
   variant on dark bands and the secondary outline button keep their style. */
body .agx .agx-btn:not(.agx-dark .agx-btn):not(.ags-actions .agx-btn + .agx-btn) {
	background: #f0e2e2 !important;
	color: #9d3f3f !important;
	box-shadow: inset 0 0 0 1px #9d3f3f;
}
body .agx .agx-btn:not(.agx-dark .agx-btn):not(.ags-actions .agx-btn + .agx-btn):hover {
	background: #e7cfcf !important;
	color: #7f3232 !important;
}

/* Contact page jump buttons (Book a time, Chat now, Free checklist): green */
body .agx .agx-jump {
	background: #e2e9e6 !important;
	color: #3f6e56 !important;
	box-shadow: inset 0 0 0 1px #3f6e56;
}
body .agx .agx-jump:hover,
body .agx .agx-jump:focus-visible {
	background: #cfdbd5 !important;
	color: #335a46 !important;
}

/* Insights page "Book a Free Consultation" (insights.css) */
body .ag-ins a.ag-ins__cta-btn {
	background: #f0e2e2 !important;
	color: #9d3f3f !important;
	box-shadow: inset 0 0 0 1px #9d3f3f;
}
body .ag-ins a.ag-ins__cta-btn:hover,
body .ag-ins a.ag-ins__cta-btn:focus-visible {
	background: #e7cfcf !important;
	color: #7f3232 !important;
}

/* Divi "Book a Free Consultation" buttons: the shared preset (Home, Portfolio,
   AI Projects) and the Call to Action module on Home. Divi's preset CSS sets the
   label colour with !important under body #page-container .et_pb_section, so
   these selectors repeat that prefix plus one class to outrank it. The Call to
   Action module's preset rule carries one class more, and Divi's CSS loads after
   this file, so its selector adds .et_pb_row as well. */
body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--q7o5mdom4e,
body #page-container .et_pb_section .et_pb_row .et_pb_promo .et_pb_promo_button.et_pb_button {
	background: #f0e2e2 !important;
	color: #9d3f3f !important;
	border-color: #9d3f3f !important;
	border-width: 1px !important;
}
body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--q7o5mdom4e:hover,
body #page-container .et_pb_section .et_pb_row .et_pb_promo .et_pb_promo_button.et_pb_button:hover {
	background: #e7cfcf !important;
	color: #7f3232 !important;
	border-color: #7f3232 !important;
}
body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--q7o5mdom4e::after,
body #page-container .et_pb_section .et_pb_row .et_pb_promo .et_pb_promo_button.et_pb_button::after {
	color: inherit !important;
}