/*
 * Neutralise the Hello Elementor reset's hard-coded pink.
 *
 * themes/hello-elementor/assets/css/reset.css ships:
 *   a { color:#c36 }
 *   [type=button],[type=submit],button { border:1px solid #c36; color:#c36 }
 *   button:hover, button:focus, [type=submit]:hover, ... { background-color:#c36; color:#fff }
 *
 * #c36 is #CC3366. Every <button> turns magenta on hover, and :focus sticks
 * after a click, so an opened results accordion sat there bright pink.
 *
 * SPECIFICITY MATTERS HERE. The first attempt wrapped these in :where(), which
 * zeroes specificity, so the theme's plain `button:hover` (0,1,1) beat it and
 * nothing changed. These selectors match the theme's specificity exactly and
 * load later (priority 99), so they win on cascade order alone - no !important,
 * which means Elementor's own `.elementor-button:hover` (0,2,0) still wins over
 * both, and designed buttons keep their intended hover.
 */

button:hover,
button:focus,
[type="button"]:hover,
[type="button"]:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="reset"]:hover,
[type="reset"]:focus {
  background-color: transparent;
  color: inherit;
}

/* At rest the reset also gives bare buttons a pink border and pink text. */
button,
[type="button"],
[type="submit"],
[type="reset"] {
  border-color: currentColor;
  color: inherit;
}

/*
 * Belt and braces inside anything we render: (0,2,1) or higher, so these beat
 * the theme outright regardless of load order.
 */
.bcr-wrap button:hover,
.bcr-wrap button:focus,
.bcr-wrap button:active,
.bclml-acct button:hover,
.bclml-acct button:focus,
.bclml-acct button:active,
.bclml-shop button:hover,
.bclml-shop button:focus,
.bclml-shop button:active,
.bclml-diary button:hover,
.bclml-diary button:focus,
.bclml-diary button:active {
  background-color: transparent;
  color: inherit;
}

/* Keyboard focus must stay visible - in brand, not magenta. */
button:focus-visible,
[type="button"]:focus-visible,
[type="submit"]:focus-visible,
[type="reset"]:focus-visible {
  outline: 2px solid #E6BB03;
  outline-offset: 2px;
}

/* The reset's pink link colour, inside our own areas only. */
.bclml-acct a:not([class*="elementor"]),
.bcr-wrap a:not([class*="elementor"]),
.bclml-shop a:not([class*="elementor"]) {
  color: inherit;
}

.bclml-acct a:not([class*="elementor"]):hover,
.bcr-wrap a:not([class*="elementor"]):hover,
.bclml-shop a:not([class*="elementor"]):hover {
  color: #E6BB03;
}