| @@ -802,4 +802,24 @@ | ||
| 802 | 802 | .charitable-paypal-subscribe-btn:hover { |
| 803 | 803 | background-color: #f5b83d; |
| 804 | 804 | } |
| 805 | 805 | |
| 806 | +/* | |
| 807 | + * forced-colors (Windows High Contrast) safety for the card-name focus style above (1.8.13.1). | |
| 808 | + * | |
| 809 | + * forced-colors mode strips box-shadow outright and repaints border and background from the | |
| 810 | + * forced palette, so a focus indicator built from those is invisible there -- and the rule above | |
| 811 | + * also sets `outline: none`, leaving nothing at all. `outline` is the one property that survives, | |
| 812 | + * so it is restored here, in the system Highlight colour. | |
| 813 | + * | |
| 814 | + * Scoped to this media query only: the default appearance is untouched. The selector mirrors the | |
| 815 | + * one above exactly, so it carries equal specificity and wins on order. | |
| 816 | + */ | |
| 817 | +@media (forced-colors: active) { | |
| 818 | + .charitable-paypal-card-name-input:focus { | |
| 819 | + outline-width: 2px; | |
| 820 | + outline-style: solid; | |
| 821 | + outline-color: Highlight; | |
| 822 | + outline-offset: 2px; | |
| 823 | + } | |
| 824 | +} | |
| 825 | + | |
