/* ---- Interaction states: gold, not Astra's default blue ---- */
button:focus, button:hover, button:active,
.button:focus, .button:hover, .button:active,
input[type="button"]:hover, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus,
input:focus, textarea:focus, select:focus,
a:hover, a:focus {
    --ast-global-color-0: #DFB869;
    --ast-global-color-1: #DFB869;
}
/* Astra's literal #046BD2 form-focus borders (same selectors, later in the cascade). */
input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus,
input[type=reset]:focus, input[type="tel"]:focus, input[type="date"]:focus,
select:focus, textarea:focus,
.wpcf7 input.wpcf7-form-control:not([type=submit]):focus,
.wpcf7 select.wpcf7-form-control:focus,
.wpcf7 textarea.wpcf7-form-control:focus {
    border-color: #DFB869;
}
/* The contact form's own focus rule (.avg-cf7, solid gold border) was losing to
   Astra's; Astra's thin dotted focus border is kept elsewhere. */
.avg-cf7 .wpcf7-form-control.wpcf7-form-control:focus { border-style: solid; border-color: #DFB869; }
/* Checkout: its own Shopify-style accent, as on live. */
.avg-ckt button:focus, .avg-ckt button:hover, .avg-ckt button:active,
.avg-ckt .button:focus, .avg-ckt .button:hover,
.avg-ckt input:focus, .avg-ckt select:focus, .avg-ckt textarea:focus,
.avg-ckt a:hover, .avg-ckt a:focus {
    --ast-global-color-0: #2c6ecb;
    --ast-global-color-1: #2c6ecb;
}

/* PDP zoom: its own hover is a white disc, but Astra's button:hover also sets
   the text colour to #fff, which made the magnifier vanish on hover. */
.avg-pdp .avg-pdp__zoom:hover { color: #111; }

/* ---- Header icons (search, account, cart, menu, panel close) ----
   Astra's dotted a:focus ring took the icons' Elementor default colour
   (#6EC1E4). Keyboard focus gets the site's gold ring instead; a mouse click
   leaves no ring, as on live. */
.elementor-330 .elementor-icon:focus { outline: none; }
.elementor-330 .elementor-icon:focus-visible {
    outline: 2px solid #DFB869;
    outline-offset: 2px;
}

/* ---- Cart (phones): the coupon / update row falls back to Astra's default
   button, which is blue at rest; the site's gold button with black text. */
.woocommerce .avg-cart__actions .button,
.woocommerce .avg-cart__actions button.button {
    --ast-global-color-0: #DFB869;
    --ast-global-color-1: #DFB869;
    color: #000;
}