/**
 * OggyShop - Accessibility colour contrast overrides
 *
 * Every value below is a darker shade of a colour the theme already uses.
 * Nothing is re-styled - the only goal is WCAG AA (4.5:1 normal / 3:1 large).
 * Measured ratios are in the comments.
 */

:root {
    /* sale badge / sale price / discount pill: #E53E3E was 4.13:1, this is 5.46:1 */
    --color-red600: #C92A2A;
    --color-redRGB: 201, 42, 42;

    /* blue accent text and buttons: #228BE6 was 3.56:1, this is 4.89:1 */
    --color-blue600: #1971C2;
    --color-blueRGB: 25, 113, 194;

    /* white price text on the green deal chip: #40C057 was 2.36:1, this is 5.37:1 */
    --color-green600: #237A38;
    --color-greenRGB: 35, 122, 56;

    /* muted secondary text: #768088 was 4.03:1, this is 4.76:1 */
    --color-gray600: #6B747C;
}

/* .btn.blue hard-codes the old blue instead of reading --color-blue600 */
a.btn.blue:not(.outline),
.btn.blue:not(.outline) {
    background-color: #1971C2 !important;
}

/* White label on the #FFC21F primary yellow is only 1.62:1.
   The brand navy on the same yellow is 11.1:1 and keeps the button colour. */
.product-buttons.primary-button .button,
.product-buttons.primary-button .button:hover,
button:not(.unset).primary:not(.outline),
.button:not(.unset).primary:not(.outline),
.btn.primary:not(.outline) {
    color: #041E42 !important;
}

/* Footer phone number: primary yellow on #F8F9FA is 1.53:1, this amber is 5.20:1 */
.company-phone a {
    color: #8A6200 !important;
}

/* Floating cart tab: brand yellow #FFC21F with #041E42 navy is 11.1:1 AAA */
.oggy-fct-top {
    background-color: #ffc21f !important;
    color: #041e42 !important;
}

.oggy-fct-total,
.oggy-fct-total * {
    color: #041e42 !important;
}

/* Solid green buttons (Add to cart, Order on WhatsApp) and "In Stock" text:
   #2F9E44 was 3.45:1 against white, #237A38 is 5.37:1 */
:root {
    --color-green700: #237A38;

    /* child theme WhatsApp button: #25D366 was 1.98:1, #157F4A is 5.04:1 */
    --oggy-pf-whatsapp: #157F4A;
}

/* Muted #ADB5BD on white is 2.07:1. --color-gray500 is also used for borders,
   so only the two places it carries text are overridden. */
.woocommerce-breadcrumb li,
.klb-breadcrumb li,
.woocommerce-tabs .wc-tabs a,
.woocommerce-tabs .tabs li a {
    color: var(--color-gray600) !important;
}

/* Trust box phone link: #0284C7 on #F8FAFC is 3.91:1, #0369A1 is 5.69:1 */
.oggy-trust-info a {
    color: #0369A1 !important;
}