/* Jerseyio accessibility fixes - deployed 2026-08-22 */

/* Inline orange spans inside headings measured 2.14:1 against white.
 * WCAG AA requires 4.5:1 for body text. #aa6600 holds the hue at 4.56:1. */
[style*="#ff9900"],
[style*="#FF9900"] { color: #aa6600 !important; }

/* The flipbook product title moved from <h1> to <h2> so the homepage carries a
 * single h1. Flatsome sizes h1 at 1.7em (1.4em below 550px) and h2 at 1.6em
 * (1.2em responsive), so the h1 values are pinned back here and the title
 * renders at exactly the size it did before. */
.flip-page-two .product-info h2.entry-title { font-size: 1.7em; }

@media (max-width: 549px) {
  .flip-page-two .product-info h2.entry-title { font-size: 1.4em; }
}

/* The currency switcher prints white 10px text on #268ed8, which is 3.53:1.
 * #217bbb is the same hue at 4.55:1. The plugin sets its colour inline with
 * !important, so the class is repeated here to raise specificity above it. */
.woo-multi-currency .wmc-list-currencies .wmc-currency.wmc-active.wmc-active,
.woo-multi-currency .wmc-list-currencies .wmc-currency:hover:hover {
  background: #217bbb !important;
}