/*
 * Phase 4 QA fixes (owner: QA agent). Accessibility and contrast only; loaded after system.css and the other
 * pages-*.css files. Lighthouse 12, 2026-09-23.
 *
 * Contrast: small light-sage text (#D4EEDD, rgba(255,255,255,.85/.9)) on the brand green #00843D measured 3.9 to 4.2:1.
 * White on #00843D is 4.8:1, so the text on green goes to white (AA for normal text).
 */
.his-finder .f-result small,
.his-picker__tabs button[aria-selected="true"] small,
.his-process > .is-good .is-style-eyebrow,
.his-process > .is-good p:not(.is-style-eyebrow),
.his-figures .his-figures__item span,
.p-dials .p-dial span,
.his-warranty.his-warranty p,
.his-section.is-style-band-green p:not(.has-text-color) { color: #fff; }

/*
 * Header logo: on phones the logo box was squeezed by the Get a Quote button (94 x 46 at 390 px, 24 x 46 at 320 px)
 * and the image stretched to fill it (Lighthouse "image-aspect-ratio"). Never distort the logo, and apply the existing
 * theme.css rule that hides the header CTA below 560 px (it lost to the Buttons block's layout display on specificity),
 * so the logo keeps its full 46 px height. The quote band and toll-free bar stay on every page.
 */
.his-logo img { object-fit: contain; object-position: left center; }
@media (max-width: 560px) {
	.his-header__bar > .wp-block-buttons.his-header__cta { display: none; }
}