/* =====================================================================
   zz-primary-cta-hover.css  — QA batch #12: consistent primary-CTA hover
   ---------------------------------------------------------------------
   The relaunch styled every button's DEFAULT state but left ~29 scattered,
   often page-id-scoped `!important` rules controlling the redesign CTA
   (`.product-button-group__button--with-icon.has-wawi-gradient` /
   `.button-group__wawi-button`). Their hover is therefore inconsistent per
   page (some `filter:brightness()`, most fall through to the legacy
   `.btn:hover` that greys the label). This file gives the PRIMARY orange CTA
   ONE hover everywhere, matching the `.btn-orange` standard:
       darken to #e34813, keep JTL Dark-Blue text, flatten the gradient,
       no border/size change.

   WHY the `.has-wawi-gradient` class is repeated: the offending defaults are
   page-scoped (`body.page-id-NN …`, specificity up to ~0-5-3). Repeating the
   marker class raises this rule to 0-6-1 so it outranks them, and the file is
   named `zz-` so the loader enqueues it LAST (after custom-clone.css + every
   other override) — specificity + load order together guarantee the win.
   `.is-inverted` (secondary / inverted treatment) is excluded on purpose. */

a.product-button-group__button--with-icon.has-wawi-gradient.has-wawi-gradient.has-wawi-gradient:not(.is-inverted):hover,
a.product-button-group__button--with-icon.has-wawi-gradient.has-wawi-gradient.has-wawi-gradient:not(.is-inverted):focus,
button.product-button-group__button--with-icon.has-wawi-gradient.has-wawi-gradient.has-wawi-gradient:not(.is-inverted):hover,
a.button-group__button--with-icon.has-wawi-gradient.has-wawi-gradient.has-wawi-gradient:not(.is-inverted):hover,
a.button-group__button--with-icon.has-wawi-gradient.has-wawi-gradient.has-wawi-gradient:not(.is-inverted):focus,
a.product-button-group__wawi-button.has-wawi-gradient.has-wawi-gradient.has-wawi-gradient:not(.is-inverted):hover,
a.button-group__wawi-button.has-wawi-gradient.has-wawi-gradient.has-wawi-gradient:not(.is-inverted):hover {
    background-color: #e34813 !important;
    background-image: none !important;
    border-color: #e34813 !important;
    color: #0b1b45 !important;
    filter: none !important;
}
/* keep the inner label/icon Dark-Blue when the colour is set on a child */
a.product-button-group__button--with-icon.has-wawi-gradient.has-wawi-gradient.has-wawi-gradient:not(.is-inverted):hover .product-button-group__button--with-icon__text,
a.button-group__button--with-icon.has-wawi-gradient.has-wawi-gradient.has-wawi-gradient:not(.is-inverted):hover .button-group__button--with-icon__text {
    color: #0b1b45 !important;
}