/* 50-fixes.css — coordinator overrides, loads after every worker stylesheet. */

/* Secondary (outline) buttons on light backgrounds: green text, transparent fill.
   10-chrome.css pins .wp-element-button text to white at (0,3,0); match and beat it. */
.at-btn--secondary .wp-block-button__link.wp-element-button:not(:hover):not(:focus),
.at-btn--ghost .wp-block-button__link.wp-element-button:not(:hover):not(:focus) {
	background: transparent;
	color: var(--at-green, #005A39);
	border: 2px solid var(--at-green, #005A39);
}
.at-btn--secondary .wp-block-button__link.wp-element-button:hover,
.at-btn--secondary .wp-block-button__link.wp-element-button:focus,
.at-btn--ghost .wp-block-button__link.wp-element-button:hover,
.at-btn--ghost .wp-block-button__link.wp-element-button:focus {
	background: var(--at-green, #005A39);
	color: #ffffff;
	border-color: var(--at-green, #005A39);
}
/* …but inside the dark final CTA band the outline button stays white-on-green. */
.at-cta--final .at-btn--secondary .wp-block-button__link.wp-element-button:not(:hover):not(:focus) {
	color: #ffffff;
	border-color: rgba(255, 255, 255, .75);
}
.at-cta--final .at-btn--secondary .wp-block-button__link.wp-element-button:hover,
.at-cta--final .at-btn--secondary .wp-block-button__link.wp-element-button:focus {
	background: #ffffff;
	color: var(--at-green, #005A39);
}

/* Footer link columns: two-up on phones instead of a 1,000px stack. */
@media (max-width: 781px) {
	.att-footer__cols {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		column-gap: 1.25rem;
		row-gap: 1.5rem;
	}
	.att-footer__cols > .wp-block-column { flex-basis: auto; width: auto; min-width: 0; }
	.att-footer__cols > .wp-block-column:first-child { grid-row: 1 / span 2; }
	.att-footer__cols a { overflow-wrap: anywhere; }
}

/* Footer form: field hints must be readable on the green footer. */
.att-footer__form .wpforms-field-description,
.att-footer__form .wpforms-field-sublabel { color: rgba(255, 255, 255, .85) !important; }
