/**
 * Click-to-reveal phone control. The reveal button and the revealed tel: link
 * share styling per variant so the swap is visually seamless.
 */
.amc-phone { display: inline-flex; max-width: 100%; }
.amc-phone__reveal,
.amc-phone__link {
	display: inline-flex; align-items: center; gap: .5em;
	font: inherit; line-height: 1.15; cursor: pointer; text-decoration: none;
	border: 0; background: none; color: inherit; text-align: left;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .2s ease;
}
.amc-phone__icon { flex: 0 0 auto; }
/* The display rules above would otherwise beat the [hidden] attribute, leaving
   the empty revealed link (or the used-up button) visible. Keep [hidden] hidden. */
.amc-phone__reveal[hidden],
.amc-phone__link[hidden] { display: none; }
.amc-phone__reveal:focus-visible,
.amc-phone__link:focus-visible { outline: 3px solid var(--wp--preset--color--primary, #F5C233); outline-offset: 3px; border-radius: 8px; }

/* bar — the gold top utility bar */
.amc-phone--bar .amc-phone__reveal,
.amc-phone--bar .amc-phone__link { color: var(--wp--preset--color--secondary, #114E46); font-weight: 700; font-size: .9rem; padding: 0; }
.amc-phone--bar .amc-phone__reveal:hover,
.amc-phone--bar .amc-phone__link:hover { text-decoration: underline; }
/* The default gold focus ring is invisible on the gold bar — use green there. */
.amc-phone--bar .amc-phone__reveal:focus-visible,
.amc-phone--bar .amc-phone__link:focus-visible { outline-color: var(--wp--preset--color--secondary, #114E46); }

/* footer — white on the deep-green footer */
.amc-phone--footer .amc-phone__reveal,
.amc-phone--footer .amc-phone__link { color: #fff; font-weight: 600; padding: 0; }
.amc-phone--footer .amc-phone__reveal:hover,
.amc-phone--footer .amc-phone__link:hover { text-decoration: underline; }

/* link — teal inline text link (e.g. the map panel) */
.amc-phone--link .amc-phone__reveal,
.amc-phone--link .amc-phone__link { color: var(--wp--preset--color--accent, #18675C); font-weight: 700; padding: 0; }
.amc-phone--link .amc-phone__reveal:hover,
.amc-phone--link .amc-phone__link:hover { text-decoration: underline; }
/* On deep-green surfaces the teal link variant fails contrast — go gold. */
.has-secondary-background-color .amc-phone--link .amc-phone__reveal,
.has-secondary-background-color .amc-phone--link .amc-phone__link { color: var(--wp--preset--color--primary, #F5C233); }

/* ghost-dark — outlined pill on a dark background (hero) */
.amc-phone--ghost-dark .amc-phone__reveal,
.amc-phone--ghost-dark .amc-phone__link {
	padding: .85em 1.7em; border-radius: 999px; border: 2px solid rgba(255,255,255,.45);
	color: #fff; font-weight: 700;
}
.amc-phone--ghost-dark .amc-phone__reveal,
.amc-phone--ghost-dark .amc-phone__link { position: relative; overflow: hidden; isolation: isolate; }
.amc-phone--ghost-dark .amc-phone__reveal::after,
.amc-phone--ghost-dark .amc-phone__link::after { content: ""; position: absolute; inset: -2px; z-index: -1; border-radius: inherit; background: #fff; transform: translateX(-101%); transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
.amc-phone--ghost-dark .amc-phone__reveal:hover,
.amc-phone--ghost-dark .amc-phone__link:hover { color: var(--wp--preset--color--secondary, #114E46); border-color: #fff; transform: translateY(-2px); }
.amc-phone--ghost-dark .amc-phone__reveal:hover::after,
.amc-phone--ghost-dark .amc-phone__link:hover::after { transform: translateX(0); }

/* ghost — green outlined pill on light/gold (CTA band) */
.amc-phone--ghost .amc-phone__reveal,
.amc-phone--ghost .amc-phone__link {
	padding: .85em 1.7em; border-radius: 999px; border: 2px solid var(--wp--preset--color--secondary, #114E46);
	color: var(--wp--preset--color--secondary, #114E46); font-weight: 700;
}
.amc-phone--ghost .amc-phone__reveal,
.amc-phone--ghost .amc-phone__link { position: relative; overflow: hidden; isolation: isolate; }
.amc-phone--ghost .amc-phone__reveal::after,
.amc-phone--ghost .amc-phone__link::after { content: ""; position: absolute; inset: -2px; z-index: -1; border-radius: inherit; background: var(--wp--preset--color--secondary, #114E46); transform: translateX(-101%); transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
.amc-phone--ghost .amc-phone__reveal:hover,
.amc-phone--ghost .amc-phone__link:hover { color: #fff; transform: translateY(-2px); }
.amc-phone--ghost .amc-phone__reveal:hover::after,
.amc-phone--ghost .amc-phone__link:hover::after { transform: translateX(0); }

@media (prefers-reduced-motion: reduce) {
	.amc-phone__reveal, .amc-phone__link { transition: none; }
	.amc-phone__reveal:hover, .amc-phone__link:hover { transform: none; }
}