/* =========================================================
   HAMMERED COPPER — SITE-WIDE FILLED CTA MATERIAL
   One surface treatment for every Foundry copper action.
   ========================================================= */

:is(
	.fds-button--copper,
	.cd-button--copper,
	.rk-button--primary,
	.fi26__button--primary,
	.vfso-button--solid,
	.sf-major-button--copper,
	.fds-footer-cta__button,
	.aw-900__button,
	.main-navigation .main-nav > ul > li.fds-nav-cta > a
) {
	border-color: var(--fds-copper-dark, #8d4d29) !important;
	background:
		linear-gradient(180deg, rgba(255, 224, 195, .22), rgba(181, 106, 58, .08) 38%, rgba(86, 38, 16, .28)),
		url("../images/home/hammered-copper.webp") !important;
	background-position: center !important;
	background-size: 420px auto !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 238, 220, .35),
		inset 0 -2px 0 rgba(79, 31, 11, .35),
		0 4px 10px rgba(30, 32, 31, .18) !important;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(30, 32, 31, .65);
}

:is(
	.fds-button--copper,
	.cd-button--copper,
	.rk-button--primary,
	.fi26__button--primary,
	.vfso-button--solid,
	.sf-major-button--copper,
	.fds-footer-cta__button,
	.aw-900__button,
	.main-navigation .main-nav > ul > li.fds-nav-cta > a
):is(:hover, :focus) {
	background:
		linear-gradient(180deg, rgba(255, 235, 211, .29), rgba(201, 124, 73, .08) 38%, rgba(86, 38, 16, .22)),
		url("../images/home/hammered-copper.webp") !important;
	background-position: center !important;
	background-size: 420px auto !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 245, 230, .45),
		inset 0 -2px 0 rgba(79, 31, 11, .28),
		0 9px 20px rgba(30, 32, 31, .26) !important;
	color: #fff !important;
}

/* Outline actions that intentionally become copper on interaction use the
   same material instead of switching to a flat color. */
:is(.cp-button--outline, .cd-button--outline):is(:hover, :focus) {
	background:
		linear-gradient(180deg, rgba(255, 224, 195, .22), rgba(181, 106, 58, .08) 38%, rgba(86, 38, 16, .28)),
		url("../images/home/hammered-copper.webp") !important;
	background-position: center !important;
	background-size: 420px auto !important;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(30, 32, 31, .65);
}

/* Compact Readiness Kit hotspots use a tighter crop of the same material. */
.rk-hotspot span {
	background:
		linear-gradient(180deg, rgba(255, 224, 195, .22), rgba(181, 106, 58, .08) 38%, rgba(86, 38, 16, .28)),
		url("../images/home/hammered-copper.webp") !important;
	background-position: center !important;
	background-size: 190px auto !important;
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(30, 32, 31, .65);
}