/*
 * Easy View Tackle review D8: phone and accessibility fixes (Commander desk a058fac8, Matt Tanner's go 2026-10-22,
 * ClickUp 86bcpmjxn). Loaded by newbird-evt-d8-styles.php after the theme's own styles and before the Customizer's
 * Additional CSS, which therefore still wins wherever it sets a colour. Delete both files to undo.
 */

/* 1. TrustedSite badge, phones only: in its own row at the very end of the page instead of floating over the text and
      beside Add to cart (on ten pages it covered 35 pieces of text and 28 links or buttons while scrolling; on the other
      side it covered 67 and 39). Tablets and computers keep it floating as before. It is never hidden. */
@media (max-width: 767px) {
  body > #trustedsite-tm-image {
    position: relative !important;
    bottom: auto !important;
    left: 0 !important;
    margin: 14px auto !important;
  }
}

/* 2. Cart: the Update cart button keeps its words visible while it waits for a quantity change (the theme painted the
      words the same grey as the button, so it showed as an empty bar). WooCommerce's own disabled-button rule is
      .woocommerce button.button:disabled[disabled], so this one is more specific. */
.woocommerce .woocommerce-cart-form button.button[name="update_cart"]:disabled[disabled],
.woocommerce .woocommerce-cart-form button[name="update_cart"]:disabled {
  color: #fff;
}

/* 3. Text contrast (Google's colour contrast check, 4.5 to 1). The theme's grey text #626678 (3.7 to 1 on the page grey)
      becomes the lightest shade of the same grey that passes on the page and cart backgrounds, #515564 (4.9 and 4.6). */
body,
h5, h6,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .stock,
.woocommerce ul.products li.product .price {
  color: #515564;
}
/* the darker grey cells of the review table in one blog post (Innovative Fishing Tackle Organizer) */
.entry-content td[bgcolor="#c0c0c0"],
.entry-content td[bgcolor="#C0C0C0"] {
  color: #4a4e5b;
}
/* footer menu: black on the navy footer (2.9 to 1; no dark colour can pass on that navy) becomes white like the rest of
   the footer (7.2 to 1). The black comes from the Customizer's Additional CSS (#footer-menu a), which loads after this
   file, so this rule names the footer bar too and outranks it without editing that CSS. */
#bottom-footer #footer-menu a,
#bottom-footer #footer-menu a:visited {
  color: #fff;
}
/* cart totals: the "Calculate shipping" link, one shade darker navy (4.49 to 4.7 on the cart's grey) */
.woocommerce-cart .cart_totals .shipping-calculator-button {
  color: #175a7b;
}
/* two e-mail links inside one blog post coloured light red inline (#ff6666, 1.9 to 1): the same red, darker (4.75 to 1) */
.entry-content a span[style*="ff6666"],
.entry-content a span[style*="FF6666"] {
  color: #b20000 !important;
}
